無聊前端工程師
酷炫的前端工程師熱衷於超越各種極限,他們總喜歡追逐最新、最優秀、最耀眼的使用者介面框架和前端程式設計庫。我們經常發現,他們一直在試圖縮小 Web 程式與原生程式之間的差距,而且,正是由於這個原因,他們已將使用者介面的外觀和行為變得越來越像一款原生程式。你可能會問,是哪一類應用程式?iPhone?Android?哪個版本?這些問題都很不錯,可惜與我們討論的主題無關。然而,還有一類前端工程師,我們姑且稱其為無聊前端工程師。以下就是一首讚美他們的頌歌,如果你願意的話,請簡稱他們 BFED(boring front-end developer 的縮寫)。
瀏覽器支援
BFED 認為,使用者體驗不可能完全相同。一個網站會被各種各樣的瀏覽器訪問,不管是微軟最新研發的 gasp(微軟為 Windows 10 設計的最新瀏覽器的早期別名),還是陳舊過時的 IE6,都有可能。應該有計劃地持續改進和提升應用程式的瀏覽器相容性。BFED 覺得,放棄對一個或一類瀏覽器的支援,不是什麼偉大的英雄壯舉。相反,BFED 知道,忘記這些使用者的存在,不僅會傷害他們的感情,而且會影響他們對公司或產品的認知。
前處理器
當我們考慮是否需要給現有的技術堆疊增加一個前處理器(如:LESS、SASS、CoffeeScript 等)的時候,BFED 認為,這是一個影響深遠的選擇,不只是“少寫一點程式碼”的小事。對於一名剛加入團隊的新手來說,這樣做是否增加了額外的難度?程式碼除錯是否變得更加困難?如果這些問題的答案是 “Yes” 的話,通常情況下,BFED 就會對前處理器說 “No”。
可訪問性
BFED 認為,使用者的能力存在著不同程度的差異,即使是同樣一臺裝置,無論是滑鼠,還是鍵盤,或者其他任何東西,不同使用者的使用習慣可能完全迥異。一個網站也是一樣,它應該能夠適應不同的訪問者,這與他們裝置螢幕的大小或者瀏覽器的功能無關。
使用者介面設計
BFED 願意接受瀏覽器的各種限制和約束。他們認為,在一定程度上,適應性設計與使用者環境探測的意義不大,因為這個世界本來就是可怕、荒唐且代價高昂的。
為了避免浪費時間,最好在設計使用者體驗過程的早期就讓 BFED 加入團隊。因為有些看似重要的複雜使用者介面設計,實際上佔用了大量時間,但是最終你將發現,簡單的設計方案可能更為有效。
BFED 建議採用原生的表單控制元件,只有這樣,才能得到瀏覽器的最大支援。這一點在移動端尤為關鍵,過度控制這些控制元件的外觀,實際上對你的品牌和形象並沒有太多好處。
BFED 還會建議,超連結應該看起來就像超連結,下劃線必須保留,這樣更方便使用者識別。
第三方 CSS & JavaScript 類庫與框架
BFED 在選擇第三方程式碼時,決策依據是程式碼質量,而不是流行度。他們認為,程式碼質量比流行度更重要。
使用者介面架構
BFED 始終信奉以下格言:
作為一名優秀的 JavaScript 工程師,我和我的團隊將盡最大努力盡量少寫 JavaScript 程式碼。 - James Norton
更有甚之,BFED 認為,單頁應用程式容易引發一些嚴重問題,應該極力避免這樣的架構。為了給使用者提供更好的體驗和呵護,如有可能,儘量使用伺服器端技術。
履歷
BFED 開發一個程式時,會根據問題的所在環境和實際情況,選擇適宜的解決方案。他們不會為了方便他們找尋下一個工作崗位,而採用時髦的熱門技術來提升自己的履歷,從而達到最終提高自己的薪資待遇的目的。
結論
你想要成為一名優秀的前端工程師嗎?那就先讓自己變得無聊吧。
本文靈感來自 Cap Watkins 的文章《無聊設計師》,謝謝。
作者: Adam Silver,前端工程師,生活在英國倫敦。
原文:The boring front-end developer
感謝:Qingniu 幫助審閱並完成校對。
原載:明珠夜話
相關文章
- 無聊的前端工程師前端工程師
- 聊一聊前端換膚前端
- 聊一聊前端業務開發前端
- 聊一聊前端效能優化 CRP前端優化
- 【來聊一聊前端架構之一】前端架構認知前端架構
- 前端發展閒聊前端
- 【內有驚喜】聊一聊前端效能優化!前端優化
- 泛型與無聊泛型
- 無聊的數列
- 聊一聊前端演算法面試——動態規劃前端演算法面試動態規劃
- 無聊的html程式碼HTML
- 【招聘】前端軟體工程師、高階前端軟體工程師前端軟體工程工程師
- BZOJ3946 : 無聊的遊戲遊戲
- 無聊程式碼一段
- 無聊程式碼 jQuery Mobile 骨架jQuery
- 今天的無聊html程式碼HTML
- 無聊的數列[題解]
- 前端都在聊什麼 - 第 3 期前端
- 前端都在聊什麼 - 第 4 期前端
- 無聊程式碼,測試bootstrap.boot
- 一道無聊的題目
- 無聊寫一個氣泡排序排序
- 前端工程師要做什麼?前端工程師需要什麼根本技能?前端工程師
- 後臺前端工程師前端工程師
- 聊一聊web前端那些事兒,關於深複製和淺複製Web前端
- 第九屆前端早早聊大會 | 前端搞文件 - 全程線上直播前端
- 要做軟體工程師,而不是前端工程師軟體工程工程師前端
- 前端工程師必備:前端的模組化前端工程師
- 淺聊前端依賴管理及優化(上)前端優化
- 來聊一道前端面試題吧前端面試題
- 今天不聊技術,談談“工程師“三個字工程師
- 前端工程師面試題(js)前端工程師面試題JS
- 母雞與前端工程師前端工程師
- 未來的前端工程師前端工程師
- 前端工程師的興起前端工程師
- 無名前端庫前端
- 前端工程師必備資源前端工程師
- 【HTML+CSS】web前端工程師HTMLCSSWeb前端工程師