随笔分类 -  ng

三大框架的对比
摘要：Vue和React都使用虚拟dom，React拥有更加丰富的生态系统。 渲染上的区别 React重新渲染的时候会以这个组件为根，将整颗子树进行渲染，手动实现shouldComponentUpdate进行优化，而Vue组件的依赖是在渲染过程中自动追踪的，所以系统能精确知晓哪个组件确实需要被重渲染。你可 阅读全文
posted @ 2017-12-20 13:01 HelloHello233 阅读(722) 评论(0) 推荐(0)
angular的优化
摘要：https://github.com/atian25/blog/issues/5 更快地执行digest： 优化watch $scope.$watch(watchExpression, modelChangeCallback) 不在watchExpression中做耗时的操作（dom操作），因为wa 阅读全文
posted @ 2017-12-19 22:28 HelloHello233 阅读(160) 评论(0) 推荐(0)
angular 列表渲染机制
摘要：watchCollection：监听集合元素的变化，而不能监听到集合元素内部的属性变化，只要集合中元素的引用没有发生变化，则认为无变化。用这个api也可以监听普通对象的第一层属性变化。 watch：监听数据有没有发生变化，引用有无发生变化、原始类型数值有无发生变化等。除非指定第三个参数为true，否 阅读全文
posted @ 2017-12-19 22:13 HelloHello233 阅读(652) 评论(0) 推荐(0)
Angular 1.x 框架原理
摘要：指令生命周期 compile阶段 对dom进行编译，首先（如果有的话）对template进行应用（这个过程只执行一次）。然后把当前指令（内部的指令还没被渲染）传递给iElement，接着执行compile（这个过程执行多次）。多个指令实例只会执行一次compile，所以只要我们在compile中对i 阅读全文
posted @ 2017-11-29 15:55 HelloHello233 阅读(794) 评论(0) 推荐(0)
表单中的ngModelController
摘要：测试表单中的ngController。直接看红字结论部分即可 以上两个值能正常显示。得出 f.addr实际上就是addrModel上的ngModelController，继续测试，对以上例子进行改造： 运行结果：只显示一个true，那个custom value就不显示了。那是因为每一个ngModel 阅读全文
posted @ 2017-10-08 21:00 HelloHello233 阅读(192) 评论(0) 推荐(0)
自定义ngCloak
摘要：场景： 一个非常复杂的表单页面，页面有5个标签，第五个标签中又有5个标签，也就是说一共有9个标签，每个标签中都有一个表单，表单之间相互关联、所有表单项（包括复合的），有80多个数据。全部东西写在一个html内。当电脑机器比较慢的时候，ng没启动完全时，会有短暂的页面混乱，表达式，花括号等，解决这个问 阅读全文
posted @ 2017-10-08 19:58 HelloHello233 阅读(205) 评论(0) 推荐(0)
angularJS transclude
摘要：参考来源：彻底弄懂AngularJS中的transclusion 对以上文章进行摘录、总结和测试记录 在使用指令的时候，如果想要使用指令中的子元素，那么你就要用transclusion。 指令的DDO中，transclude有三个值： transclude: false |true | 'eleme 阅读全文
posted @ 2017-09-27 20:26 HelloHello233 阅读(313) 评论(0) 推荐(0)