Angular VS jQuery

Posted 2020-08-01

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前端教程