前端開發在最近幾年逐漸走紅,越來越多的開發者加入前端開發隊伍。但前端在大學中沒有課程體系,而且知識也在不斷更新著。大家對它的認識也各不相同。博主有過技術經理,項目經理,面試官,前端開發的經歷,參與過較多的前端開發項目,也結識了較多前端開發人員。基於這些因素我對前端有些較深刻的認識,和大家分享下。本文...
前端開發在最近幾年逐漸走紅,越來越多的開發者加入前端開發隊伍。但前端在大學中沒有課程體系,而且知識也在不斷更新著。大家對它的認識也各不相同。博主有過技術經理,項目經理,面試官,前端開發的經歷,參與過較多的前端開發項目,也結識了較多前端開發人員。基於這些因素我對前端有些較深刻的認識,和大家分享下。
本文取名七宗罪是有些噱頭之意,還請大家見諒,實則想為大家闡述前端開發的誤區。
罪一:前端只是JS
有這麼一部分朋友,只看犀牛書(《JavaScript權威指南》),每天研究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時代,我們有必要和他們科普一下新知識。
轉載鏈接 http://www.cnblogs.com/arfeizhang/p/7mistakes.html