單頁面的運用:html
- 什麼是單頁面應用程序
單頁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))