比較推薦的學(xué)習(xí)過(guò)程應(yīng)該是以興趣為驅(qū)動(dòng)的，用搜索做輔助：

1. 我想做一個(gè)個(gè)人網(wǎng)站，或者給我們團(tuán)隊(duì)或者小組做一些介紹頁(yè)面。怎么做？搜索發(fā)現(xiàn)要學(xué)習(xí)：HTML、CSS。

2. 發(fā)現(xiàn)一個(gè)網(wǎng)站設(shè)計(jì)的好漂亮，交互真贊，動(dòng)畫(huà)效果真好。我想在我自己網(wǎng)站上也放上，可是我看不懂它的代碼？搜索發(fā)現(xiàn)要學(xué)習(xí)：交互視覺(jué)、CSS3 動(dòng)畫(huà)等。

3. 他們網(wǎng)站上都有那種點(diǎn)擊彈出浮層的功能，還有一些其他的更復(fù)雜的交互效果。怎么實(shí)現(xiàn)的？學(xué)習(xí)JavaScript。

4. 有小學(xué)同學(xué)說(shuō)我的個(gè)人網(wǎng)站錯(cuò)位了，問(wèn)了下他用的是 IE7 訪(fǎng)問(wèn)的，怎么辦？搜索了解一些瀏覽器兼容性問(wèn)題（不是很必要）、學(xué)習(xí)使用 jQuery。

5. 我想在微信朋友圈分享一下我的網(wǎng)站，結(jié)果縮放的好小，而且有錯(cuò)位。怎么解決這個(gè)問(wèn)題？搜索發(fā)現(xiàn)要學(xué)習(xí)響應(yīng)式相關(guān)。

6. 分享了之后，發(fā)現(xiàn)打開(kāi)速度好慢啊，要等十幾秒才能打開(kāi)。怎么辦？學(xué)一下前端性能優(yōu)化相關(guān)。

7. 網(wǎng)站交互功能和效果越來(lái)越多，寫(xiě)的 JS 和 CSS 代碼越來(lái)越多，感覺(jué)寫(xiě)起來(lái)好慢，出了 bug 很難定位問(wèn)題。怎么辦？搜索發(fā)現(xiàn)要學(xué)習(xí)：Emmet、Less、SCSS 等輔助工具用法，JS 模塊化require.js、sea.js 以及對(duì)應(yīng)的 AMD、CMD 以及 CommonJS 模塊化規(guī)范等。

8. JS 更復(fù)雜了，而且要與其他同學(xué)合作開(kāi)發(fā)。發(fā)現(xiàn)需要學(xué)習(xí)一些前端框架來(lái)提高開(kāi)發(fā)效率，比如React、Angular、Vue，此外還需要一些打包構(gòu)建工具，將 JS 編譯之后發(fā)布使用。需要學(xué)習(xí)Webpack、Grunt、Gulp 等工具用法。

9. 網(wǎng)頁(yè)和應(yīng)用是開(kāi)發(fā)好了，可是是靜態(tài)的，沒(méi)法有數(shù)據(jù)更新，怎么辦？學(xué)習(xí)前后端數(shù)據(jù)溝通，Ajax 請(qǐng)求、JSON 數(shù)據(jù)格式、Fetch API。當(dāng)然由此延伸，最好還要了解 PHP、Java Velocity、Nodejs 這些后端的知識(shí)，還要對(duì)HTTP 的一些狀態(tài)碼、請(qǐng)求類(lèi)型等有所了解。

10. 應(yīng)用部署到哪里？搜索了解：虛擬主機(jī)、域名注冊(cè)、VPS、云主機(jī)、PaaS、IaaS、DNS 解析、在中國(guó)做網(wǎng)站要備案但是服務(wù)器放在國(guó)外就不需要等等。

11. 每次新創(chuàng)建應(yīng)用，在我的服務(wù)器上都要配置一遍 PHP 環(huán)境、Nodejs 環(huán)境，有的應(yīng)用對(duì) PHP 版本要求還不同，怎么辦？搜索了解虛擬化技術(shù)，Docker 幫你極好的解決這個(gè)問(wèn)題。

12. 每次發(fā)布還要自己手動(dòng)上傳代碼到服務(wù)器，而且要自己在本地打包、運(yùn)行單元測(cè)試，好麻煩啊。搜索發(fā)現(xiàn)可以自己搭建一套持續(xù)集成系統(tǒng)，用 git push 代碼，自動(dòng)觸發(fā)構(gòu)建，運(yùn)行單元測(cè)試，成功后自動(dòng) build 然后給你上傳到服務(wù)器上面。你只需要寫(xiě)代碼就可以了。推薦：gogs + drone + docker。

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

最新評(píng)論