1:jquery :库
-一般是封装了一些方法
-我们去调用他的这些方法分
2:angular:框架
-框架是提供了一些规则或者模式
-我们是根据这一种规则或者模式去写代码
-然后接下来就由angular帮助我们去执行相应的代码
3:思想上
-jquery提倡dom操作,提高dom操作的效率
-angular:不提倡dom,几乎没有dom操作(不是真的没有)
-document.get..
-万一需要操作DOM,也不要使用jQuery或者原生的dom方法
-通过angular提供了一个类似jQuery的东西 jqLite
-jqLite是一个轻量级的jQuery,封装了一些常用的jQuery方法。
3:Angular开发流程
-1新建一个HTML文件
-2引入一个包:npm/bower/暴力方式/cdn
+本质上就是为了拿到angular.js
-3需要在HTML标签上加上ng-app,便是需要angular来管理我们的页面
-4在js中创建模块angular.module('myApp',[]);
+需要在页面上的ng-app指令上加一个值,这个值就是模块名ng-app="myApp"
-5在js中通过刚刚创建的模块来创建一个控制器app.controller('demoController',function($scope){})
+需要在页面上加上ng-controller指令,指定控制器的名字为demoController
-6初始化数据模型,建模(值得是抽象页面结构,得到数据模型或者行为模型)
-7写具体的js代码(...)
4:网址
www.cdn.code.baidu.com
https://angularjs.org
tool.oschina.net
www.colorzilla.com
www.fontawesome.io
codepen.io
javascript MDN
www.ruanyifeng.com
www.zhangxinxu.com
6:软件
segmentFault
CSDN
牛客
前端工程师
开发者头条
7:订阅号
前端早读课
前端大全
起舞周刊
DDFE
HTML5学堂
web前端教程