初识AngularJS

初识AngularJS初识AngularJS一、AngularJS是什么?AngularJS,简称:ng它是一款非常优秀的前端高级JS框架由MiskoHevery等人创建2009年被Google公司收购,用于其多款产品有一个全职的开发团队继续开发和维护这个库这个框架可以轻松构建SPA应用程序通过指令扩展HTML,通过表达式将数据绑定到HTML(基本不需要DOM操作)二、SPA应用程序简单介绍单页面应用

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE使用 1年只要46元 售后保障 童叟无欺

一、AngularJS是什么?

  • AngularJS,简称:ng
  • 它是一款非常优秀的前端高级JS框架
  • 由Misko Hevery等人创建
  • 2009年被Google公司收购,用于其多款产品
  • 有一个全职的开发团队继续开发和维护这个库
  • 这个框架可以轻松构建SPA应用程序
  • 通过指令扩展HTML,通过表达式将数据绑定到HTML(基本不需要DOM操作)

二、SPA应用程序简单介绍

  • 单页面应用程序(Single Page Application)
  • 只有一个页面(整个应用程序的一个载体)
  • 内容全部是由ajax获取并呈现出来
  • 例子:网易云音乐
实现原理
 <a href="#demo">点击</a>
 <div id="demo"></div>
  • 锚点的变化,是可以用js事件监视的
window.addEventListener('hashchange', function(e) { 
   
    //hash属于路径的组成部分
    //hostname:www.aa.com
    //port:8080
    //pathname:/aaa/1.html
    //search:?id=10
    //hash:#name
    //protocol: http:

    //可以通过location拿到所有信息
    console.log(window.location.hash);
});
  • 当锚点变化的时候,就会触发hashchange事件。然后发送ajax异步请求,将服务端返回的数据渲染到浏览器页面上

三、AngularJS四个特性

  • MVC(我更倾向于MVVM)
  • 模块化
  • 自动化双向数据绑定
  • 指令系统

四、AngularJS的发展趋势

虽然AngularJS正在走向没落,但是我们要知道它背后所带来的价值。
它带领前端行业步入了 MV* 时代,带领当今市场上的前端框架走向了模块化,架构化。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/164220.html原文链接:https://javaforall.net

赞 (0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • acwing-361. 观光奶牛(0/1分数规划)「建议收藏」

    acwing-361. 观光奶牛(0/1分数规划)「建议收藏」给定一张 L 个点、P 条边的有向图,每个点都有一个权值 f[i],每条边都有一个权值 t[i]。求图中的一个环,使“环上各点的权值之和”除以“环上各边的权值之和”最大。输出这个最大值。注意:数据保证至少存在一个环。输入格式第一行包含两个整数 L 和 P。接下来 L 行每行一个整数,表示 f[i]。再接下来 P 行,每行三个整数 a,b,t[i],表示点 a 和 b 之间存在一条边,边的权值为 t[i]。输出格式输出一个数表示结果,保留两位小数。数据范围2≤L≤1000,2≤P≤50

    2022年8月10日
  • docker启动mysql镜像命令_ubuntu20修改ip命令

    docker启动mysql镜像命令_ubuntu20修改ip命令1、拷贝mysql离线包1.1、将mysql-57.gz安装文件拷贝到linux2、安装mysql2.1、进入mysql安装包目录2.2、加载mysql镜像dockerload-imysql-57.gz2.3、查看镜像dockerimages2.4、创建mysql容器启动mysql镜像,创建一个mysql容器dockerrun-d–namemysql-p3307:3306-eMYSQL_ROOT_PASSWORD=1234569e64d176cd

    2022年9月25日
  • Latex数学公式-求导、分数的表示

    Latex数学公式-求导、分数的表示表示方法\frac{}{}:分数表示\partial:偏导符号代码效果意义\frac{x}{y}xy\frac{x}{y}yx​分数\partial∂\partial∂偏导符号举例$$\frac{\partialy}{\partialx_1}+\frac{\partialy}{\partialx_2}$$显示效果如下:∂y∂…

    2022年6月23日
  • vue 分页请求「建议收藏」

    vue 分页请求「建议收藏」简单说一下vue中数据分页请求的做法首先引入Loadmore:import{Loadmore}from’mint-ui’;注册组件:components:{‘v-loadmore’:Loadmore},接下来:&lt;v-loadmore:bottom-method="loadBottom":bottom-all-loaded="allLoa…

    2022年10月1日
  • BS架构和CS架构的优缺点

    BS架构和CS架构的优缺点1、CS、BS架构定义  CS(Client/Server):客户端—-服务器结构。C/S结构在技术上很成熟,它的主要特点是交互性强、具有安全的存取模式、网络通信量低、响应速度快、利于处理大量数据。因为客户端要负责绝大多数的业务逻辑和UI展示,又称为胖客户端。它充分利用两端硬件,将任务分配到Client和Server两端,降低了系统的通讯开销。C/S结构的软件需要针对不同的操作系

    2022年6月25日
  • 三菱plc编写最简单的梯形图演示_三菱plc梯形图实例详解

    三菱plc编写最简单的梯形图演示_三菱plc梯形图实例详解梯形图言语是一种以图形符号及图形符号在图中的彼此联络标明操控联络的编程言语,是从继电器电路图演化过来的。继电器操控电路图与plc操控的梯形图的比照梯形图与继电器操控电路图两者之间存在很多区别:(1)PLC选用梯形图编程是仿照继电器操控体系的标明方法,因而梯形图内各种元件也沿袭了继电器的叫法,称之为“软继电器”,例如X0、X1(输入继电器)、Y0(输出继电器)。梯形图中的“软继电器”不是物理继电器,…

    2022年9月11日

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号