廣州藍景分享-web前端開發語言介紹

web前端開發語言主要包含：html語言，css樣式程式碼，javascript指令碼,html5,css3，jQuery，ajax，Bootstrap，Backbone

1.html語言：網頁的基本標記語言，也是最基礎的語言，掌握起來比較簡單。

2.css樣式程式碼：是用來控制html程式碼如何顯示的，html語言只是網頁的標記，但如何更好的在網頁上展示你想要的效果，由css樣式來控制，建議手寫css樣式程式碼，手寫的更精簡，重用性更高。

3.javascript指令碼：執行在客戶端，主要是由一些事件來改變網頁的程式碼和顯示效果的，一般的網頁特效都是通過javascript指令碼來編寫的。它可以提供客戶端的互動功能和一些動畫效果，是每個網站前端開發人員必須要掌握的。

4.jQuery：是由javascript開發出來的開源的庫，整合了所有javascript功能，讓web前端開發人員寫更少的程式碼，實現更多的功能，javascript指令碼學起來是有一定難度的，但jQuery學起來卻比較簡單，這樣降低了web前端開發的難度，並且jQuery幾乎相容所有瀏覽器。

5.html5,css3:更多的html標記和富應用，更能精簡程式碼，功能更強大,所以目前網站前端開發人員有必要掌握和使用它。

6.ajax：相當於在使用者和伺服器之間加了—箇中間層(AJAX引擎),使使用者操作與伺服器響應非同步化。並不是所有的使用者請求都提交給伺服器,像—些資料驗證和資料處理等都交給Ajax引擎自己來做, 只有確定需要從伺服器讀取新資料時再由Ajax引擎代為向伺服器提交請求，特別是區域性重新整理。

7.Bootstrap：Bootstrap中包含了豐富的Web元件，根據這些元件，可以快速的搭建一個漂亮、功能完備的網站。其中包括以下元件：下拉選單、按鈕組、按鈕下拉選單、導航、導航條、路徑導航、分頁、排版、縮圖、警告對話方塊、進度條、媒體物件等

8.Backbone：主要組成：

1.model：建立資料，進行資料驗證，銷燬或者儲存到伺服器上

2.collection：可以增加元素，刪除元素，獲取長度，排序，比較等一系列工具方法，就是一個儲存 models的集合類

3.view：繫結html模板，繫結介面元素的事件，初始的渲染，模型值改變後的重新渲染和介面元素的銷燬

優勢：

1. 將資料和介面很好的分離開來。

2. 將事件的繫結很好的剝離出來，便於管理和迭代。

3. 使得Javascript程式的模組化更加清晰、明瞭。

應用場景：

最適合的應用場景是單頁面應用，並且頁面上有大量資料模型，模型之間需要進行復雜的資訊溝通