发表于: 2017-01-21 23:28:43
1 1399
今天完成的事情:上午准备明天小课堂的内容,下午做task10的表单验证。
明天计划的事情:继续做task10的任务,收拾东西准备回家过年了
遇到问题:时间控件那里还有点问题,明天再看下怎么解决。回家的日子,没有师姐师兄师弟们的帮助,感觉不能好好写代码了。额多克
收获:
学会了使用ng-blur,失去焦点的再进行表单验证
进行表单验证时,最大长度和最大宽度都可以通过正则来完成,这样代码会更精简。
小课堂收获:今天是二师兄分享,学习了域名以及cookie方面的知识,弥补了自己在这一块的欠缺。
贴上1月22日小课堂分享的文本:
1.背景介绍
AngularJS是google开发者设计和开发的一套前端开发框架,帮助我们简化前端开发的负担。它通过新的属性和表达式扩展了 HTML,可以构建一个单一页面应用程序。那么它有哪些优点与缺点呢?
2.知识剖析
AngularJS的优点:
1 良好的应用程序结构:通常情况下,我们编写 JavaScript 没有明确的结构。虽然在编写小应用程序的时候没有问题,但这显然是不适合于大规模的应用程序。使用 AngularJS,您可以通过MVC(模型 - 视图 - 控制器)或MVVM (模型 - 视图 - 视图模型)模式来组织源代码。 AngularJS 是一个 MVW 框架,其中W代表可以用于任何项目。你可以组织你的代码模块,它可显著提高应用程序的可测试性和可维护性。数据、业务逻辑、视图的分离。
2 双向数据绑定:数据绑定肯定是 AngularJS 最佳功能之一。你可以声明绑定的模型到 HTML 元素。当模型发生变化时,视图会自动更新,反之亦然。这可以减少大量的传统样板代码,保持模型和视图同步。
3 指令:AngularJS 指令让你使用 HTML 新语法快速的构建应用程序。您可以创建可重用的自定义组件与指令的API。
4 HTML 模板:AngularJS 使用 HTML 模板,这使事情变得简单,并允许设计人员和开发人员同时工作。设计人员可以按照通常的方式创建用户界面,而开发人员可以使用声明性绑定语法很容易配合不同的UI组件的数据模型。
5 依赖注入:AngularJS 支持依赖注入的开箱即用。如果你需要的东西,你只要调用 Angular 来注入。就这么简单。
AngularJS的缺点:
1.性能:双向数据绑定是一把双刃剑。随着组件增加,项目越来越复杂,双向数据绑定带来性能问题。双向数据绑定是如何影响性能的?在JavaScript(ES5)中,并没有实现当变量或对象改变时发出通知的功能,Angular的实现方法被叫做“Dirty-checking(脏检查机制)”,通过跟踪数据的改变再动态更新用户界面(UI)。在Angular的作用域中任何操作的执行都会引发Dirty-checking,随着绑定数量的增加性能就会越低。
2. Angular 2.0推翻重做使得目前不宜采用此框架
Angular 1.x版本其实是个比较旧的东西了,现在看来有些理念过时了,比如依赖注入、自己独特的模块化,这些东西其实在ES6下已经很好地被解决了。Angular的2.0几乎是一个推翻重做的框架,估计不会有1.X的upgrade方案。所以如果现在新开始的项目采用Angular的话,会是一个很尴尬的时机。同样,如此大的改动似乎也反面印证了1.X并不是那么好。
3.学习成本高
使用Angular需要学习大量的概念,包括但不限于:a.模块 b.控制器 c.指令 d.作用域 e.模板 f.链式函数 g. 过滤器 h.依赖注入
3.常见问题
4.解决方案
5.编码实战
6.扩展思考
7.参考文献
http://blog.csdn.net/u012125579/article/details/52744093
评论