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)異步化。并不是所有的用戶請求都提交給服務(wù)器,像—些數(shù)據(jù)驗(yàn)證和數(shù)據(jù)處理等都交給Ajax引擎自己來做, 只有確定需要從服務(wù)器讀取新數(shù)據(jù)時(shí)再由Ajax引擎代為向服務(wù)器提交請求,特別是局部刷新。
· 7.Bootstrap:Bootstrap中包含了豐富的Web組件,根據(jù)這些組件,可以快速的搭建一個(gè)漂亮、功能完備的網(wǎng)站。其中包括以下組件:下拉菜單、按鈕組、按鈕下拉菜單、導(dǎo)航、導(dǎo)航條、路徑導(dǎo)航、分頁、排版、縮略圖、警告對話框、進(jìn)度條、媒體對象等
8.Backbone:主要組成:
1.model:創(chuàng)建數(shù)據(jù),進(jìn)行數(shù)據(jù)驗(yàn)證,銷毀或者保存到服務(wù)器上2.collection:可以增加元素,刪除元素,獲取長度,排序,比較等一系列工具方法,就是一個(gè)保存 models的集合類3.view:綁定html模板,綁定界面元素的事件,初始的渲染,模型值改變后的重新渲染和界面元素的銷毀優(yōu)勢:1. 將數(shù)據(jù)和界面很好的分離開來。2. 將事件的綁定很好的剝離出來,便于管理和迭代。3. 使得Javascript程序的模塊化更加清晰、明了。應(yīng)用場景:最適合的應(yīng)用場景是單頁面應(yīng)用,并且頁面上有大量數(shù)據(jù)模型,模型之間需要進(jìn)行復(fù)雜的信息溝通新聞熱點(diǎn)
疑難解答
圖片精選