全國(guó)統(tǒng)一學(xué)習(xí)專線 9:00-21:00
大部分人學(xué)習(xí)一項(xiàng)技術(shù)肯定是以就業(yè)為目標(biāo)，那么學(xué)習(xí)web前端哪些知識(shí)才能找到一份工作？小蝸這里根據(jù)行業(yè)的變化以及企業(yè)的用人需求，整理了一份web前端的學(xué)習(xí)路線，只要掌握了以下內(nèi)容，找到一份工作基本不難。
*階段：專業(yè)核心基礎(chǔ)
階段目標(biāo)：
1. 熟練掌握HTML5、CSS3、Less、Sass、響應(yīng)書布局、移動(dòng)端開發(fā)。
2. 熟練運(yùn)用HTML+CSS特性完成頁面布局。
4. 熟練應(yīng)用CSS3技術(shù)，動(dòng)畫、彈性盒模型設(shè)計(jì)。
5. 熟練完成移動(dòng)端頁面的設(shè)計(jì)。
6. 熟練運(yùn)用所學(xué)知識(shí)仿制任意Web網(wǎng)站。
7. 能綜合運(yùn)用所學(xué)知識(shí)完成網(wǎng)頁設(shè)計(jì)實(shí)戰(zhàn)。
知識(shí)點(diǎn)：
1、Web前端開發(fā)環(huán)境，HTML常用標(biāo)簽，表單元素，Table布局，CSS樣式表，DIV+CSS布局。熟練運(yùn)用HTML和CSS樣式屬性完成頁面的布局和美化，能夠仿制任意網(wǎng)站的前端頁面實(shí)現(xiàn)。
2、CSS3選擇器、偽類、過渡、變換、動(dòng)畫、字體圖標(biāo)、彈性盒模型、響應(yīng)式布局、移動(dòng)端。熟練運(yùn)用CSS3來開發(fā)網(wǎng)頁、熟練開發(fā)移動(dòng)端，整理網(wǎng)頁開發(fā)技巧。
3、預(yù)編譯css技術(shù)：less、sass基礎(chǔ)知識(shí)、以及插件的運(yùn)用、BootStrap源碼分析。能夠熟練使用 less、sass完成項(xiàng)目開發(fā)，深入了解BootStrap。
4、使用HTML、CSS、LESS、SASS等技術(shù)完成網(wǎng)頁項(xiàng)目實(shí)戰(zhàn)。通過項(xiàng)目掌握*階段html、css的內(nèi)容、完成PC端頁面設(shè)計(jì)和移動(dòng)端頁面設(shè)計(jì)。
第二階段：Web后臺(tái)技術(shù)
階段目標(biāo):
1. 了解的發(fā)展歷史、掌握Node環(huán)境搭建及npm使用。
2. 熟練掌握的基本數(shù)據(jù)類型和變量的概念。
3. 熟練掌握中的運(yùn)算符使用。
4. 深入理解分之結(jié)構(gòu)語句和循環(huán)語句。
5. 熟練使用數(shù)組來完成各種練習(xí)。
6.熟悉es6的語法、熟練掌握面向?qū)ο缶幊獭?/p>
7.DOM和BOM實(shí)戰(zhàn)練習(xí)和H5新特性和協(xié)議的學(xué)習(xí)。
知識(shí)點(diǎn)：
1、軟件開發(fā)流程、算法、變量、數(shù)據(jù)類型、分之語句、循環(huán)語句、數(shù)組和函數(shù)。熟練運(yùn)用的知識(shí)完成各種練習(xí)。
2、面向?qū)ο蠡A(chǔ)、異常處理機(jī)制、常見對(duì)象api，js的兼容性、ES6新特性。熟練掌握面向?qū)ο蟮拈_發(fā)以及掌握es6中的重要內(nèi)容。
3、BOM操作和DOM操作。熟練使用BOM的各種對(duì)象、熟練操作DOM的對(duì)象。
4、h5相關(guān)api、canvas、ajax、數(shù)據(jù)模擬、touch事件、mockjs。熟練使用所學(xué)知識(shí)來完成網(wǎng)站項(xiàng)目開發(fā)。
第三階段：數(shù)據(jù)庫和框架實(shí)戰(zhàn)
階段目標(biāo)：
1. 綜合運(yùn)用Web前端技術(shù)進(jìn)行頁面布局與美化。
2. 綜合運(yùn)用Web前端開發(fā)框架進(jìn)行Web系統(tǒng)開發(fā)。
3. 熟練掌握Mysql、Mongodb數(shù)據(jù)庫的發(fā)開。
4. 熟練掌握vue.js、webpack、elementui等前端框技術(shù)。
5. 熟練運(yùn)用Node.js開發(fā)后臺(tái)應(yīng)用程序。
6. 對(duì)Restful，Ajax，JSON，開發(fā)過程有深入的理解,掌握git的基本技能。
知識(shí)點(diǎn)：
1、數(shù)據(jù)庫知識(shí)，范式，MySQL配置，命令，建庫建表，數(shù)據(jù)的增刪改查，mongodb數(shù)據(jù)庫。深入理解數(shù)據(jù)庫管理系統(tǒng)通用知識(shí)及MySQL數(shù)據(jù)庫的使用與管理，為Node.js后臺(tái)開發(fā)打下堅(jiān)實(shí)基礎(chǔ)。
2、模塊系統(tǒng)，函數(shù)，路由，全局對(duì)象，文件系統(tǒng)，請(qǐng)求處理，Web模塊，Express框架，MySQL數(shù)據(jù)庫處理，，文件上傳等。熟練運(yùn)用Node.js運(yùn)行環(huán)境和后臺(tái)開發(fā)框架完成Web系統(tǒng)的后臺(tái)開發(fā)。
3、vue的組件、生命周期、路由、組件、前端工程化、webpack、elementui框架。Vue.js框架的基本使用有清晰的理解，能夠運(yùn)用Vue.js完成基礎(chǔ)前端開發(fā)、熟練運(yùn)用Vue.js框架的高級(jí)功能完成Web前端開發(fā)和組件開發(fā)，對(duì)MVVM模式有深刻理解。
4、需求分析，數(shù)據(jù)庫設(shè)計(jì)，后臺(tái)開發(fā)，使用vue、node完成pc和移動(dòng)端整站開發(fā)。于Node.js+Vue.js+Webpack+Mysql+Mongodb+Git，實(shí)現(xiàn)整站項(xiàng)目完整功能并上線發(fā)布。
第四階段：移動(dòng)端和微信實(shí)戰(zhàn)
階段目標(biāo)：
1.熟練掌握React.js框架，熟練使用React.js完成開發(fā)。
2.掌握移動(dòng)端開發(fā)原理，理解原生開發(fā)和混合開發(fā)。
3.熟練使用react-native和Flutter框架完成移動(dòng)端開發(fā)。
4.掌握微信小程序以及了解支付寶小程序的開發(fā)。
5.完成大型電商項(xiàng)目開發(fā)。
知識(shí)點(diǎn)：
1、React面向組件編程、表單數(shù)據(jù)、組件通信、監(jiān)聽、聲明周期、路由、Redux基本概念。練使用react完成項(xiàng)目開發(fā)、掌握Redux中的異步解決方案Saga。
2、react-native、開發(fā)工具、視圖與渲染、api操作、Flutter環(huán)境搭建、路由、ListView組件、網(wǎng)絡(luò)請(qǐng)求、打包。練掌握react-native和Flutter框架，并分別使用react-native和Flutter分別能開發(fā)移動(dòng)端項(xiàng)目。
3、微信小程序基本介紹、開發(fā)工具、視圖與渲染、api操作、支付寶小程序的入門和api學(xué)習(xí)。掌握微信小程序開發(fā)了解支付寶小程序。
4、大型購物網(wǎng)站實(shí)戰(zhàn)，整個(gè)項(xiàng)目前后端分離開發(fā)；整個(gè)項(xiàng)目分為四部分：PC端網(wǎng)頁、移動(dòng)端APP、小程序、后臺(tái)管理。團(tuán)隊(duì)協(xié)作開發(fā)，使用git進(jìn)行版本控制。目期間可以擴(kuò)展Three.js 、。
web前端學(xué)習(xí)路線思維導(dǎo)圖
web前端三大主流框架都是Angular、React、Vue。
1、Angular
Angular原名angularJS誕生于2009年，之前我們都是用jquery開發(fā)，自從angular的出現(xiàn)讓我們有了新的選擇，它*的特點(diǎn)是把后端的一些開發(fā)模式移植到前端來實(shí)現(xiàn)，如MVC、依賴注入等。
2、React
React，facebook出品，正式版推出是在2013年，比angular晚了4年，但得益于其創(chuàng)新式的，性能上碾壓angularJS，一經(jīng)推出，火的一塌糊涂。 特點(diǎn)很多，、JSX、Diff算法等，支持ES6語法，采用函數(shù)式編程，門檻稍高，但也更靈活，能讓開發(fā)具有更多可能性。
3、Vue
Vue作為*推出的框架（2014年），借鑒了前輩angular和react的特點(diǎn)（如、雙向數(shù)據(jù)綁定、diff算法、響應(yīng)式屬性、組件化開發(fā)等）并做了相關(guān)優(yōu)化，使其使用起來更加方便，更容易上手，比較少適合初學(xué)者。
Web前端三大框架：Vue.js、React.js、Angular.js。
1、Vue.js
Vuejs的受歡迎度目前是*的，而開發(fā)vuejs的就是一個(gè)*人名字叫尤雨溪。Vue可以通過簡(jiǎn)潔的 API 提供高效的數(shù)據(jù)綁定和靈活的組件系統(tǒng)。同時(shí)，尤雨溪選擇了開源的方式，方便更多的開發(fā)者使用并參與其中。
Vue 也使用虛擬 DOM，因此在項(xiàng)目中的更改不會(huì)正式對(duì) DOM 產(chǎn)生影響。Vue 在這三者中，大小最?。ù蠹s 80KB），這大大提高了它的性能。
2、React.js
React框架是起源于Facebook的項(xiàng)目，主要是通過對(duì)DOM的模擬減少與DOM的交互做到的。React的模塊化把組件進(jìn)行了隔離，出現(xiàn)問題的時(shí)候更方便程序員對(duì)其進(jìn)行修改。
3、Angular.js
Angular擁有很好的應(yīng)用程序，是一個(gè)以編寫的庫，模板功能也異常強(qiáng)大，本身就帶有豐富的Angular指令。一方面可以通過指令擴(kuò)寬HTML，一方面可以通過表達(dá)式綁定數(shù)據(jù)到HTML。
web前端開發(fā)是從網(wǎng)頁制作演變而來的，名稱上有很明顯的時(shí)代特征。在互聯(lián)網(wǎng)的演化進(jìn)程中，網(wǎng)頁制作是web1.0時(shí)代產(chǎn)物，那時(shí)網(wǎng)站的主要內(nèi)容是靜態(tài)的，用戶使用網(wǎng)站的行為也以瀏覽為主。隨著互聯(lián)網(wǎng)的高速發(fā)展，網(wǎng)站的前端由此發(fā)生了翻天覆地的變化，網(wǎng)頁不再只是承載單一的文字和圖片，軟件化的交互形式為用戶提供了更好的使用體驗(yàn)，這些都是基于前端技術(shù)來實(shí)現(xiàn)的。用互聯(lián)網(wǎng)來做比喻,凡是通過瀏覽器到用戶端計(jì)算機(jī)的統(tǒng)稱為前端技術(shù)，相反存貯于服務(wù)器端的統(tǒng)稱為后端技術(shù).前端技術(shù)包括、、CSS、xHTML等“傳統(tǒng)”技術(shù)與AdobeAIR、,以及概念性較強(qiáng)的交互式設(shè)計(jì),藝術(shù)性較強(qiáng)的視覺設(shè)計(jì)等等.
通俗的講，你平時(shí)使用的手機(jī)應(yīng)用、玩的網(wǎng)頁游戲等等，都是屬于web前端開發(fā)領(lǐng)域的。
之前有個(gè)朋友在北京尚學(xué)堂學(xué)過，學(xué)習(xí)前端，他說學(xué)了不到五個(gè)月就業(yè)了。找的前端工作挺羨慕他，想的之后去學(xué)。
前端開發(fā)是創(chuàng)建Web頁面或app等前端界面呈現(xiàn)給用戶的過程，通過HTML，CSS及以及衍生出來的各種技術(shù)、框架、解決方案，來實(shí)現(xiàn)互聯(lián)網(wǎng)產(chǎn)品的用戶界面交互[1]。它從網(wǎng)頁制作演變而來，名稱上有很明顯的時(shí)代特征。在互聯(lián)網(wǎng)的演化進(jìn)程中，網(wǎng)頁制作是Web1.0時(shí)代的產(chǎn)物，早期網(wǎng)站主要內(nèi)容都是靜態(tài)，以圖片和文字為主，用戶使用網(wǎng)站的行為也以瀏覽為主。隨著互聯(lián)網(wǎng)技術(shù)的發(fā)展和HTML5、CSS3的應(yīng)用，現(xiàn)代網(wǎng)頁更加美觀，交互效果顯著，功能更加強(qiáng)大。
Hello我是數(shù)據(jù)里奧斯，前端技術(shù)是一項(xiàng)發(fā)展非常快速的技術(shù)領(lǐng)域，隨著技術(shù)的變革，前端工程所做的工作和重要性也在不斷發(fā)生著變化，我簡(jiǎn)單從下面幾個(gè)階段和階層來描述一下前端工程師的工作：
1.職責(zé)：切圖仔，時(shí)期：前后端不分/后端MVC框架時(shí)期
在初級(jí)階段，前端的主要工作，也是目前最基礎(chǔ)的工作，就是將設(shè)計(jì)師提供的交互視覺稿進(jìn)行切圖，并通過HTML，CSS技術(shù)組裝成我們所需要的頁面模板，后段工程師則將頁面模板嵌入數(shù)據(jù)，組裝進(jìn)整個(gè)項(xiàng)目中，這個(gè)階段前端是沒有辦法獨(dú)立完成項(xiàng)目的，也還沒有真正意義上純粹的前端工程師
2.職責(zé)：前端項(xiàng)目開發(fā)時(shí)期：前端MVC框架時(shí)期，SPA單頁應(yīng)用時(shí)期
這個(gè)階段Ajax技術(shù)促成了Web2.0的誕生，通過API與后段接口進(jìn)行交互，前端項(xiàng)目可以完成數(shù)據(jù)讀寫，頁面切換，用戶交互等一系列復(fù)雜的操作和功能，從某種程度來說，前端可以獨(dú)立承載一個(gè)程序所需要的大部分事情。前端工程師的工作也從單純的開發(fā)頁面，變成了開發(fā)應(yīng)用。我們常說的React,Vue,Angular都屬于非常著名的前端應(yīng)用開發(fā)框架
3.職責(zé)：通過NodeJS成為全棧工程師時(shí)期：多端應(yīng)用時(shí)期（小程序，多智能終端）
隨著移動(dòng)互聯(lián)網(wǎng)的興起，我們的應(yīng)用已經(jīng)不僅僅停留在PC，而是蔓延到了智能手機(jī)，平板電腦，電紙書等多類型的電子媒介上，如何滿足復(fù)雜功能的開發(fā)，多終端統(tǒng)一接口的調(diào)用和組裝，都對(duì)前端工作者的工作提出了新的挑戰(zhàn)。Node作為JS便攜的*前后端都可以涉足的技術(shù)，讓前端工程師的工作逐漸可以涉足更多服務(wù)端工具，引入了更多持續(xù)集成等軟件工程的標(biāo)準(zhǔn)流程，通過類似中間層的構(gòu)建，有一定業(yè)務(wù)規(guī)模的技術(shù)團(tuán)隊(duì)，逐步在像大中臺(tái)，小前臺(tái)的方向發(fā)展。
4.未來可期
如今，借助5G，云計(jì)算/服務(wù)的硬件發(fā)展，前端技術(shù)勢(shì)必還會(huì)承載更多有趣和復(fù)雜的工作，小程序，跨端開發(fā)，云服務(wù)器部署，前端工程化，，等等，前端的工作隨著時(shí)代的變遷依然在不斷變革，同時(shí)也承載了更多的職責(zé)，希望前端工程師可以為大家?guī)砀鄡?yōu)質(zhì)和革命性的新應(yīng)用～興許如同賽博朋克時(shí)代的幻想一樣，那些無處不在的人機(jī)交互界面和場(chǎng)景，都是前端工程師工作的努力方向。
圖片
現(xiàn)在的前端開發(fā)工程師，主要進(jìn)行網(wǎng)站開發(fā)，優(yōu)化，完善的工作。不過，現(xiàn)階段的網(wǎng)站開發(fā)已經(jīng)不同于早年的網(wǎng)頁設(shè)計(jì)，當(dāng)時(shí)主要是以圖片和文字為主，用戶使用網(wǎng)站的行為也以瀏覽為主，現(xiàn)在的網(wǎng)頁更加美觀，涉及多種元素，用戶與頁面的交互性更強(qiáng)，所以，對(duì)前端開發(fā)人員的技能要求也更高。
現(xiàn)在的前端開發(fā)，可能不僅僅要掌握三大基本技能，更多的是與多種框架的結(jié)合運(yùn)用Angular、React、Vue，除此之外還有Bootstrap、、BootMetro、Gumby、IVORY、Kube等都是要慢慢學(xué)習(xí)的。另外，現(xiàn)在的前端開發(fā)可能還要學(xué)習(xí)網(wǎng)站性能優(yōu)化和服務(wù)器端相關(guān)的基礎(chǔ)知識(shí)。
常見的web前端開發(fā)框架如下：
1、Bootstrap：
主流框架之一，Bootstrap 是基于 HTML、CSS、的，它簡(jiǎn)潔靈活，使得 Web 開發(fā)更加快捷。
2、html5-：
該框架可以快速構(gòu)建健壯，且適應(yīng)力強(qiáng)的web app或網(wǎng)站。
3、Meteor：
Meteor是新一代的開發(fā)即時(shí)web應(yīng)用的開源框架，它能在較短時(shí)間內(nèi)完成開發(fā)。
4、：
基于材料設(shè)計(jì)的現(xiàn)代化響應(yīng)式前端框架?？商峁┠J(rèn)的樣式，自定義組件。此外，還改進(jìn)動(dòng)畫和過渡，為開發(fā)人員提供流暢的體驗(yàn)。
5、Amaze UI：
國(guó)內(nèi)*開源HTML5跨屏前端框架產(chǎn)品系列，中文排版支持更優(yōu)、本土化組件豐富。該產(chǎn)品系列中有專門針對(duì)移動(dòng)端的HTML5混合應(yīng)用開發(fā)框架Amaze UI Touch以及針對(duì)跨屏HTML5網(wǎng)頁開發(fā)的Amaze UI Web。
擴(kuò)展資料：
web框架程序的作用：
Web框架使得在進(jìn)行Web應(yīng)用開發(fā)的時(shí)候，減少了工作量。Web框架主要用于動(dòng)態(tài)網(wǎng)絡(luò)開發(fā)，動(dòng)態(tài)網(wǎng)絡(luò)主要是指現(xiàn)在的主要的頁面，可以實(shí)現(xiàn)數(shù)據(jù)的交互和業(yè)務(wù)功能的完善。
使用Web框架進(jìn)行Web開發(fā)的時(shí)候，在進(jìn)行數(shù)據(jù)緩存、數(shù)據(jù)庫訪問、數(shù)據(jù)安全校驗(yàn)等方面，不需要自己再重新實(shí)現(xiàn)，而是將業(yè)務(wù)邏輯相關(guān)的代碼寫入框架就可以。也就是說，通過對(duì)Web框架進(jìn)行主觀上的“縫縫補(bǔ)補(bǔ)”，就可以實(shí)現(xiàn)自己進(jìn)行Web開發(fā)的需求了。
以PHP為例，PHP可以在apache服務(wù)器上進(jìn)行Web開發(fā)，而不必使用框架。使用PHP進(jìn)行開的時(shí)候，在不適用框架的情況下，數(shù)據(jù)庫連接就需要自己來實(shí)現(xiàn)，頁面的生成和顯示也是一樣。比如框架的話可以完成避免sql注入的工作，而使用PHP在不用框架的情況下，這部分要自己做。
參考資料來源：百度百科-前端開發(fā)
1.。
Web開發(fā)基礎(chǔ)中的基礎(chǔ)，HTML是負(fù)責(zé)網(wǎng)頁結(jié)構(gòu)，CSS負(fù)責(zé)網(wǎng)頁樣式，JS則負(fù)責(zé)邏輯交互。前兩者更像是標(biāo)記語言，沒有什么邏輯，JS才是前端的重中之重。HTML5新增的技術(shù)大部分需要結(jié)合JS學(xué)習(xí)。
每個(gè)人學(xué)習(xí)進(jìn)度可能不同，這個(gè)階段主要是多仿站，熟悉基礎(chǔ)，試試用CSS寫響應(yīng)式頁面，了解JS深入性的知識(shí)，比如原型鏈、閉包、設(shè)計(jì)模式等需要更多的積累，逐漸理解并實(shí)踐掌握。
2.。
jQuery是JS的一個(gè)應(yīng)用庫，能夠提升原生JS開發(fā)效率。Bootstrap則是響應(yīng)式框架，更簡(jiǎn)單的實(shí)現(xiàn)手機(jī)/平板/PC多個(gè)設(shè)備的頁面支持。Ajax技術(shù)用于異步交互，不刷新頁面就能更新數(shù)據(jù)，比如地圖應(yīng)用等。Json是一種數(shù)據(jù)格式，被廣泛應(yīng)用在各大編程語言中。
jQuery和bootstrap會(huì)簡(jiǎn)化很多編寫的代碼量，用著不亦樂乎，但對(duì)于基礎(chǔ)還不是很扎實(shí)的人建議還是少用。Ajax和json通常用于和后端交互，在實(shí)際業(yè)務(wù)中也經(jīng)常用到。
3.Git/SVN。
版本管理工具，主要用于團(tuán)隊(duì)開發(fā)時(shí)避免文件沖突，也可回檔。前端推薦學(xué)習(xí)Git。
4./MongoDB(可選)。
運(yùn)行在服務(wù)器端的。Express是其拓展MVC框架。其中nodejs最常用到的就是npm包管理器，不用到各個(gè)網(wǎng)站去下載資源包。數(shù)據(jù)庫的學(xué)習(xí)可以選擇MongoDB或者M(jìn)ySQL，前者與Nodejs的契合度更好，不過現(xiàn)在大多數(shù)網(wǎng)站都是PHPMysql的組合，如果有學(xué)PHP的打算的話，可以先學(xué)習(xí)Mysql。
5.。
的語言標(biāo)準(zhǔn)。ES6中加入了很多新的概念，也彌補(bǔ)了之前版本中JS的很多缺陷，越來越多的項(xiàng)目開始運(yùn)用ES6進(jìn)行開發(fā)。學(xué)之前*把ES5先搞懂了，目前實(shí)際項(xiàng)目*慮到兼容性，ES6是需要通過Babel將其編譯為ES5來部署的。
6.Angular/React/Vue。
前端三大框架，各自也有著各自的生態(tài)系統(tǒng)，根據(jù)需求自行選擇學(xué)習(xí)。目前企業(yè)需求量*的仍然是Angular，但近期趨勢(shì)來看react和vue則更受歡迎。因?yàn)楝F(xiàn)在前端技術(shù)發(fā)展太過于突飛猛進(jìn)，工具和框架的更新比翻書還快，建議學(xué)習(xí)還是看文檔比較好。學(xué)習(xí)過程中也會(huì)遇到很多用到各種構(gòu)建工具的時(shí)候。
7.其他常用工具。
這個(gè)一樣是根據(jù)需求自行選擇學(xué)習(xí)。比較常用的現(xiàn)在有Webpack，可以將多個(gè)不同編程風(fēng)格的文件打包，比如ES6/AMD/CMD之類的模塊化都能識(shí)別并編譯成瀏覽器能運(yùn)行的文件。Sass/Less，CSS預(yù)編譯框架，可以用帶有邏輯性的方式編寫CSS代碼。Gulp/Grunt構(gòu)建工具，可以自動(dòng)化對(duì)代碼進(jìn)行壓縮合并等工作。
8.其他后端編程語言。
目前市場(chǎng)對(duì)前端基本都要求會(huì)一門后端語言，PHP/JAVA/Nodejs/Python等。
學(xué)習(xí)編程重要的還是實(shí)踐，多敲代碼，多去嘗試。獨(dú)立解決問題的能力、探究鉆研的精神是必不可少的。有興趣的話也可以自己搭建一個(gè)技術(shù)博客，往github上傳幾個(gè)開源項(xiàng)目，這些都是不錯(cuò)的加分點(diǎn)。
第六??學(xué)習(xí)web前端，你不能不知道的技巧。1、不要讓對(duì)未來的憂慮干擾你現(xiàn)在的學(xué)習(xí)，有些初學(xué)者會(huì)問剛開始要學(xué)習(xí)哪種框架，但是如果你還沒能熟練使用原生，你就不應(yīng)該問這種問題。因?yàn)槟銜?huì)花很多時(shí)間研究各種框架而得不到進(jìn)步。走出這個(gè)陷阱的一個(gè)方法是制定一個(gè)學(xué)習(xí)路徑圖。
2、不要讓自信騙你進(jìn)入持續(xù)遺忘的陷阱，快速理解一個(gè)概念會(huì)是進(jìn)步的*阻礙，下面我將解釋。當(dāng)你遇到一個(gè)知識(shí)點(diǎn)，而你好像理解了，你很可能抑制不住內(nèi)心跳到下一個(gè)知識(shí)點(diǎn)的沖動(dòng)。但是，很快你會(huì)到達(dá)一個(gè)節(jié)點(diǎn)，在這個(gè)節(jié)點(diǎn)你發(fā)現(xiàn)自己已經(jīng)忘了前面所學(xué)，于是你需要回過頭復(fù)習(xí)，你快速瞟了一下之前所學(xué)然后又繼續(xù)學(xué)習(xí)新的知識(shí)。但是現(xiàn)在，你忘記了其他東西。你一直重復(fù)這種繼續(xù)-回顧-繼續(xù)-回顧模式直到你發(fā)現(xiàn)自己完全迷失。你開始沮喪，想要休息，然后當(dāng)你開始重振旗鼓，卻發(fā)現(xiàn)自己已經(jīng)忘掉所有。
幸運(yùn)的是，我們有兩個(gè)應(yīng)對(duì)上述問題的方法：
1、一次只學(xué)一樣?xùn)|西
2、做練習(xí)-實(shí)際上是敲代碼
當(dāng)你學(xué)習(xí)一個(gè)新的概念，你要將它實(shí)踐出來，練習(xí)它，與它和善相處，甚至能夠?qū)⑺c其他概念聯(lián)系到一起。當(dāng)你學(xué)習(xí)一個(gè)示例，最重要的是你要自己將代碼敲出來，這樣能幫助你吸收它。另外，一次只學(xué)一個(gè)東西能夠幫助你鞏固所學(xué)，因?yàn)橛洃浉俚臇|西更容易。
這個(gè)過程看起來貌似比閱讀然后快速跳到下一個(gè)知識(shí)點(diǎn)要花費(fèi)更長(zhǎng)的時(shí)間，但是實(shí)際上它所花的時(shí)間更少，因?yàn)檫@樣你就不需要頻繁復(fù)習(xí)之前所學(xué)。我在好幾個(gè)場(chǎng)合后才艱難的領(lǐng)悟到這個(gè)道理。
3、思考的更慢你將學(xué)得更快.。這一條聽起來違反直覺，所以下面我將用一個(gè)故事來解釋。我的一個(gè)朋友又一次對(duì)的一個(gè)特性感到困惑。我讓他將他知道的解釋給我聽，然后告訴我哪兒讓他困惑。當(dāng)它向我解釋代碼，我發(fā)現(xiàn)他在跳步?！暗葧?huì)兒！”我說道。“慢慢來，然后將這些一步步解釋給我聽?！蔽业呐笥阎苯訉⒄麄€(gè)代碼的功能總結(jié)給我聽。我再次讓他暫停?！澳氵€是在跳步。再解釋一次，這次我需要你一步步將每一行代碼發(fā)生了什么解釋給我聽。”這一次，我的朋友能夠更好的解釋代碼是如何運(yùn)行的。關(guān)鍵在于他花時(shí)間去理解每一行代碼而不是試圖一下理解所有。
在這樣這種案例中，思考的更慢實(shí)際上讓你學(xué)得更快。大家都知道學(xué)習(xí)不能急于求成，學(xué)會(huì)堅(jiān)持就已經(jīng)超過85%的人了。
只要一個(gè)電話
我們免費(fèi)為您回電
