发表于: 2017-04-07 00:37:01
3 1119
今天完成的事情:菜鸟教程上的angularjs教程,智能社anjular教程第一章
明天计划的事情:看完视频,找几个简单的angularjs例子练手,
遇到的问题:
1.angularjs的环境搭建,就是和jqJS一样引用就好了嘛
2.今天看了博宇师兄的面试问题,深感自己的不足,决定明天开始每天留些时间做点前端面试中的算法题目,一方面提升逻辑思考能力,一方面尽可能的培养敲代码的感觉 免得面试的时候露怯,虽然自己之前找工作的时候表现不错,应对即兴演讲和无领导讨论之流都有经验,但是互联网的技术面试确实对我是个挑战吧,尽可能的在日报里分享一些。
收获:都是视频里总结的 讲的很不错
主要是今天学知识点自己做的笔记:
MVX框架:把数据和表现分离.
Angular的目的是减轻程序员的负担(降低重复性劳动)。扩展了HTML的功能:颠覆性、可扩展。
MVC(Mode View Controller):模型(数据)、视图(表现层,如HTML等)、控制器(业务逻辑,即对整个程序进行控制)。
ng-model:告诉数据从哪来(把这个数据作为来源),双向绑定;
ng-bind:告诉数据到哪去(把数据绑定到这个元素身上,在这里显示数据),即输出;
ng-app:为了其他的库配合共存,用这个表示angular掌管的一个范围(哪个该angular管哪个不该angular管)。
angular里所有的都是ng-开头。
双向绑定:最简单的比如ng-model,两个ng-model绑定同一个数据的时候,改这个另外一个也会改变,是既能输入也能输出的(可进可出)。
依赖注入:像函数(他的参数是由调用的人决定的,自己决定不了)。而依赖注入的时候参数是由定义方决定的。
ng-bind功能有点受限,他会把这个元素内所有的元素都换掉,不保留,且有些复杂的东西不能输出。
于是有了模板这个东西:例如[ 结果是{{a}}*{{b}}={{a*b}} ],只要不出现在模板里面都跟你保留,它只跟你动模板里面的,比ng-bind更灵活。
记住两句话:
1.angular和普通的JavaScript普通情况下不互通,不光是函数不互通,变量也不互通。
1.1函数不互通。
1.2变量不互通。即在普通js里定义的变量,angular是获取不到的,js里parseInt()之类的函数也不能用,且angular的东西也出不去。
1.3事件不互通。angular事件:js里onclick用不了要换成ng-click,alert等等js事件在angular里都用不了。
2.angular的开发模式和传统的开发模式完全不同(你只需要盯住数据,在angular里数据是核心)。
angular接管了UI,只要数据,其他的都干掉,他自己会根据数据调整UI。
angular里唯一的重点就是数据(出了事找数据)!
评论