摘要：用戶填寫所有信息后，提交給服務(wù)器，等待服務(wù)器的回應(yīng)檢驗(yàn)數(shù)據(jù)，是一次性的。移除的元素包括純表現(xiàn)的元素對(duì)可用性產(chǎn)生負(fù)面影響的元素。網(wǎng)頁的行為層負(fù)責(zé)回答內(nèi)容應(yīng)該如何對(duì)事件做出反應(yīng)這一問題。他是指一種創(chuàng)建交互式網(wǎng)頁應(yīng)用的網(wǎng)頁開發(fā)技術(shù)。

優(yōu)點(diǎn)：

模板功能強(qiáng)大豐富，并且是聲明式的，自帶了豐富的Angular指令；

是一個(gè)比較完善的前端MV*框架，包含模板，數(shù)據(jù)雙向綁定，路由，模塊化，服務(wù)，過濾器，依賴注入等所有功能；

自定義Directive，比jQuery插件還靈活，但是需要深入了解Directive的一些特性，簡(jiǎn)單的封裝容易，復(fù)雜一點(diǎn)官方?jīng)]有提供詳細(xì)的介紹文檔，我們可以通過閱讀源代碼來找到某些我們需要的東西，如：在directive使用 $parse；

ng模塊化比較大膽的引入了Java的一些東西（依賴注入），能夠很容易的寫出可復(fù)用的代碼，對(duì)于敏捷開發(fā)的團(tuán)隊(duì)來說非常有幫助，我們的項(xiàng)目從上線到目前，UI變化很大，在摸索中迭代產(chǎn)品，但是js的代碼基本上很少改動(dòng)。

補(bǔ)充：Angular支持單元測(cè)試和e2e-testing。

弊端：

驗(yàn)證功能錯(cuò)誤信息顯示比較薄弱，需要寫很多模板標(biāo)簽，沒有jQuery Validate方便，所以可以自己封裝了驗(yàn)證的錯(cuò)誤信息提示；

ngView只能有一個(gè)，不能嵌套多個(gè)視圖，雖然有 angular-ui/ui-router · GitHub 解決，但是貌似ui-router 對(duì)于URL的控制不是很靈活，必須是嵌套式的；

對(duì)于特別復(fù)雜的應(yīng)用場(chǎng)景，貌似性能有點(diǎn)問題，特別是在Windows下使用chrome瀏覽器，不知道是內(nèi)存泄漏了還是什么其他問題，沒有找到好的解決方案，奇怪的是在IE10下反而很快；

這次從1.0.X升級(jí)到1.2.X，貌似有比較大的調(diào)整，沒有完美兼容低版本，升級(jí)之后可能會(huì)導(dǎo)致一個(gè)兼容性的BUG，具體詳細(xì)信息參考官方文檔 AngularJS ，對(duì)應(yīng)的中文版本：Angular 1.0到1.2 遷移指南

ng提倡在控制器里面不要有操作DOM的代碼，對(duì)于一些jQuery 插件的使用，如果想不破壞代碼的整潔性，需要寫一些directive去封裝插件，但是現(xiàn)在有很多插件的版本已經(jīng)支持Angular了，如：jQuery File Upload Demo

Angular 太笨重了，沒有讓用戶選擇一個(gè)輕量級(jí)的版本，當(dāng)然1.2.X后，Angular也在做一些更改，比如把route，animate等模塊獨(dú)立出去，讓用戶自己去選擇。

AJAX 是一種在無需重新加載整個(gè)網(wǎng)頁的情況下，能夠更新部分網(wǎng)頁的技術(shù)。
AJAX = 異步 JavaScript 和 XML。
AJAX 是一種用于創(chuàng)建快速動(dòng)態(tài)網(wǎng)頁的技術(shù)。
通過在后臺(tái)與服務(wù)器進(jìn)行少量數(shù)據(jù)交換，AJAX 可以使網(wǎng)頁實(shí)現(xiàn)異步更新。這意味著可以在不重新加載整個(gè)網(wǎng)頁的情況下，對(duì)網(wǎng)頁的某部分進(jìn)行更新。

同步是指：發(fā)送方發(fā)出數(shù)據(jù)后，等接收方發(fā)回響應(yīng)以后才發(fā)下一個(gè)數(shù)據(jù)包的通訊方式。
用戶填寫所有信息后，提交給服務(wù)器，等待服務(wù)器的回應(yīng)（檢驗(yàn)數(shù)據(jù)），是一次性的。信息錯(cuò)誤又要重新填寫！

