web前端開發(fā)語言介紹

發(fā)表時(shí)間：2017-2-5

發(fā)布人：葵宇科技

瀏覽次數(shù)：44

web前端開發(fā)語言主要包含：html語言，css樣式代碼，javascript腳本,html5,css3，jQuery，ajax，Bootstrap，Backbone

1.html語言：網(wǎng)頁的基本標(biāo)記語言，也是最基礎(chǔ)的語言，掌握起來比較簡單。

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

3.javascript腳本：運(yùn)行在客戶端，主要是由一些事件來改變網(wǎng)頁的代碼和顯示效果的，一般的網(wǎng)頁特效都是通過javascript腳本來編寫的。它可以提供客戶端的交互功能和一些動(dòng)畫效果，是每個(gè)網(wǎng)站前端開發(fā)人員必須要掌握的。

4.jQuery：是由javascript開發(fā)出來的開源的庫，集成了所有javascript功能，讓web前端開發(fā)人員寫更少的代碼，實(shí)現(xiàn)更多的功能，javascript腳本學(xué)起來是有一定難度的，但jQuery學(xué)起來卻比較簡單，這樣降低了web前端開發(fā)的難度，并且jQuery幾乎兼容所有瀏覽器。

5.html5,css3:更多的html標(biāo)記和富應(yīng)用，更能精簡代碼，功能更強(qiáng)大,所以目前網(wǎng)站前端開發(fā)人員有必要掌握和使用它。

6.ajax：相當(dāng)于在用戶和服務(wù)器之間加了—個(gè)中間層(AJAX引擎),使用戶操作與服務(wù)器響應(yīng)異步化。并不是所有的用戶請(qǐng)求都提交給服務(wù)器,像—些數(shù)據(jù)驗(yàn)證和數(shù)據(jù)處理等都交給Ajax引擎自己來做, 只有確定需要從服務(wù)器讀取新數(shù)據(jù)時(shí)再由Ajax引擎代為向服務(wù)器提交請(qǐng)求，特別是局部刷新。

· 7.Bootstrap：Bootstrap中包含了豐富的Web組件，根據(jù)這些組件，可以快速的搭建一個(gè)漂亮、功能完備的網(wǎng)站。其中包括以下組件：下拉菜單、按鈕組、按鈕下拉菜單、導(dǎo)航、導(dǎo)航條、路徑導(dǎo)航、分頁、排版、縮略圖、警告對(duì)話框、進(jìn)度條、媒體對(duì)象等

8.Backbone：主要組成：

1.model：創(chuàng)建數(shù)據(jù)，進(jìn)行數(shù)據(jù)驗(yàn)證，銷毀或者保存到服務(wù)器上
2.collection：可以增加元素，刪除元素，獲取長度，排序，比較等一系列工具方法，就是一個(gè)保存 models的集合類
3.view：綁定html模板，綁定界面元素的事件，初始的渲染，模型值改變后的重新渲染和界面元素的銷毀
優(yōu)勢(shì)：
1. 將數(shù)據(jù)和界面很好的分離開來。
2. 將事件的綁定很好的剝離出來，便于管理和迭代。
3. 使得Javascript程序的模塊化更加清晰、明了。
應(yīng)用場(chǎng)景：
最適合的應(yīng)用場(chǎng)景是單頁面應(yīng)用，并且頁面上有大量數(shù)據(jù)模型，模型之間需要進(jìn)行復(fù)雜的信息溝通