关于angular的最大用处

单页面的运用:

- 什么是单页面应用程序
单页Web应用(single page web application,SPA),就是只有一张Web页面的应用。单页应用程序 (SPA) 是加载单个HTML 页面并在用户与应用程序交互时动态更新该页面的Web应用程序。[1] 浏览器一开始会加载必需的HTML、CSS和JavaScript,所有的操作都在这张页面上完成,都由JavaScript来控制。因此,对单页应用来说模块化的开发和设计显得相当重要。
- 好处与坏处
+ 好处:
- 对于用户而言,更好的用户体验,特别体现在可移动端和可触摸设备上
- 结构清晰、易于维护
+ 坏处:
- 不利于SEO优化
- 代码量增加

- 单页面应用程序原理
通过监视页面的锚点值变化的不同进行判断以后,然后进行处理通常是发送AJAX异步请求,拿到数据以后再将数据渲染到页面中。
window.addEventListener('hashchange',function () { console.log(location.hash)}
- 什么是单页面应用程序
单页Web应用(single page web application,SPA),就是只有一张Web页面的应用。单页应用程序 (SPA) 是加载单个HTML 页面并在用户与应用程序交互时动态更新该页面的Web应用程序。[1] 浏览器一开始会加载必需的HTML、CSS和JavaScript,所有的操作都在这张页面上完成,都由JavaScript来控制。因此,对单页应用来说模块化的开发和设计显得相当重要。
- 好处与坏处
+ 好处:
- 对于用户而言,更好的用户体验,特别体现在可移动端和可触摸设备上
- 结构清晰、易于维护
+ 坏处:
- 不利于SEO优化
- 代码量增加

- 单页面应用程序原理
通过监视页面的锚点值变化的不同进行判断以后,然后进行处理通常是发送AJAX异步请求,拿到数据以后再将数据渲染到页面中。
window.addEventListener('hashchange',function () { console.log(location.hash)}
#  Api和WebApi
- Api:
+ Application Programming Interface, 应用程序编程接口
+ 通常是指方法的集合
- WebApi:
+ Web Application Programming Interface, 网络应用程序编程接口
+ 通常是指通过发送get、post数据请求不同路径获取数据
- 常用Api和WebApi
+ 百度地图:http://lbsyun.baidu.com/
+ 百度api:http://apistore.baidu.com/
+ 豆瓣api:https://developers.douban.com/wiki/?title=api_v2
- 常用检测工具PostMan

# Angular的数据请求
- Angular是一个前端框架,实现了可交互式的页面,但是对于一个web应用,页面上进行展示的数据从哪里来,肯定需要服务端进行支持,那么Angular是如何同服务端进行交互的呢?
Angular提供了\$$http服务来同服务端进行通信,$http服务队浏览器的XMLHttpRequest对象进行了封装,让我们可以以ajax的方式来从服务器请求数据。
$http服务是一个接受一个参数的函数,参数的类型是对象,用来配置生成的http的请求,该函数返回一个promise对象
(关于promise规范,可以看看[这篇文章](http://www.cnblogs.com/fsjohnhuang/p/4139172.html))


 

posted on 2016-10-30 19:23  type_Y  阅读(282)  评论(0)    收藏  举报

导航