2025年初识AngularJS

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

一、AngularJS是什么?

AngularJS,简称:ng

它是一款非常优秀的前端高级JS框架

由Misko Hevery等人创建

2009年被Google公司收购,用于其多款产品

有一个全职的开发团队继续开发和维护这个库

这个框架可以轻松构建SPA应用程序

通过指令扩展HTML,通过表达式将数据绑定到HTML(基本不需要DOM操作)

二、SPA应用程序简单介绍

单页面应用程序(Single Page Application)

只有一个页面(整个应用程序的一个载体)

内容全部是由ajax获取并呈现出来

例子:网易云音乐

实现原理

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

 点击

锚点的变化,是可以用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* 时代,带领当今市场上的前端框架走向了模块化,架构化。

编程小号
上一篇 2025-03-18 21:01
下一篇 2025-03-06 17:46

相关推荐

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