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

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