學(xué)習(xí)前端開發(fā)的一些小技巧

小編這次要給大家分享的是學(xué)習(xí)前端開發(fā)的一些小技巧，文章內(nèi)容豐富，感興趣的小伙伴可以來了解一下，希望大家閱讀完這篇文章之后能夠有所收獲。

我們儼然能感受到前端崗位現(xiàn)在已經(jīng)發(fā)展成了最重要的研發(fā)崗位之一，所以多我們提出的要求也就越來越高了。所以我們需要的也就不僅僅只是掌握css、html、JavaScript了，但是這三大件一直都是前端的根本，這一點從未改變，而這三大件中JavaScript又是重中之重、

接下來我會結(jié)合我的一點經(jīng)驗，給出前端系統(tǒng)學(xué)習(xí)路線的一些具體建議以及入門前端時的一些困境。

入門前端時的一些困境

1、因一些基礎(chǔ)算法、數(shù)據(jù)結(jié)構(gòu)理論不扎實導(dǎo)致一些編程思維難于理解。比如 原型鏈，如果清楚 數(shù)據(jù)結(jié)構(gòu)中鏈表結(jié)構(gòu)，那么這個東西不難理解，再比如 哈希值，懂得數(shù)據(jù)結(jié)構(gòu)中哈希表，哈希值也就迎刃而解。

2、計算機(jī)體系結(jié)構(gòu)、操作系統(tǒng)理論、網(wǎng)絡(luò)理論不扎實導(dǎo)致到后期一些東西難于理解。比如有同學(xué)從前端學(xué)習(xí)入手，后來學(xué)習(xí)node開發(fā) ，在 I/O ,進(jìn)程、線程、IPC 、線程鎖方面有些概念就比較難于理解，而導(dǎo)致不能很好得使用node 的api 。

3、前端整體體系架構(gòu)沒有做過深入思考。

導(dǎo)致用會用，但不知道為什么用，用另外一個有什么區(qū)別。

4、學(xué)習(xí)環(huán)境中無高手。

沒有高手能夠指導(dǎo)自己進(jìn)入下一個層次。

5、有意識但是沒有行動我的網(wǎng)盤收集了一堆資料或者一堆視頻，然后就沒有然后了 。

目前企業(yè)招聘前端工程師的基本需求：

• 1.精通DIV+CSS網(wǎng)頁框架布局的HTML代碼編寫，熟悉W3C標(biāo)準(zhǔn)；
• 2.使用HTML5/CSS3熟練地進(jìn)行頁面開發(fā)；
• 3.具備良好的前端架構(gòu)分析能力與設(shè)計能力，與開發(fā)團(tuán)隊保持良好溝通；
• 4.精通各主流瀏覽器（IE6+、Firefox、Chrome、Safari）間的差異性，能快速定位和解決各種兼容難題；
• 5.熟悉JavaScript、Ajax、Flash、JQuery、ExtJS等各種Web前端開發(fā)技術(shù)，具備一定的跨瀏覽器開發(fā)經(jīng)驗；
• 6.熟悉Vue，react

學(xué)習(xí)路線，可以參考一下：

第一階段：前端頁面重構(gòu)。主要內(nèi)容包括PC端網(wǎng)站布局、HTML5+CSS3基礎(chǔ)、WebApp頁面布局。學(xué)完此階段，學(xué)員可勝任Web前端開發(fā)工程師/前端頁面布局與重構(gòu)工程師，就業(yè)薪資為4K-6K;

第二階段：JavaScript高級程序設(shè)計、PC端全棧開發(fā)。主要內(nèi)容包括原生JavaScript交互功能開發(fā)、面向?qū)ο筮M(jìn)階與ES5/ES6/ES7應(yīng)用、JavaScript工具庫自主研發(fā)、jQuery經(jīng)典交互特效開發(fā)、PHP+MySQL后端基礎(chǔ)、前端工程化與模塊化應(yīng)用等。學(xué)完此階段，學(xué)員可勝任HTML5大前端工程師、高級HTML5大前端工程師、網(wǎng)站開發(fā)工程師、移動前端開發(fā)工程師，就業(yè)薪資為6K-10K;

