學習Web前端的七大誤區，你遇到過幾個？

隨著移動網際網路的興起，Web前端開發異常火爆，網際網路公司對於Web前端開發的需求越來越旺盛，越來越多的人加入前端開發隊伍中。但Web前端在大學中沒有課程體系，而且知識也在不斷更新著，很多人在學習Web前端時都會進去這7個誤區。那麼，學習Web前端都有哪七大誤區呢？聽聽小千怎麼說。

誤區一：前端只是JavaScript

有這麼一部分朋友，只看犀牛書（《JavaScript權威指南》），每天研究JS這JS那的，認為這樣就算是Web前端開發了。

但其實：前端不只是JS。

何謂Web前端開發？一切以展現為目標的工作，都是Web前端開發工作。在Web前端開發中，除了JS，還有很多需要去掌握的，比如瀏覽器原理，html5，css3等。有觸控式螢幕開發經驗，不知道CSS3或canvas，不瞭解網頁優化，是做不出來的。Web前端是綜合技術的應用，只會JS是解決不了問題的。

誤區二：我現在hold住一切，不用學新東西了

小千遇到的人中，有60%的人沒有h5和CSS3的實際工作經驗，甚至只聽過一些名詞，沒有研究過。問他們原因，大部分回答之前的工作用不上，小部分回答沒時間。當問到一些動畫的實現時，有部分面試者還在用頻繁改DOM的CSS2屬性來實現。

這種狀況的原因可能和工作內容有關，目前國內的一些移動端網頁還是比較中規中矩的，產品經理對Web前端實現很少有非常規的要求。一些Web前端開發者的任務是把後端的資料給呈現出來即可，這些確實CSS2也能實現。但這些也不是不學不用新技術的理由，啃老本總有一天被淘汰。

誤區三：Web前端不需要了解後端知識

行業在發展，Web前端的功能越來越強大。離線資料庫能提供資料儲存和管理的功能，但不會寫SQL語句能玩得轉嗎？WebSocket能提供即時通訊，但不瞭解socket和WebSocket的區別，能和後端開發（很多後端開發只會socket技術）一起搭建嗎？ 加快頁面展示速度不只是要從Web前端分析，後端也要考慮到，使用keep alive、 快取等後端技術能使頁面更快地開啟。

誤區四：覺得老闆要求好難啊，能推就推了

不要排斥他們的非常規需求，他們的這些奇怪需求也許會成為企業的重要競爭力。使用者越來越注重表現效果了，不要再以簡單的列表頁和詳情頁來打發使用者了，他們可能會因為良好的使用者體驗而成為網站的忠實使用者。

遇到非常規需求時，首先想下怎麼運用Web前端知識來實現，如果想不出來，就和同行討論下。總之，實現需求是開發者的責任，不要輕易說這個需求我們實現不了。

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

大部分Web前端呈現使用DOM，但DOM用得多了會有效能問題。現在很流行列表頁頁底上拉載入更多，但很少有Web前端關注載入的極端問題，如果一個頁面我下拉了很多次，載入了幾千個DOM，會發生什麼問題？答案是輕則頁面響應緩慢，重則瀏覽器閃退。

另外舉個例子：LocalStorage使用起來確實方便，很多企業的Web前端重度依賴它，甚至知名的前端開發框架也依賴它。但它有個缺點——有容量限制（2.6M-10M），我們得考慮極端情況，當LocalStorage空間快滿時，怎麼處理。或在架構上避免這種極端情況的發生。

誤區六：頁面給使用者看，使用者能用就好

能來看你頁面的，不只是使用者，還有機器人好不好！

誤區七：不關注SEO問題

Web App一直在覬覦Native App的位置，有的Web App和Native App 根本看不出差別。Web App大紅大紫，各種前端MVC框架也風聲水起，但它們都有個問題，幾乎沒法做SEO，因為搜尋引擎無視JS。

流量是企業的立命之本，SEO做得好能引來大量的流量，所以Web前端還是得考慮SEO問題。

以上就是小千給大家分享的學習Web前端你要注意的7個誤區。從最簡單的HTML5基礎到Web前端高階技術，要學的內容還是不少滴！如果你想在學習的過程中都能避開這些誤區，可以來系統學習一下！

本文來自千鋒教育，轉載請註明出處。