異步是指：發(fā)送方發(fā)出數(shù)據(jù)后，不等接收方發(fā)回響應(yīng)，接著發(fā)送下個(gè)數(shù)據(jù)包的通訊方式。當(dāng)用戶填寫完一條信息后，該信息會(huì)自動(dòng)向服務(wù)器提交，然后服務(wù)器響應(yīng)客戶端，在此過程中，用戶依然在填寫表格的信息，即向服務(wù)器請(qǐng)求多次，節(jié)省了用戶的時(shí)間，提高了用戶的體驗(yàn)。

同步請(qǐng)求:

客戶端請(qǐng)求(等待)->服務(wù)端處理->響應(yīng)->頁面載入
（缺少對(duì)象:XMLhttpRequest）
這時(shí)候如果有錯(cuò)誤，只能再次發(fā)送請(qǐng)求，再次等待

異步請(qǐng)求：

比如當(dāng)你填寫郵箱地址的時(shí)候，頁面當(dāng)時(shí)就把郵箱地址發(fā)送到了服務(wù)器（也就是頁面發(fā)送了一個(gè)請(qǐng)求），服
務(wù)器做處理和響應(yīng)，得到你的郵箱地址填寫重復(fù)了，把響應(yīng)結(jié)果發(fā)給頁面，在這個(gè)過程中你仍然可以填寫其
他內(nèi)容，這時(shí)候服務(wù)器會(huì)提示你有重復(fù)的郵箱地址，在頁面上的表現(xiàn)只是郵箱地址旁別加了一行字或者把整
個(gè)文本框標(biāo)紅，并沒有重新刷你的頁面，所有的填寫錯(cuò)誤會(huì)實(shí)時(shí)的顯示出來，你也會(huì)實(shí)時(shí)的更正。

這個(gè)過程中，你會(huì)有整個(gè)頁面的刷新，也不會(huì)有整個(gè)頁面的提交和等待，最后提交，一切都會(huì)搞定的
總結(jié)：頁面上的操作和服務(wù)器端的操作互相之間不會(huì)造成阻塞

=====建立異步請(qǐng)求過程的4個(gè)步驟：============
a:new一個(gè)XHR對(duì)象
b:調(diào)用open方法
c:send一些數(shù)據(jù)
d:對(duì)過程進(jìn)行監(jiān)聽，來知道服務(wù)器是不是正確地做出了響應(yīng)，接著可以做一些事情

閉包就是能夠讀取其他函數(shù)內(nèi)部變量的函數(shù)
作用 :一個(gè)是前面提到的可以讀取函數(shù)內(nèi)部的變量，另一個(gè)就是讓這些變量的值始終保持在內(nèi)存中。

在一個(gè)對(duì)象上觸發(fā)某類事件（比如單擊onclick事件），如果此對(duì)象定義了此事件的處理程序，那么此事件
就會(huì)調(diào)用這個(gè)處理程序，如果沒有定義此事件處理程序或者事件返回true，那么這個(gè)事件會(huì)向這個(gè)對(duì)象的父
級(jí)對(duì)象傳播，從里到外，直至它被處理（父級(jí)對(duì)象所有同類事件都將被激活），或者它到達(dá)了對(duì)象層次的最
頂層，即document對(duì)象（有些瀏覽器是window）。

打個(gè)比方說：你在地方法院要上訴一件案子，如果地方?jīng)]有處理此類案件的法院，地方相關(guān)部門會(huì)幫你繼續(xù)
往上級(jí)法院上訴，比如從市級(jí)到省級(jí)，直至到中央法院，最終使你的案件得以處理。

HTML5現(xiàn)在已經(jīng)不是SGML的子集，主要是關(guān)于圖像、位置、存儲(chǔ)、地理定位等功能的增加。
新特性有：

?繪畫canvas元素
?用于媒介回放的 video 和 audio 元素
?本地離線存儲(chǔ) localStorage 長(zhǎng)期存儲(chǔ)數(shù)據(jù)，瀏覽器關(guān)閉后數(shù)據(jù)不丟失；
?sessionStorage 的數(shù)據(jù)在瀏覽器關(guān)閉后自動(dòng)刪除
?語意化更好的內(nèi)容元素，比如 article、footer、header、nav、section
?表單控件，calendar、date、time、email、url、search
CSS3實(shí)現(xiàn)圓角、，陰影、對(duì)文字加特效，增加了更多的CSS選擇器，多背景rgba，新的技術(shù)有webworker、websockt、Geolocation。
移除的元素包括：
?純表現(xiàn)的元素  basefont、big、center、font、 s、strike、tt、u；
?對(duì)可用性產(chǎn)生負(fù)面影響的元素  frame、frameset、noframes。