第三階段：Node.js后端開發(fā)、Vue.js前端框架、React前端框架、混合開發(fā)(Hybrid,RN)、Angular前端框架、大數(shù)據(jù)可視化。學(xué)完此階段，學(xué)員可勝任高級HTML5大前端工程師、全棧工程師、移動前端App開發(fā)工程師、微信開發(fā)工程師、小程序開發(fā)工程師、數(shù)據(jù)可視化開發(fā)工程師，就業(yè)薪資為10K-15K。

前端的學(xué)習(xí)差不多就是上面的三個階段，如果沒有什么基礎(chǔ)的初學(xué)者，學(xué)完差不多也需要半年才能找工作。當(dāng)然有一定基礎(chǔ)的同學(xué)能夠更快掌握前端技術(shù)。因此學(xué)習(xí)前端的小伙伴不用糾結(jié)學(xué)習(xí)時間要多久，更應(yīng)該注意的是學(xué)習(xí)質(zhì)量才對。畢竟只有學(xué)到了有用的技能，才能不愁找不到工作。

如何入門前端

1、前端市場分析

如今互聯(lián)網(wǎng)的快速發(fā)展下，很多公司的前端人才缺口巨大。根據(jù)各大招聘網(wǎng)站的統(tǒng)計，其用人數(shù)量已經(jīng)遠(yuǎn)遠(yuǎn)超過主流編程語言Java、ASP、和ios等開發(fā)人員的數(shù)量。一些人擔(dān)心前端行業(yè)會飽和，其實這種擔(dān)心完全是多余的。技術(shù)無論怎么發(fā)展，整體市場是不會飽和的，飽和的也只會是低端飽和，高端始終缺人。在未來，專業(yè)的前端開發(fā)工程師才是企業(yè)真正爭奪的香餑餑。而被淘汰的不是前端開發(fā)，而是淘汰技術(shù)落后和技術(shù)不精的開發(fā)者。從薪資上來說，前端和后端的薪資基本是一樣的，但前端的市場需求會比后端的更大。隨著互聯(lián)網(wǎng)的深入發(fā)展，用戶體驗則是企業(yè)的重中之重，而前端，作為公司的門面，需求會越來越大。從職業(yè)發(fā)展上來說，作為互聯(lián)網(wǎng)時代直接觸達(dá)用戶的窗口，前端無處不在，應(yīng)用的領(lǐng)域廣闊，前景一片光明。

2、前端應(yīng)用場景

前端交互是要直接呈現(xiàn)給用戶的界面，每個按鈕每一次跳轉(zhuǎn)，都需要前端開發(fā)。因此我們可以看到前端開發(fā)存在的方方面面，比如網(wǎng)站設(shè)計優(yōu)化、各色各樣H5、app/小程序開發(fā)等等。隨著互聯(lián)網(wǎng)進(jìn)入Web2.0時代，各種類似桌面軟件的Web應(yīng)用大量涌現(xiàn)，前端由此發(fā)生了翻天覆地的變化。網(wǎng)頁不再只是承載單一的文字和圖片，各種富媒體讓網(wǎng)頁的內(nèi)容更加生動，網(wǎng)頁上軟件化的交互形式為用戶提供了更好的使用體驗，這些都是基于前端技術(shù)實現(xiàn)的。如今手機(jī)更是成為人們生活中不可或缺的一部分，人們迎來了體驗為王的時代。移動端的前端技術(shù)開發(fā)前景寬闊。此外，前端技術(shù)還能應(yīng)用于智能電視、智能手表，甚至人工智能領(lǐng)域也出現(xiàn)了前端的應(yīng)用場景。

3、發(fā)展路線

剛?cè)腴T的零基礎(chǔ)小白，應(yīng)該把重點放在 CSS和HTML基礎(chǔ)知識的學(xué)習(xí)上。比如web標(biāo)準(zhǔn)、HTML相關(guān)概念、HTML標(biāo)簽、路徑相關(guān)概念、錨點及其他、表格標(biāo)簽、表單標(biāo)簽、綜合案例，注冊頁面、CSS選擇、CSS字體樣、CSS外觀屬性、調(diào)式、CSS復(fù)合選擇器、標(biāo)簽顯示模式、CSS背景、CSS三大特性等等。

