zoukankan      html  css  js  c++  java
  • angluar.js的核心介绍

    在学AngluarJS之前,我们必须要有HTML、JavaScript、CSS的基础

    定义:

         AngularJS是Google开源的一款JavaScript MVC的前端框架,弥补了HTML在构建应用方面的不足,其通过使用指令(directives)结构来扩展HTML词汇,使开发者可以使用HTML来声明动态内容,从而使得Web开发和测试工作变得更加容易。

        AngularJS 是一个为动态WEB应用设计的结构框架,提供给大家一种新的开发应用方式,这种方式可以让你扩展HTML的语法,以弥补在构建动态WEB应用时静态文本的不足,从而在web应用程序中使用HTML声明动态内容。Angular可以帮助你组织JavaScript代码,可以创建响应式网站(会对用户的请求产生快速的反应),Angular可以和JQuery很好的协调、方便测试(搭建可维护的应用)。
         简单的解释Angular就是一个可以给HTML加上互动性的客户端JS框架。

    比较:

         下面我们来比较一下传统网页请求和anglarJS网页请求之间的区别:

    传统:

                   步骤1:用户由浏览器触发初始化数据请求

                   步骤2:服务器 响应用户请求,返回网页和其他内容比如HTMLJS,浏览器端的会加载整个页面

                   步骤3:用户再次触发了一个链接就会重新初始化一个新的请求

                   步骤4:服务器会返回网页和其他内容,浏览器再次重新加载整个网页

             AngularJS的响应式:

                   步骤1:用户由浏览器触发初始化数据请求

                   步骤2:服务器 响应用户请求,返回网页和其他内容比如HTMLJS,浏览器端的会加载整个页面

                               步骤3:用户再次触发了一个链接时,网页只会请求所需要的信息如JSON数据,然后直接加载到已经存在的页面中,然后就直接在浏览器中更新呈现出来

                   步骤4:无

             二者比较可明显得知AngularJS的响应速率要比传统快得多。

     

    核心特性:

    AngularJS有五个主要核心特性,如下介绍:




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


    模板 —— 在AngularJS中,模板相当于HTML文件被浏览器解析到DOM中,AngularJS遍历这些DOM,也就是说AuguarJS把模板当做DOM来操作,去生成一些指令来完成对view的数据绑定。


    MVVM —— 吸收了传统的MVC设计模式针但又并不执行传统意义上的MVC,更接近于MVVM(Moodel-View-ViewModel)。


    依赖注入 —— AngularJS拥有内建的依赖注入子系统,可以帮助开发人员更容易的开发,理解和测试应用。


    指令 —— 可以用来创建自定义的标签,也可以用来装饰元素或者操作DOM属性。

  • 相关阅读:
    easyexcel: The maximum length of cell contents (text) is 32,767 characters
    分库分表情况下添加索引
    如何保证消息顺序执行(Rabbitmq/kafka)
    MySQL Boolean类型的坑
    Redis居然还有比RDB和AOF更强大的持久化方式?
    ThreadLocal的应用场景和注意事项有哪些?
    spring boot 设置tomcat post参数限制
    并发慎用——System.currentTimeMillis()
    Java多线程中static变量的使用
    临时修改session日期格式冲突问题
  • 原文地址:https://www.cnblogs.com/cxhx/p/6068427.html
Copyright © 2011-2022 走看看