既然是从无到有构建angular1 的框架,就要首先从angular的基本知识说起,本文将从以下几个方面介绍:
- Angularjs 技术框架
- 指令集
- Service、Route
Application
由于angular1和angular2是完全不同的两个框架,angular2在性能提升等方面都做了很多改进,有想了解ng2朋友可以查看博客:从无到有构建Angular2 后台管理系统的前端架构博客中提供了源码地址可以直接下载运行。
一、Angularjs 技术框架
1、Angular.js 概述
- 致力于Single Page Application (SPA)
- 易于构建页面的CURD操作,以数据为中心
- 操作思路与Dom及jQuery的先查找元素再操作元素不 同,它一切以数据为中心
2、四大特性
2.1 MVC
1.1.1 MVC介绍
Model:模型,业务数据,存储于特定作用范围内变量
controller中声明模型数据,可以实现module与view的分离
VIEW: 视图,HTML+directive
Controller:控制器
1.1.2 MVC步骤
1、声明自定义模块
angular.module('模块名',[依赖列表])
2、把自定义的模块注册给当前的应用
ng-app='模块'
3、模块中声明控制器函数
module.controller('控制器名',function(){...})
4、调用控制器函数、创建控制器对象
<div controller='控制器名'></div>
5、在控制器中增删改查数据
$scope.a=b;
6、在View中呈现数据
{
{a}}
2.2 数据双向绑定
digest循环以及dirty-checking,包括watch,digest,和$apply
1.每次你绑定一些东西到你的UI上时你就会往$watch队列里插入一条$watch。