越來越多的開發(fā)者加入前端開發(fā)隊伍。但前端知識在不斷更新著，大家對它的認(rèn)識也各不相同，今天就為您解讀，學(xué)習(xí)web前端都有哪七大誤區(qū)。
誤區(qū)一：前端只是JavaScript

但我要說的是：前端不只是JS。
何謂前端開發(fā)？我認(rèn)為，一切以展現(xiàn)為目標(biāo)的工作，都是前端開發(fā)工作。在前端開發(fā)中，除了JS，還有很多需要去掌握的，比如瀏覽器原理，html5,css3等。之前在面試別人時，問他，怎么做一個觸摸屏上的轉(zhuǎn)盤。他搖頭。我退了一步，和他說談?wù)勀愕南敕ㄒ部?。他想了一下，還是不會。
做轉(zhuǎn)盤，看似簡單，但代表了前端知識的綜合應(yīng)用。你沒有觸摸屏開發(fā)經(jīng)驗，不知道CSS3或canvas，不了解網(wǎng)頁優(yōu)化，是做不出來的。前端是綜合技術(shù)的應(yīng)用，只會JS是解決不了問題的。
誤區(qū)二：我現(xiàn)在hold住一切，不用學(xué)新東西了
我面過的人中，有60%的人沒有h5和CSS3的實際工作經(jīng)驗，甚至只聽過一些名詞，沒有研究過。問他們原因，大部分回答之前的工作用不上，小部分回答沒時間。當(dāng)問到一些動畫的實現(xiàn)時，有部分面試者還在用頻繁改DOM的CSS2屬性來實現(xiàn)。
這種狀況的原因可能和工作內(nèi)容有關(guān)，目前國內(nèi)的一些移動端網(wǎng)頁還是比較中規(guī)中矩的，產(chǎn)品經(jīng)理對前端實現(xiàn)很少有非常規(guī)的要求。一些前端開發(fā)者的任務(wù)是把后端的數(shù)據(jù)給呈現(xiàn)出來即可，這些確實CSS2也能實現(xiàn)。但這些也不是不學(xué)不用新技術(shù)的理由，啃老本總有一天被淘汰。
誤區(qū)三：前端不需要了解后端知識
也是，前端好好的弄前端唄，管后端干嘛。
但行業(yè)在發(fā)展著，前端的功能越來越強(qiáng)大。離線數(shù)據(jù)庫能提供數(shù)據(jù)存儲和管理的功能，但不會寫SQL語句能玩得轉(zhuǎn)嗎？WebSocket能提供即時通信，但不了解socket和WebSocket的區(qū)別，能和后端開發(fā)(很多后端開發(fā)只會socket技術(shù))一起搭建嗎? 加快頁面展示速度不只是要從前端分析，后端也要考慮到，使用keep alive、 緩存等后端技術(shù)能使頁面更快地打開。
誤區(qū)四：覺得老板要求好難啊，能推就推了
不要排斥他們的非常規(guī)需求，他們的這些奇怪需求也許會成為企業(yè)的重要競爭力。（好吧，這一點(diǎn)切換到公司經(jīng)營者的視角了。）用戶越來越注重表現(xiàn)效果了，不要再以簡單的列表頁和詳情頁來打發(fā)用戶了，他們可能會因為良好的用戶體驗而成為網(wǎng)站的忠實用戶。
遇到非常規(guī)需求時，首先想下怎么運(yùn)用前端知識來實現(xiàn)，如果想不出來，就和同行討論下?？傊?，實現(xiàn)需求是開發(fā)者的責(zé)任，不要輕易說這個需求我們實現(xiàn)不了。

誤區(qū)五：不考慮其他情況，頁面出來就好了

大部分前端呈現(xiàn)使用DOM,但DOM用得多了會有性能問題。現(xiàn)在很流行列表頁頁底上拉加載更多，但很少有前端關(guān)注加載的極端問題，如果一個頁面我下拉了很多次，加載了幾千個DOM，會發(fā)生什么問題？答案是輕則頁面響應(yīng)緩慢，重則瀏覽器閃退。
另外舉個例子：LocalStorage使用起來確實方便，很多企業(yè)的前端重度依賴它，甚至知名的前端開發(fā)框架也依賴它。但它有個缺點(diǎn)——有容量限制（2.6M-10M），我們得考慮極端情況，當(dāng)LocalStorage空間快滿時，怎么處理?；蛟诩軜?gòu)上避免這種極端情況的發(fā)生。
誤區(qū)六：頁面給用戶看，用戶能用就好
能來看你頁面的，不只是用戶，還有機(jī)器人好不好！
Web App一直在覬覦Native App的位置，有的Web App和Native App 根本看不出差別。Web App大紅大紫，各種前端MVC框架也風(fēng)聲水起，但它們都有個問題，幾乎沒法做SEO，因為搜索引擎無視JS。
流量是企業(yè)的立命之本，SEO做得好能引來大量的流量，所以前端還是得考慮SEO問題。
誤區(qū)七：不使用/不推動 新技術(shù)
上帝給了你一雙翅膀,你卻把它給烤了。
問自己幾個問題，網(wǎng)頁用了CSS3動畫嗎？網(wǎng)頁支持多點(diǎn)觸摸操作嗎？距離感應(yīng)器，動作感應(yīng)器，你用了沒有？這里并不是說為了用而用這些新技術(shù)。而是想表明，我們已經(jīng)有新的技術(shù)了，不要把它們浪費(fèi)了，是時候?qū)σ郧暗木W(wǎng)頁和以前的操作方式進(jìn)行變革了。
使用這些特性，能讓用戶體驗更佳。一些產(chǎn)品經(jīng)理或設(shè)計師對前端的認(rèn)識還停留在html4時代，我們有必要和他們科普一下新知識。
以上就是今天為各位總結(jié)的學(xué)習(xí)要點(diǎn)，希望可以幫到大家！