瀏覽器兼容H5問題解決方案：

IE8/IE7/IE6支持通過document.createElement方法產(chǎn)生的標(biāo)簽，可以利用這一特性讓這些瀏覽器支持HTML5新標(biāo)簽，瀏覽器支持新標(biāo)簽后，還需要添加標(biāo)簽?zāi)J(rèn)的樣式，當(dāng)然最好的方式是直接使用成熟的框架：
    

把“未采用CSS，大量使用HTML進(jìn)行定位、布局，或者雖然已經(jīng)采用CSS，但是未遵循HTML結(jié)構(gòu)化標(biāo)準(zhǔn)的站點(diǎn)”變成“讓標(biāo)記回歸標(biāo)記的原本意義。通過在HTML文檔中使用結(jié)構(gòu)化的標(biāo)記以及用CSS控制頁面表現(xiàn)，使頁面的實(shí)際內(nèi)容與它們呈現(xiàn)的格式相分離的站點(diǎn)?！钡倪^程就是網(wǎng)站重構(gòu)
網(wǎng)站為什么要進(jìn)行重構(gòu)（網(wǎng)站重構(gòu)的好處）
a、使頁面加載得更快速；
b、降低帶寬帶來的費(fèi)用，節(jié)約成本；
c、讓你在修改設(shè)計(jì)時(shí)更有效率而代價(jià)更低；
d、幫助你的整個(gè)站點(diǎn)保持視覺的一致性；
e、更利于搜索引擎的檢索（符合SEO的規(guī)范）；
f、令站點(diǎn)更容易被各種瀏覽器和用戶
編寫 CSS、讓頁面結(jié)構(gòu)更合理化，提升用戶體驗(yàn)，實(shí)現(xiàn)良好的頁面效果和提升性能。

最準(zhǔn)確的網(wǎng)頁設(shè)計(jì)思路是把網(wǎng)頁分成三個(gè)層次，即：結(jié)構(gòu)層、表示層、行為層。

網(wǎng)頁的結(jié)構(gòu)層（structural layer）由HTML或XHTML之類的標(biāo)記語言負(fù)責(zé)創(chuàng)建。標(biāo)簽，也就是那些出現(xiàn)在尖括號(hào)里的單詞，對(duì)網(wǎng)頁內(nèi)容的語義含義做出了描述，但這些標(biāo)簽不包含任何關(guān)于如何顯示有關(guān)內(nèi)容的信息。例如，P 標(biāo)簽表達(dá)了這樣一種語義：“這是一個(gè)文本段?！?br>網(wǎng)頁的表示層（presentation layer）由CSS負(fù)責(zé)創(chuàng)建。 CSS對(duì)“如何顯示有關(guān)內(nèi)容”的問題做出了回答。
網(wǎng)頁的行為層（behavior layer）負(fù)責(zé)回答“內(nèi)容應(yīng)該如何對(duì)事件做出反應(yīng)”這一問題。這是JavaScript語言和DOM主宰的領(lǐng)域。

答案：AJAX是“Asynchronous JavaScript and XML”的縮寫。他是指一種創(chuàng)建交互式網(wǎng)頁應(yīng)用的網(wǎng)頁開發(fā)技術(shù)。
Ajax包含下列技術(shù)：
基于web標(biāo)準(zhǔn)（standards-based presentation）XHTML+CSS的表示；
使用 DOM（Document Object Model）進(jìn)行動(dòng)態(tài)顯示及交互；
使用 XML 和 XSLT 進(jìn)行數(shù)據(jù)交換及相關(guān)操作；
使用 XMLHttpRequest 進(jìn)行異步數(shù)據(jù)查詢、檢索；
使用 JavaScript 將所有的東西綁定在一起。
為什么要用ajax：Ajax應(yīng)用程序的優(yōu)勢(shì)在于：
通過異步模式，提升了用戶體驗(yàn)
優(yōu)化了瀏覽器和服務(wù)器之間的傳輸，減少不必要的數(shù)據(jù)往返，減少了帶寬占用
Ajax引擎在客戶端運(yùn)行，承擔(dān)了一部分本來由服務(wù)器承擔(dān)的工作，從而減少了大用戶量下的服務(wù)器負(fù)載。