傳統(tǒng)的網(wǎng)頁開發(fā):會有很多頁面放在服務(wù)器端,比如說log-in.html ,sign-in.html之類的
使用angular:只有一個(gè)頁面,比如說叫index.html,它只是一個(gè)空殼子。瀏覽器請求下載以后,頁面什么都沒有。在瀏覽器渲染的時(shí)候,里面的腳本會在后臺向服務(wù)器請求一些數(shù)據(jù)。所以,服務(wù)器里面是一堆數(shù)據(jù)。
spa的好處:局部刷新,速度快,用戶體驗(yàn)上有明顯的變化,減少請求大?。╤eader body曾經(jīng)都是重復(fù)請求的),可以實(shí)現(xiàn)傳統(tǒng)方式無法實(shí)現(xiàn)的功能(比如說網(wǎng)易云的界面的,雖然轉(zhuǎn)跳了頁面,但是仍然可以播放音樂,這是因?yàn)閍udio表單沒有更新)
原理是這樣的:
同時(shí)呢,ng(Angularjs可以簡寫成ng) 還通過指令拓展了HTML,通過表達(dá)式綁定數(shù)據(jù)到HTML。
指令和表達(dá)式是ng里面非常重要的概念,使得js從dom操作中完全解脫出來了,未來,js很少會直接用于dom操作
也就是說,document.getElementById()這種方式,有可能會淹沒在歷史的潮流中(個(gè)人觀點(diǎn)哈)
Angular四個(gè)特性:MVC/模塊化/自動(dòng)化雙向數(shù)據(jù)綁定/指令系統(tǒng)
如何引入
-
通過cdn的方式,就像引入其他腳本一樣引入
<script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angula