• AngularJS 简单的介绍


    最近学习了AngluarJS,通过阅读别人的资料,了解一些知识,并以此记录,方便记忆。

    AngularJS是一个动态WEB应用设计的结构框架,扩展了HTML得语言,以弥补在构建动态WEB应用时静态文本的不足,从而在web应用程序中使用HTML申明动态内容。

    1.双向数据绑定 —— 实现了把model与view完全绑定在一起,model变化,view也变化,反之亦然。

    2.模板加载器(AMD) —— 在AngularJS中,模板相当于HTML文件被浏览器解析到DOM中,AngularJS遍历这些DOM,也就是说AuguarJS把模板当做DOM来操作,去生成一些指令来完成对view的数据绑定。运行在浏览器端的模块加载器,可以智能解析依赖关系,并自动加载相关模块。

    3.前端框架MVVM —— 吸收了传统的MVC设计模式针但又并不执行传统意义上的MVC,更接近于MVVM(Moodel-View-ViewModel)。数据逻辑展现分离,数据js逻辑,代码html、css展现。数据是核心,VM与V是双向绑定,操作VM中的数据,同步到DOM。

    MVVM模式是Model-View-ViewMode模式的简称,由视图(view)、视图模型(viewModel)、模型(Mode)三部分组成,通过这三部分实现UI逻辑,呈现逻辑和状态控制、数据与业务逻辑的分离。

    Mode将和ViewMode互动(通过$scope对象),将监听Mode的变化。这些可以通过View来发送和渲染,由HTML来展示你的代码。View可以通过$routeProvide来发送和渲染。

    MVVM的四大优点:

      1)低耦合

      2)可重用性

      3)独立开发

      4)可测试性

    4.依赖注入 —— AngularJS拥有内建的依赖注入子系统,可以帮助开发人员更容易的开发,理解和测试应用。主要目的是开发出松散耦合、可维护、可测试的代码和程序。

    5.指令 —— 可以用来创建自定义的标签,也可以用来装饰元素或者操作DOM属性,在编写AngluarJS的代码中通常都有比较普遍的应用。

  • 相关阅读:
    我的前端故事----欢乐大富翁( ̄︶ ̄)↗ (摇骰子+棋盘)
    我的前端故事----优美的编辑器GitHub Atom
    我的前端故事----Ajax方式和jsonp的实现区别
    关于Web服务器的认识
    Django--全文检索功能
    对Ajax连接的认识~为毛不能上传文件!!!
    前端页面--天猫右侧信息栏弹出效果实现
    前端页面--瀑布流布局的实现
    Django分析之如何自定义manage命令
    Django分析之使用redis缓存服务器
  • 原文地址:https://www.cnblogs.com/shirely-2014/p/4634283.html
Copyright © 2020-2023  润新知