初识AngularJS

2022-09-15 10:53:18 浏览数 (1)

大家好，又见面了，我是你们的朋友全栈君。

一、AngularJS是什么？
  • AngularJS，简称：ng
  • 它是一款非常优秀的前端高级JS框架
  • 由Misko Hevery等人创建
  • 2009年被Google公司收购，用于其多款产品
  • 有一个全职的开发团队继续开发和维护这个库
  • 这个框架可以轻松构建SPA应用程序
  • 通过指令扩展HTML，通过表达式将数据绑定到HTML（基本不需要DOM操作）
二、SPA应用程序简单介绍
  • 单页面应用程序（Single Page Application）
  • 只有一个页面（整个应用程序的一个载体）
  • 内容全部是由ajax获取并呈现出来
  • 例子：网易云音乐
实现原理
  • 通过锚点实现：http://www.hash.html#demo
代码语言：javascript复制
 <a href="#demo">点击</a>
 <div id="demo"></div>
  • 锚点的变化，是可以用js事件监视的
代码语言：javascript复制
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的发展趋势
  • 当前热门前端框架
  • 当前热门前端框架：vue、react

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

发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/164220.html原文链接：https://javaforall.cn

ajax java https html 网络安全

0 人点赞