Angular初级入门
阅读原文时间:2024年11月20日阅读:1

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

手机扫一扫

移动阅读更方便

阿里云服务器
腾讯云服务器
七牛云服务器

你可能感兴趣的文章