零基礎學習Web前端開發的七大誤區

    
     前端開發在最近幾年逐漸走紅，越來越多的開發者加入前端開發隊伍。但前端在大學中沒有課程體系，而且知識也在不斷更新著。大家對它的認識也各不相同，今天奇酷Web前端培訓專家為您解讀，學習web前端都有哪七大誤區。


 
　　誤區一：前端只是JS
 
　　有這么一部分朋友，只看犀牛書(《Java權威指南》)，每天研究JS這JS那的，認為這樣就算是前端開發了。
 
　　但我要說的是：前端不只是JS。
 
　　何謂前端開發？我認為，一切以展現為目標的工作，都是前端開發工作。在前端開發中，除了JS，還有很多需要去掌握的，比如瀏覽器原 理，html5,css3等。之前在面試別人時，問他，怎么做一個觸摸屏上的轉盤。他搖頭。我退了一步，和他說談談你的想法也可。他想了一下，還是不會。
 
　　做轉盤，是我經常面別人的一道題(我在后期會對這道題給大家解說)，看似簡單，但代表了前端知識的綜合應用。你沒有觸摸屏開發經驗，不知道CSS3或canvas，不了解網頁優化，是做不出來的。前端是綜合技術的應用，只會JS是解決不了問題的。
 
　　誤區二：我現在HOLD住一切，不用學新東西了
 
　　我面過的人中，有60%的人沒有h5和CSS3的實際工作經驗，甚至只聽過一些名詞，沒有研究過。問他們原因，大部分回答之前的工作用不上，小部分回答沒時間。當問到一些動畫的實現時，有部分面試者還在用頻繁改DOM的CSS2屬性來實現。
 
　　這種狀況的原因可能和工作內容有關，目前國內的一些移動端網頁還是比較中規中矩的，產品經理對前端實現很少有非常規的要求。一些前端開發者的任務是把后端的數據給呈現出來即可，這些確實CSS2也能實現。但這些也不是不學不用新技術的理由，啃老本總有一天被淘汰。
 
　　誤區三：前端不需要了解后端知識
 
　　也是，前端好好的弄前端唄，管后端干嘛。
 
　　但行業在發展著，前端的功能越來越強大。離線數據庫能提供數據存儲和管理的功能，但不會寫SQL語句能玩得轉嗎？WebSocket能提供即時 通信，但不了解socket和WebSocket的區別，能和后端開發(很多后端開發只會socket技術)一起搭建嗎?加快頁面展示速度不只是要從前端 分析，后端也要考慮到，使用keep alive、緩存等后端技術能使頁面更快地打開。
 
　　誤區四：覺的老板要求好難啊能推就推了
 
　　不要排斥他們的非常規需求，他們的這些奇怪需求也許會成為企業的重要競爭力。(好吧，這一點切換到公司經營者的視角了。)用戶越來越注重表現效 果了，不要再以簡單的列表頁和詳情頁來打發用戶了，他們可能會因為良好的用戶體驗而成為網站的忠實用戶。遇到非常規需求時，首先想下怎么運用前端知識來實 現，如果想不出來，就和同行討論下。總之，實現需求是開發者的責任，不要輕易說這個需求我們實現不了。
 
　　誤區五：不考慮其他情況，頁面出來就好了
 
　　大部分前端呈現使用DOM,但DOM用得多了會有性能問題。現在很流行列表頁頁底上拉加載更多，但很少有前端關注加載的極端問題，如果一個頁面我下拉了很多次，加載了幾千個DOM，會發生什么問題？答案是輕則頁面響應緩慢，重則瀏覽器閃退。
 
　　另外舉個例子：LocalStorage使用起來確實方便，很多企業的前端重度依賴它，甚至知名的前端開發框架也依賴它。但它有個缺點——有容 量限制(2.6M-10M)，我們得考慮極端情況，當LocalStorage空間快滿時，怎么處理。或在架構上避免這種極端情況的發生。
 
　　誤區六：頁面給用戶看，用戶能用就好
 
　　能來看你頁面的，不只是用戶，還有機器人好不好！
 
　　Web App一直在覬覦Native App的位置，有的Web App和Native App根本看不出差別。Web App大紅大紫，各種前端MVC框架也風聲水起，但它們都有個問題，幾乎沒法做SEO，因為搜索引擎無視JS。流量是企業的立命之本，SEO做得好能引來 大量的流量，所以前端還是得考慮SEO問題。(會在后面和大家討論Web App的SEO方案)
 
　　誤區七：不使用/不推動新技術
 
　　上帝給了你一雙翅膀,你卻把它給烤了。
 
　　問自己幾個問題，網頁用了CSS3動畫嗎？網頁支持多點觸摸操作嗎？距離感應器，動作感應器，你用了沒有？這里并不是說為了用而用這些新技術。 而是想表明，我們已經有新的技術了，不要把它們浪費了，是時候對以前的網頁和以前的操作方式進行變革了。使用這些特性，能讓用戶體驗更佳。一些產品經理或 設計師對前端的認識還停留在html4時代，我們有必要和他們科普一下新知識。