初识AngularJS
来源:互联网 发布:贝格大数据 编辑:程序博客网 时间:2024/06/07 02:11
一、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* 时代,带领当今市场上的前端框架走向了模块化,架构化。
阅读全文
0 0
- 初识AngularJS
- angularJS初识
- 初识AngularJS
- 初识AngularJS
- 初识angularJs
- 初识angularJs
- 初识AngularJS
- 初识AngularJS
- 初识AngularJS
- angularjs初识
- 初识AngularJS
- 初识AngularJS
- 初识AngularJS
- 初识AngularJS
- AngularJS 世界------初识Angularjs
- Angularjs 路由之初识
- AngularJS初识--作用域
- 初识AngularJs(1)
- MVVM框架 avalon2.0-mmRouter-webpack2 脚手架
- 分隔和截断字符串, boost string algorithm library中的split和trim
- 读《jQuery技术内幕》(02)
- tcpdump详解
- spring和mybatis整合
- 初识AngularJS
- VS2010+QT4.8静态编译过程讲解。
- 人工智能和机器学习如何颠覆零售行业?
- LabVIEW 线程池的理解
- 深入理解handler机制
- POJ1201 Intervals
- Centos7安装并配置mysql5.6完美教程
- App图标不显示:Xcode项目在Xcode9中运行会出现AppIcon不显示的 BUG
- 第一篇