【編者按】本文作者為 OneAPM 工程師李哲，文章主要介紹前端知識對于編程的必要性。
這里說的前端知識是比較通俗的前端知識，包括網頁，桌面或移動端程序的界面，命令行程序的提示等等，即和用戶進行交互的那一部分。我的工作經歷中，很多人是不在乎這一部分的，更有很多人覺得這個很 low，在年初的時候，還聽到一位這樣說，“前端無非就是 Copy Paste”，在前端技術發展這么迅猛的現在，還能說出這樣的話，可見這個人的眼界是多么的狹小了，連沖他苦笑的時間都騰不出來。
由于工作內容的關系，大部分情況都是在 Linux 的虛擬終端下，也就是敲擊鍵盤輸入各種命令，等著系統的反饋。我使用過很多更好用的命令行程序的替代品，比如 top 命令的替代 htop，看看 top 和 htop 的區別吧，很明顯 htop 要更好用。
虛擬終端用了那么多年，也沒有什么實質上的改進，只是多了幾種 shell 的變種，比如 zsh，fish 等等。實際上有很多人在做這方面的嘗試，原因也就是現在的虛擬終端太難用了。讓我們看看 black-screen 是什么樣子的。black-screen 基于 electron 開發，也就是 github atom 的底層引擎。做的還不是完全兼容，能滿足一般使用吧。
即使在虛擬終端這個領域，大家都在追求友好的界面設計，以及交互的友好。如果你認為 black-screen 沒有什么技術含量的話，那就大錯特錯了，一個頁面里渲染那么多的內容，如何提升渲染的性能，是一個很大的難題，github 對 electron 有很多的優化，都是在如何渲染字符上下的功夫，可 github 的技術實力，相比微軟還是差了一大截，微軟的 VSCode 同樣基于 electron，但是啟動速度，運行速度都甩出 github 的 atom 幾條街。有點扯遠了，O(∩_∩)O~。
前面兩個例子可能有人沒有辦法理解，這和前端有什么關系？從我使用這兩個工具的感覺是，他們更加好用，與原來的 top 和 terminal 來對比的話，我發現他的界面漂亮，使用起來簡單，出了錯誤的時候提示比較友好，比如 black-screen 在執行了一個長時間運行未立即返回運行結果的命令時，它會顯示一個滾動的進度條，而傳統的終端就是停在那里，也不知道它是不是已經僵死了。
現在通常意義上的前端，就是 HTML，CSS，JavaScript 了，還有無數的前端框架，對于非專職的前端工程師來說，僅僅需要懂些基本的 HTML，CSS，以及一些 CSS 框架就可以了，比如 Twitter 的 Bootstrap，在真正的前端工程師看來，這些都是小菜一碟，而對于一個只搞后端的工程師來講，那真是全世界最難的事了，他們看不起前端，卻又做不出來。缺少界面，你做的工具就沒有辦法用，界面難用，工具也就很難用，雖然里面的代碼可能寫的很棒。
拿我們用了一年的 OpenTSDB 說吧，那個界面真是讓人想死的心都有，動不動就是直接報錯，雖然是好東西，可是這臉面真是不能恭維。對比一下它和Grafana。
其實也不用做這么好看，但是最起碼是可用的，看起來是整整齊齊的，就像命令行的幫助文檔那樣，雖然是基于字符的，但是一看就是認認真真的做出來的，像 OpenTSDB 那個明顯是出來糊弄事兒的。
這個都比 OpenTSDB 的界面好
說點歷史問題吧，最早的程序員根本不分前后端，VB，Delphi 的 C/S 時代，界面就是妥妥拽拽，寫任何程序都是要自己做界面的；后來到了 B/S 時代，做網頁的稱為美工，終于提取出這樣一個工種，還需要懂 PS 切圖，又出來一個 Dreamweaver，也是想拖拖拽拽的解決問題。再到后來，網頁前端越來越復雜，像 Java 社區出的 JSF ，還有 HTML5 崛起前的那兩年，Adobe 的 Flex，AIR，很多工作流軟件就是用這兩項技術做的，以及 Java 從誕生起最雞肋功能 — JavaFX。那個時候，真正用軟件的人少，其實也是人們不會用，因為界面上也就是前端了，沒有人用的明白，太復雜。直到最近五年，到了每個人都會用軟件的時代，技術雖然是進步了，但是讓人們，從小孩到老人都能去用這些軟件的根本原因不僅僅是技術進步，更重要的是界面的交互設計進步了，它讓每個人都能很簡單的學會如何操作。
現在到了大數據的時代，存儲數據是一個要解決的問題，從數據中發現價值是另一個要解決問題，而數據可視化可淺顯的歸為前端工作，畢竟是要從數據中“看到”價值，當然，這部分工作只是懂前端知識是不夠的，所以如果大數據工程師能夠懂得如何將數據可視化出來，也許更能體現他們的價值，而不僅僅是把那些大數據的組件玩的滾瓜爛熟，卻不能“看到”什么東西。
前端已然發展成為一個和大數據一樣熱門的職業了，雖然你可能不是一個前端工程師，但是稍微學一點，不要讓時代把你給落下了。
OneAPM Browser Insight 是一個基于真實用戶的 Web 前端性能監控平臺，能幫助大家定位網站性能瓶頸，實現網站加速效果可視化；支持瀏覽器、微信、App 瀏覽 HTML 和 HTML5 頁面。想閱讀更多技術文章，請訪問 OneAPM 官方技術博客。
