寫給初學(xué)者：WEB前端基礎(chǔ)介紹

web前端在最近幾年的發(fā)展令人矚目，企業(yè)給web前端開發(fā)工程師開出的薪資也是持續(xù)上揚(yáng)。這種盛況自然而然就引發(fā)了眾多朋友進(jìn)入這個(gè)行業(yè)，通常新手看來前端的知識(shí)只有三大塊html、css與javascript，認(rèn)為學(xué)習(xí)前端就是學(xué)習(xí)這三方面的內(nèi)容，但是這種看法是有些片面的，一個(gè)完整的web前端知識(shí)體系包含很多的知識(shí)，所有知識(shí)框架就是一個(gè)結(jié)構(gòu)型的展現(xiàn)，就像一棵樹。web前端的知識(shí)點(diǎn)非常多，也非常散，需要好幾層結(jié)構(gòu)來組織這個(gè)體系。今天北大青鳥的小青老師就來為大家梳理一下這個(gè)體系。一般而言一名在市場上有競爭力的前端開發(fā)者必須掌握以下技術(shù)知識(shí)：1.HTTP協(xié)議2.react ,vuejs ,angularjs等目前比較流行jquery(工具庫)的使用3.Nodejs的開發(fā)，express，koa等常用框架4.在技術(shù)選型上，能給出你選擇的方案是最優(yōu)的數(shù)據(jù)說明5.前端性能優(yōu)化6.前后端分離7.能封裝業(yè)務(wù)組件和公用組件小青老師在這里就基于以上的知識(shí)選取一些分為四塊給大家介紹一下web前端的開發(fā)：理論知識(shí)在web前端開發(fā)的理論知識(shí)中包括“軟知識(shí)”和“硬知識(shí)”所謂“軟”的就是能在各個(gè)程序開發(fā)中都用到的，算是基本功、內(nèi)功，例如數(shù)據(jù)結(jié)構(gòu)、算法、設(shè)計(jì)模式、面向?qū)ο蟮鹊?所謂“硬”的就是能直接用于本程序開發(fā)的。用C語言你就得學(xué)C語言語法，此時(shí)學(xué)java沒用，web前端開發(fā)所需要的硬知識(shí)其實(shí)都包含在三個(gè)標(biāo)準(zhǔn)里面：http標(biāo)準(zhǔn)、W3C標(biāo)準(zhǔn)和ECMAScript標(biāo)準(zhǔn);硬知識(shí)有三個(gè)標(biāo)準(zhǔn)：http標(biāo)準(zhǔn)、W3C標(biāo)準(zhǔn)和ECMAScript標(biāo)準(zhǔn)，拿http標(biāo)準(zhǔn)來講，為什么做web前端要了解http標(biāo)準(zhǔn)?因?yàn)闉g覽器要從服務(wù)端獲取網(wǎng)頁，網(wǎng)頁也可能將信息再提交給服務(wù)器，這其中都有http的連接。web系統(tǒng)既然和http鏈接有瓜葛，你就必須去了解它。你不必去非常了解http的詳細(xì)內(nèi)容，但是你要了解web前端開發(fā)常用的一些http的知識(shí)，詳細(xì)內(nèi)容還得靠你自己去查閱。這些知識(shí)的應(yīng)用，是我們?cè)诰幊讨袩o法避免的?？蚣芎皖悗烨懊嬉呀?jīng)描述了一些web前端開發(fā)所需要的理論知識(shí)，下面講下類庫或者框架，它們能大大提高你的開發(fā)效率。jq的熟練使用是必須的，利用jq不僅僅停留在只使用它的API和插件上，還要自己去寫jq插件，去讀jq的源碼、了解jq的設(shè)計(jì)思路。怎樣才能最最透徹的理解javascript的事件系統(tǒng)?最佳答案之一：多讀幾遍!bootstrap不用再過多解釋了吧，從github上的排名也能看出道道來。fontAwesome是全世界最強(qiáng)大的圖標(biāo)系統(tǒng)。相比于css制作圖標(biāo)來說，這個(gè)要好很多倍，不管是開發(fā)、效率還是維護(hù)上。icomoon.io能讓我自定義選擇自己的圖標(biāo)文件。requirejs和seajs這種模塊定義系統(tǒng)，也一定是你系統(tǒng)中不可或缺的。我曾經(jīng)看過一個(gè)教程，講師就說：requirejs帶來了既jquery之后的第二次前端技術(shù)變革。編碼開發(fā)你專門做web前端，寫html語句還用手動(dòng)一條一條寫嗎?你得需要zencoding的協(xié)助，否則效率太差了，針對(duì)html、css、js的壓縮、合并、語法檢查，文件的清除、復(fù)制這些操作，你還要手動(dòng)去做嗎?你需要grunt或者gulp的幫助。你的系統(tǒng)中有比較多的js代碼或者文件，請(qǐng)選擇一個(gè)合適的模塊定義規(guī)范CMD / AMD用git來幫助你做文件版本管理，最簡單的就是使用github,調(diào)試、測(cè)試，也都有專門的工具其他當(dāng)然web前端開發(fā)人員，同時(shí)也必須具備良好的溝通能力。前端是團(tuán)隊(duì)里最應(yīng)該學(xué)會(huì)溝通的人,界面有問題需要和UI溝通,數(shù)據(jù)有問題需要和后臺(tái)溝通,功能有問題需要和產(chǎn)品溝通,測(cè)試的時(shí)候給你提bug你還需要和測(cè)試溝通，還要做好溝通多次，不斷修改頁面的準(zhǔn)備。如果你想成為一名合格的web前端開發(fā)工程師，你除了知道以上知識(shí)