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

優(yōu)點：

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

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

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

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

補充：Angular支持單元測試和e2e-testing。

弊端：

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

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

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

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

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

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

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

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

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

同步請求:

客戶端請求(等待)->服務端處理->響應->頁面載入
（缺少對象:XMLhttpRequest）
這時候如果有錯誤，只能再次發(fā)送請求，再次等待

異步請求：

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

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

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

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

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

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

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

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

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

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

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

最準確的網(wǎng)頁設計思路是把網(wǎng)頁分成三個層次，即：結構層、表示層、行為層。

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

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