有人说前端自动化测试非常困难,我觉得确实如此。在项目中,我个人也不放心写的测试,还是要手动测试。但是我们平时写demo学习时,完全可以使用自动化测试。
karma单元测试入门
学习Angularjs,都会遇到Karma单元测试,可是初学者面对复杂的测试配置往往不知从何入手,下面我们将抛开Angularjs,单独使用两个js文件,完成一次测试入门。
Angular 结合RequireJs实现模块化开发
Angular的指令是模块化很好的一个体现,下面我将只使用指令(不用控制器),结合Requirejs,实现模块化开发。
AngularJs与jQuery特效slidetoggle结合
之前使用jQuery的slidetoggle
方法,可以轻易的实现元素的收缩展开;使用Angularjs后,没有找到相关的方法,通过多方面查资料,自己写了个demo,展示slidetoggle
的Angularjs写法:
RequireJs调研
背景
Problem(问题)
- Web sites are turning into Web apps(网站正转变为网络应用程序)
- Code complexity grows as the site gets bigger(代码复杂度随着站点变大而变复杂)
- Assembly gets harder(组装变得更难【ps】这里我个人认为“组装”是拼接单个js文件中的昂多的代码段 )
- Developer wants discrete JS files/modules(开发者想分离js文件/模块)
- Deployment wants optimized code in just one or a few HTTP calls(网站部署者想通过使用一个或者很少http请求来优化代码)
Solution(解决方案)
- Front-end developers need a solution with:(前端工程师需要一个解决方案,拥有这些功能:)
- Some sort of #include/import/require(一些引入文件的命令语句)
- ability to load nested dependencies(加载嵌套的依赖文件)
- ease of use for developer but then backed by an optimization tool that helps deployment(简单好用,但也有助于优化部署)
使用RequireJs和Bootstrap模态框实现表单提交
下面我将使用Requirejs结合模态框实现三五行代码部署表单提交操作。