发表于: 2017-06-16 23:23:06
1 880
今天完成的事情:
1.学习AMD的概念(按需动态加载JS)
传统JavaScript代码的问题:
通过<script>标签来载入JavaScript文件,用全局变量来区分不同的功能代码,全局变量之间的依赖关系需要显式的通过指定其加载顺序来解决,发布应用时要通过工具来压缩所有的JavaScript代码到一个文件。当Web项目变得非常庞大,前端模块非常多的时候,手动管理这些全局变量间的依赖关系就变得很困难,这种做法显得非常的低效。
AMD提出了一种基于模块的异步加载JavaScript代码的机制,它推荐开发人员将JavaScript代码封装进一个个模块,对全局对象的依 赖变成了对其他模块的依赖,无须再声明一大堆的全局变量。通过延迟和按需加载来解决各个模块的依赖关系。模块化的JavaScript代码好处很明显,各个功能组件的松耦合性可以极大的提升代码的复用性、可维护性。这种非阻塞式的并发式快速加载JavaScript代码,使Web页面上其他不依赖 JavaScript代码的UI元素,如图片、CSS以及其他DOM节点得以先加载完毕,Web页面加载速度更快,用户也得到更好的体验。
2.观看大漠老师的直播,学习了各种细节:
更新angular/cli,
全局修改源npm install -g cnpm
cnpm install -g @angular/cli
.angular-cli.json里面的prefix可以修改selector前缀
3.数据绑定
插值:
在.component.html页面中
在.component.ts文件中
属性绑定:
使用[属性]=“值”进行属性绑定(属性如果不加[],那么就直接是传统的赋值,加上[]就是angular的属性绑定)
事件绑定:
明天计划的事情:
继续学习angular
问题:
继续理解一波rxjs
收获:
如上
评论