发表于: 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页面中

<p>1.我是采用插值的方式的:</p>
<span>{{title}}</span>


在.component.ts文件中

export class myComponent implements OnInit {
title:string = "我是子组件插值的方式显示的";
}


属性绑定:

使用[属性]=“值”进行属性绑定(属性如果不加[],那么就直接是传统的赋值,加上[]就是angular的属性绑定)


事件绑定:

事件绑定



明天计划的事情:

       继续学习angular


问题:

      继续理解一波rxjs


收获:

      如上



返回列表 返回列表
评论

    分享到