从无到有构建angular1框架

既然是从无到有构建angular1 的框架,就要首先从angular的基本知识说起,本文将从以下几个方面介绍:Angularjs 技术框架 指令集Service、Route Application由于angular1和angular2是完全不同的两个框架,angular2在性能提升等方面都做了很多改进,有想了解ng2朋友可以查看博客:从无到有构建Angular2 后台管理系统的前端架构博客中
摘要由CSDN通过智能技术生成

既然是从无到有构建angular1 的框架,就要首先从angular的基本知识说起,本文将从以下几个方面介绍:

  1. Angularjs 技术框架
  2. 指令集
  3. Service、Route
  4. 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
  • 3
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值