初识AngularJS

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

一、AngularJS是什么？

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

二、SPA应用程序简单介绍

• 单页面应用程序（Single Page Application）
• 只有一个页面（整个应用程序的一个载体）
• 内容全部是由ajax获取并呈现出来
• 例子：网易云音乐

实现原理

• 通过锚点实现：http://www.hash.html#demo

 <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的发展趋势

• 当前热门前端框架
• 当前热门前端框架：vue、react

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

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