Angualr2
文章平均质量分 88
SerenoShen
不断提升自己!加油!加油!!
展开
-
Angular2 Directive 学习笔记-基础篇
Angular2 Directive 学习笔记-基础篇在Angular2中有三种类型的指令(Directive) 1. 组件 — 拥有模板的指令。 2. 结构型指令 - 通过添加和移除DOM元素来改变DOM结构的指令。例如:NgFor, NgIf … 3. 属性型指令 - 改变元素显示和行为的指令。例如:NgStyle …Tips: 关于组件型的指令介绍会在专门的文章里面细致的介绍,原创 2016-11-18 16:11:08 · 12521 阅读 · 2 评论 -
Angualr 组件间通信
Angualr 组件间通信约定: 遵循Angular官方的说法,下文中的AngularJS代指1.x版本,Angular代指Angular2及以后的升级版本。采用Angular(或者任意MV*)的前端框架开发单页应用(SPA)时,我们都可能会遇见如下的场景: A组件和B组件之前需要相互通信,或是A路由状态需要知道B路由状态的信息等等业务需求。 这个时候就需要设计到采用一套合理的通信方案来解决数据原创 2017-01-20 16:50:12 · 5189 阅读 · 2 评论 -
在Angular应用启动前获取数据并注入到应用中
在Angular应用启动前获取数据并注入到应用中在部分业务场景下,我们在启动客户端Angular应用时,可能需要将一些数据注入到Angular应用中,比如:配置文件信息-让应用根据不同的配置信息进行初始化操作,应用的遗留数据信息-实现应用的平滑升级等等。如何实现这样的需求呢要实现这样的需求,我们需要改变一下Angular应用的启动方式。我们将启动入口函数封装到另外的函数中,并将这个函数导出,导出的函原创 2017-03-20 11:19:23 · 2152 阅读 · 2 评论 -
移动端Web界面滚动性能优化: Passive event listeners
移动端Web界面滚动性能优化: Passive event listeners今晚在阅读VueJS2的源码时,发现了下面的一段代码,感觉自己瞬间知识储备不够用了,所以决定深入研究一下,故总结得出此文。关于VueJS的源码解读,之后会整理出学习笔记。这里先简单记录一些碎片化的知识点。 try { const opts = {} Object.defineProperty(opts, '原创 2017-04-16 22:16:03 · 12257 阅读 · 5 评论 -
采用Webpack构建Angular应用以及AoT支持
采用Webpack构建Angular应用程序以及AoT支持Angular支持多种代码打包方式,例如:官网示列使用的System.js,还有特别好使的Rollup,目前火的不行的Webpack,还有略显过时的Browserify等等。不过打包工具就是一个工具而已,并没有什么好坏之分,只是不同的应用场景是不适合而已。作为一个从Angular发布就一直使用至今的玩家,今天记录一下如何使用Webpack原创 2017-07-29 10:42:23 · 2755 阅读 · 0 评论