web前端技術(shù)是近年來一個新興職業(yè)，是伴隨著web興起而細(xì)分進(jìn)去的行業(yè)。web前端技術(shù)是由網(wǎng)頁制作演變而來的，在互聯(lián)網(wǎng)的演變進(jìn)程中不斷發(fā)展。
近些年，web前端人才的市場需求量持續(xù)上漲，企業(yè)對于web前端從業(yè)人員的技能要求和職業(yè)素養(yǎng)也越來越高。那么一名合格的web前端需要掌握哪些技術(shù)？
前端三大基礎(chǔ)技能HTML、CSS、JS自不必說，這是前端吃飯的東西。
TCP/IP、瀏覽器渲染原理、前端性能優(yōu)化兼容、PC/M端開發(fā)、DOM、BOM、計(jì)算機(jī)原理（基礎(chǔ)，一般軟件或計(jì)算機(jī)出身的都知道）等。
就目前社會上需要的而言，除了基礎(chǔ)之外，會要求掌握Vue、react、ng、node等一個或多個知識。隱約已經(jīng)成為了一個事實(shí)的標(biāo)準(zhǔn)，但這些知識你可以看出，都是JS，沒錯都是JS，所以說JS的掌握程度越高，你學(xué)習(xí)這些框架越輕松，畢竟這些都是API嘛。
還有就是一些npm、yarn、gulp、webpack等工具的使用。
大部分要求是這樣的了，團(tuán)隊(duì)的技術(shù)棧也是圍繞著這些。但是對于應(yīng)屆生其實(shí)沒這么高的要求，基礎(chǔ)掌握大致就是不錯的了。
將Web前端需要掌握的知識進(jìn)行細(xì)分：
一.基礎(chǔ)知識：
html：超文本標(biāo)記語言（英語：HyperText Markup Language，簡稱：HTML）是一種用于創(chuàng)建網(wǎng)頁的標(biāo)準(zhǔn)標(biāo)記語言。 您可以使用 HTML 來建立自己的 WEB 站點(diǎn)，HTML 運(yùn)行在瀏覽器上，由瀏覽器來解析。css： 指層疊樣式表 (Cascading Style Sheets)，簡稱樣式，你所看到網(wǎng)頁的豐富多彩源自于它，通常和html配合使用。javascript：JavaScript 是互聯(lián)網(wǎng)上最流行的腳本語言，這門語言可用于 HTML 和 web，更可廣泛用于服務(wù)器、PC、筆記本電腦、平板電腦和智能手機(jī)等設(shè)備。xml：XML 指可擴(kuò)展標(biāo)記語言（eXtensible Markup Language）。 XML 被設(shè)計(jì)用來傳輸和存儲數(shù)據(jù)。json： JSON: JavaScript Object Notation(JavaScript 對象表示法) JSON 是存儲和交換文本信息的語法。類似 XML。 JSON 比 XML 更小、更快，更易解析。ajax：AJAX = Asynchronous JavaScript and XML（異步的 JavaScript 和 XML）。 AJAX 不是新的編程語言，而是一種使用現(xiàn)有標(biāo)準(zhǔn)的新方法。 AJAX 最大的優(yōu)點(diǎn)是在不重新加載整個頁面的情況下，可以與服務(wù)器交換數(shù)據(jù)并更新部分網(wǎng)頁內(nèi)容。 AJAX 不需要任何瀏覽器插件，但需要用戶允許JavaScript在瀏覽器上執(zhí)行。H5： HTML HTML5是HTML最新的修訂版本，2014年10月由萬維網(wǎng)聯(lián)盟（W3C）完成標(biāo)準(zhǔn)制定。 HTML5的設(shè)計(jì)目的是為了在移動設(shè)備上支持多媒體。二.框架：
jquery：jQuery是一個JavaScript函數(shù)庫。 jQuery是一個輕量級的"寫得少，做得多"的JavaScript庫。 jQuery庫包含以下功能： HTML 元素選取 HTML 元素操作 CSS 操作 HTML 事件函數(shù) JavaScript 特效和動畫 HTML DOM 遍歷和修改 AJAX Utilities。jqueryui：jQuery UI 是建立在 jQuery JavaScript 庫上的一組用戶界面交互、特效、小部件及主題。無論您是創(chuàng)建高度交互的 Web 應(yīng)用程序還是僅僅向窗體控件添加一個日期選擇器，jQuery UI 都是一個完美的選擇。easyui： jQuery EasyUI 是一個基于 jQuery 的框架，集成了各種用戶界面插件。 jQuery EasyUI 框架提供了創(chuàng)建網(wǎng)頁所需的一切，幫助您輕松建立站點(diǎn)。bootstrap： Bootstrap 教程 Bootstrap，來自 Twitter，是目前最受歡迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的，它簡潔靈活，使得 Web 開發(fā)更加快捷。Angularjs2：Angular2 是一款開源JavaScript庫，由Google維護(hù)，用來協(xié)助單一頁面應(yīng)用程序運(yùn)行。 Angular2 是 Angular 1.x 的升級版本，性能上得到顯著的提高，能很好的支持 Web 開發(fā)組件。 Angular2 發(fā)布于2016年9月份，它是基于ES6來開發(fā)的。react：React 是一個用于構(gòu)建用戶界面的 JAVASCRIPT 庫。 React主要用于構(gòu)建UI，很多人認(rèn)為 React 是 MVC 中的 V（視圖）。 React 起源于 Facebook 的內(nèi)部項(xiàng)目，用來架設(shè) Instagram 的網(wǎng)站，并于 2013 年 5 月開源。 React 擁有較高的性能，代碼邏輯非常簡單，越來越多的人已開始關(guān)注和使用它。vue.js：Vue.js是一套構(gòu)建用戶界面的漸進(jìn)式框架。 Vue 只關(guān)注視圖層， 采用自底向上增量開發(fā)的設(shè)計(jì)。 Vue 的目標(biāo)是通過盡可能簡單的 API 實(shí)現(xiàn)響應(yīng)的數(shù)據(jù)綁定和組合的視圖組件。node.js：簡單地說 Node.js 就是運(yùn)行在服務(wù)端的 JavaScript。 Node.js 是一個基于Chrome JavaScript 運(yùn)行時建立的一個平臺。 Node.js是一個事件驅(qū)動I/O服務(wù)端JavaScript環(huán)境，基于Google的V8引擎，V8引擎執(zhí)行Javascript的速度非常快，性能非常好。一個合格的前端開發(fā)者應(yīng)該熟練掌握和使用以上的知識，如果以上知識你都能靈活和熟練選擇使用，恭喜你，你正在奔向前端大牛的路上。
怎么樣，看完以上的內(nèi)容，結(jié)合你的實(shí)際情況，現(xiàn)在你到什么階段了呢？你距離前端大牛還遠(yuǎn)嗎？有對Web前端感興趣的同學(xué)就趕快學(xué)習(xí)起來吧，既然選擇要學(xué)Web前端現(xiàn)在就去做吧，現(xiàn)在永遠(yuǎn)比未來早。時不等人，抓緊時間開始學(xué)習(xí)之旅吧。學(xué)習(xí)沒有捷徑，希望大家都能少走一些彎路，在學(xué)習(xí)Web前端的道路上一往無前，學(xué)有所成。
