?作者：vic李
鏈接：https://www.zhihu.com/question/20734984/answer/93787766
來源：知乎
前端這個職位被誤會已久，圈子內(nèi)水平良莠不齊，我就談?wù)勎艺J(rèn)知中的前端吧。
什么叫前端呢？現(xiàn)在，公司里對前端的稱呼真可謂五花八門，前端是你，頁面制作也是你，直接稱呼你JS的也有，切圖的還是你，之所以造成這種情況，是因為前端到目前為止也還算是一個新興的崗位，真正需要一個地地道道前端的公司也不是多數(shù)，在我看來，前端需要掌握的技能有很多很多，簡單列舉一下：HTML+CSS：也就是網(wǎng)站的骨架和樣子，包括你看到的知乎的界面，一段文字，一個圖片，都是一個HTML元素，至于字號是多大的，什么顏色，放在什么位置，這叫CSS，在HTML5里，CSS還能讓元素運動起來，旋轉(zhuǎn)，跳躍，只要你想Javascript：簡單的說就是頁面的大腦，把后端獲取的數(shù)據(jù)添加到網(wǎng)頁里，或者讓元素運動起來，或者是改變頁面的CSS，或者是操作HTML元素等等。當(dāng)然，這些都是最基礎(chǔ)的做法，作為一個前端，還要考慮JS的性能，可維護(hù)，可擴(kuò)展的程度等等網(wǎng)站優(yōu)化：打開一個網(wǎng)站的速度，或者是搜索排行的前后，作為前端，都算職能之內(nèi)。
網(wǎng)站安全：作為前端，同樣有不少地方要考慮安全性能
用戶體驗：作為前端，當(dāng)項目里出現(xiàn)不友好的操作的時候，你也需要第一時間反饋
其實遠(yuǎn)遠(yuǎn)不止這些，前端是一個非常雜的工種，就比如某寶里，你點擊加入購物車，一個小圖片就以拋物線的方式飛到了屏幕右側(cè)你的購物車?yán)铩D片怎么飛的流暢，是有很多講究的，設(shè)計到不少數(shù)學(xué)知識，如果你是前端，數(shù)學(xué)又非常的牛，那你就能做出別人做不出來的絢麗效果。如果你美學(xué)基礎(chǔ)非常牛，比如你知道怎么用一些簡單的線條和光圈，做出穿梭時空的效果，那你也就有了自己的獨到之處。
如果這些優(yōu)點你都沒有，就企業(yè)常用的基本技能，也夠你花超長的時間去一個個攻克。
至于前端在大學(xué)什么專業(yè)，反正不會有前端專業(yè)或者Java專業(yè)，這些課程都要學(xué)。
一張圖掌握移動Web前端所有技術(shù)（大前端、工程化、預(yù)編譯、自動化）
你要的移動web前端都在這里！
大前端方向：移動Web前端、Native客戶端、Node.js、
大前端框架：React、Vue.js、Koa
跨終端技術(shù)：HTML 5、CSS 3、JavaScript
跨平臺框架：React Native、Cordova
前端工程化：Grunt、Gulp、Webpack
前端預(yù)編譯：Babel、Sass、Less
自動化測試：Jasmine、Mocha、Karma
一圖在手，應(yīng)有盡有！