JavaScript一直都是前端工程師進(jìn)步的基石， JavaScript 的理解深度決定了前端開發(fā)者的職業(yè)發(fā)展。關(guān)于JavaScript的學(xué)習(xí)內(nèi)容包括了瀏覽器執(zhí)行JS過程、JS變量、數(shù)據(jù)類型、運(yùn)算符等。只有在熟悉了JavaScript基礎(chǔ)語法的基礎(chǔ)上，我們才能繼續(xù)深入學(xué)習(xí)前端開發(fā)技術(shù)。

 我們常用的庫工具有JQuery、underScore、zepto、Moment 等。這些庫給我們提供了很大的便利，省去了我們編寫相關(guān)方法的時間，同時也是我們的程序更加穩(wěn)健。當(dāng)然對于這些庫我們不僅僅只是去了解 API，我們需要去學(xué)習(xí)它的源碼。看看如果自己寫相關(guān)方法的話是不是也想到了這種方式，這些庫工具是也是一個很好的學(xué)習(xí)工具，我們不應(yīng)該忽略。

接下來學(xué)習(xí)的內(nèi)容包括了node環(huán)境安裝、node模塊化、gulp使用、服務(wù)器和http協(xié)議、Ajax函數(shù)封裝、同源策略、JSONP、 CORS、jQuery中Aajx方法的使用、Ajax補(bǔ)充內(nèi)容。完成這部分學(xué)習(xí)路線的內(nèi)容可以基本掌握前后端數(shù)據(jù)交互、基于前后端分離模式、傳統(tǒng)模式的開發(fā)的工作。因此可以具備企業(yè)基礎(chǔ)用人標(biāo)準(zhǔn)，實現(xiàn)零基礎(chǔ)小白到初級前端開發(fā)工程師的華麗轉(zhuǎn)身。

然后我們要學(xué)習(xí)Vue指令、修飾符、樣式綁定、v-model底層原理、計算屬性、過濾器、偵聽器、vue組件、Promise、Fetch、axios、vue路由、前端工程化和模塊化等等。學(xué)完以上內(nèi)容，大家能夠?qū)崿F(xiàn)基于Vue技術(shù)棧項目的開發(fā)能力，基本能夠達(dá)到中級前端開發(fā)工程師水平。

4、前端入門建議

在大家作為一名零基礎(chǔ)小白入門前端之前，首先要問自己一個問題：你為什么要學(xué)習(xí)前端？如果只是為了混一個高薪的工作，不愿意持續(xù)的學(xué)習(xí)成長，對前端也不感興趣，那還是建議你再慎重考慮要不要學(xué)習(xí)前端。畢竟前端這個行業(yè)如果你在入門前沒有做好從初級跨入高級的準(zhǔn)備，后期的職業(yè)發(fā)展將會遭受巨大的職業(yè)瓶頸，甚至在學(xué)習(xí)前期就會輕易放棄。

另外，建議零基礎(chǔ)的初學(xué)者正確認(rèn)識自己的學(xué)習(xí)能力。如果入門自學(xué)都比較困難，不妨報個靠譜一點的培訓(xùn)班。畢竟培訓(xùn)班只需要交學(xué)費，就可以為大家提供更好的學(xué)習(xí)氛圍，還可以讓大家少走一些彎路。而且IT技術(shù)是更新?lián)Q代非?？斓模绻詫W(xué)效率差，學(xué)到的東西很快就沒有用了。

關(guān)于前端的長期職業(yè)規(guī)劃，大家要明白的是前端已不是從前的前端，不僅僅是切頁面做特效，如今的前端項目越來越龐大，需要重視項目組織和管理，需要工程化，需要前端架構(gòu)。而且學(xué)習(xí)一門后端語言更有利于在前端的路上走得更遠(yuǎn)。

看完這篇關(guān)于學(xué)習(xí)前端開發(fā)的一些小技巧的文章，如果覺得文章內(nèi)容寫得不錯的話，可以把他分享出去給更多人看到。