WEB學(xué)習(xí)進(jìn)階之路一

隨著網(wǎng)絡(luò)的飛速發(fā)展，移動(dòng)網(wǎng)絡(luò)從2G，3G，4G一直到現(xiàn)在的5G，寬度從原來的1M, 2M，8M,到現(xiàn)在的300M甚至500,1000M，網(wǎng)速飛躍式的增長，讓前端的開發(fā)者從原來的不受待見，慢慢的轉(zhuǎn)變成為行業(yè)的中間力量。

之前的web僅僅用在一些特定的地方，比如公司網(wǎng)站，商城等，但隨著網(wǎng)絡(luò)的發(fā)展，網(wǎng)速變快，延時(shí)變低，網(wǎng)絡(luò)涌現(xiàn)了一大批新的創(chuàng)意，比如華為手機(jī)推出的輕應(yīng)用，微信支付寶推出的小程序，再到云端的云電腦（如華為云電腦），云端的IDE（如華為云IDE），云端的視頻非編等等，讓一切成為可能。

如此大的需求帶來了前端程序猿的爆發(fā)增長，但是程序的素質(zhì)也因此良莠不齊，華為通過本次的課程《WEB前端成長計(jì)劃》提高程序猿的水平，打下扎實(shí)的基礎(chǔ)。

我這里總結(jié)下學(xué)習(xí)計(jì)劃

html遵循xhtml標(biāo)準(zhǔn)，從原始的標(biāo)簽敲起，不要使用ide，加深自己的記憶，等完全成熟之后再去使用ide的自動(dòng)補(bǔ)全功能，提高效率。

css的布局，主要要多練習(xí)，在敲代碼中成長，對于多版本多品種的瀏覽器的特點(diǎn)了解，隨時(shí)跟新最新的知識(shí)。

javascript也是前端的核心，必須從原生學(xué)起，不能直接上手應(yīng)用框架或者jquery這樣的集成工具集，這樣會(huì)導(dǎo)致基礎(chǔ)嚴(yán)重不牢固，建在沙子上的高樓經(jīng)不住風(fēng)吹。

在以上基礎(chǔ)都牢靠的情況下可以開始學(xué)習(xí)進(jìn)階知識(shí)：

4-1. CSS方面，著重去了解盒子模型，流動(dòng)，block，inline，層疊，樣式優(yōu)先級等概念。然后是標(biāo)題，背景，圓角，導(dǎo)航條，table，表單等也需要學(xué)習(xí)一下。

4-2. 學(xué)習(xí)一款框架，這里我推薦你學(xué)習(xí)jQuery，注意這里的學(xué)習(xí)不是主要學(xué)習(xí)如何使用，而是主要學(xué)習(xí)它的源碼，這是非常簡單易用的一款框架，你可以輕松的通過jQuery來完成一些簡單的項(xiàng)目，學(xué)習(xí)起來也很簡單，你不需要面面俱到的學(xué)習(xí)框架的所有內(nèi)容，你只需要學(xué)習(xí)怎么用和基本用法就行了，畢竟遇到問題還可以查看文檔，框架可以幫你屏蔽瀏覽器的差異，能讓你把更多的精力放在開發(fā)的業(yè)務(wù)部分。

4-3. 面向?qū)ο蠡靖拍睢ｋm然說JavaScript并不完全是一門面向?qū)ο蟮木幊陶Z言，因?yàn)樗脑O(shè)計(jì)理念我們可以看到很多函數(shù)編程語言的影子，但是我們還是要盡量把它當(dāng)作面向?qū)ο缶幊陶Z言來使用，這里要求懂得面向?qū)ο蟮幕纠碚摚瑢Ψ庋b，繼承，多態(tài)要有一定的理解。

4-4. 著重了解JavaScript語言的內(nèi)部機(jī)制。你必須熟悉以下的概念：JavaScript中變量的作用域，變量傳遞方式，函數(shù)的定義環(huán)境與執(zhí)行環(huán)境，閉包，函數(shù)的四種調(diào)用方式（一般函數(shù)，對象的方法，apply，call），以及四種調(diào)用方式下，this指向的是誰，原型鏈?zhǔn)鞘裁础?/p>

4-5. DOM編程，這是一個(gè)合格的前端工程師的核心技能之一，雖說現(xiàn)在框架已經(jīng)封裝了絕大部分的原生DOM語法，能讓你更方便的使用DOM來完成一些事情，但是還是很有必要去熟悉DOM原生語法的。

4-6. Ajax編程。這里必須圈重點(diǎn)，前后端分離開發(fā)是近兩年很流行的一種前后端協(xié)作開發(fā)模式，而且頁面無刷新改變看起來也很炫酷，要做到這里都要用到Ajax編程，但是你也不用害怕，因?yàn)檎嬲褂闷饋砥鋵?shí)Ajax很簡單的，而且現(xiàn)在的幾乎所有框架都對Ajax有著很好的封裝。

4-7. 補(bǔ)充了解瀏覽器的差異性。這部分包括CSS和JavaScript兩部分，瀏覽器差異內(nèi)容很多，建議在實(shí)踐中多多積累。另外對于瀏覽器的渲染模式，DOCTYPE等內(nèi)容應(yīng)該系統(tǒng)學(xué)習(xí)。

4-8. 其他補(bǔ)充的技術(shù)如：1）.易維護(hù)；2）.可測試；3）.高性能；4）.低流量（移動(dòng)端）；5）高安全等等

4-9. 一些框架，如vue, react, angular等

JavaScript web前端

版權(quán)聲明：本文內(nèi)容由網(wǎng)絡(luò)用戶投稿，版權(quán)歸原作者所有，本站不擁有其著作權(quán)，亦不承擔(dān)相應(yīng)法律責(zé)任。如果您發(fā)現(xiàn)本站中有涉嫌抄襲或描述失實(shí)的內(nèi)容，請聯(lián)系我們jiasou666@gmail.com 處理，核實(shí)后本網(wǎng)站將在24小時(shí)內(nèi)刪除侵權(quán)內(nèi)容。

版權(quán)聲明：本文內(nèi)容由網(wǎng)絡(luò)用戶投稿，版權(quán)歸原作者所有，本站不擁有其著作權(quán)，亦不承擔(dān)相應(yīng)法律責(zé)任。如果您發(fā)現(xiàn)本站中有涉嫌抄襲或描述失實(shí)的內(nèi)容，請聯(lián)系我們jiasou666@gmail.com 處理，核實(shí)后本網(wǎng)站將在24小時(shí)內(nèi)刪除侵權(quán)內(nèi)容。