程序員必知之前端演進史

摘要： 程序員必知之前端演進史 細細整理了過去接觸過的那些前端技術，發現前端演進是段特別有意思的歷史。人們總是在過去就做出未來需要的框架，而現在流行的是過去發明過的。如，響應式設計不得不提到的一個缺點是：它只是將原本在模板層做的事，放到了樣式（CSS）層來完成。

程序員必知之前端演進史

細細整理了過去接觸過的那些前端技術，發現前端演進是段特別有意思的歷史。人們總是在過去就做出未來需要的框架，而現在流行的是過去發明過的。如，響應式設計不得不提到的一個缺點是：它只是將原本在模板層做的事，放到了樣式（CSS）層來完成。

複雜度同力一樣不會消失，也不會憑空產生，它總是從一個物體轉移到另一個物體或一種形式轉爲另一種形式。

如果六、七年前的移動網絡速度和今天一樣快，那麼直接上的技術就是響應式設計，APP、SPA就不會流行得這麼快。儘管我們可以預見未來這些領域會變得更好，但是更需要的是改變現狀。改變現狀的同時也需要預見未來的需求。

（題圖來自：cuelogic.com）

什麼是前端？

維基百科是這樣說的：前端front-end和後端back-end是描述進程開始和結束的通用詞彙。前端作用於採集輸入信息，後端進行處理。計算機程序的界面樣式，視覺呈現屬於前端。

這種說法給人一種很模糊的感覺，但是他說得又很對，它負責視覺展示。在MVC結構或者MVP中，負責視覺顯示的部分只有View層，而今天大多數所謂的View層已經超越了View層。前端是一個很神奇的概念，但是而今的前端已經發生了很大的變化。

你引入了Backbone、Angluar，你的架構變成了MVP、MVVM。儘管發生了一些架構上的變化，但是項目的開發並沒有因此而發生變化。這其中涉及到了一些職責的問題，如果某一個層級中有太多的職責，那麼它是不是加重了一些人的負擔？

前端演進史

過去一直想整理一篇文章來說說前端發展的歷史，但是想着這些歷史已經被人們所熟知。後來發現並非如此，大抵是倖存者偏見——關注到的都知道這些歷史。

數據-模板-樣式混合

在有限的前端經驗裏，我還是經歷了那段用Table來作樣式的年代。大學期間曾經有償幫一些公司或者個人開發、維護一些CMS，而Table是當時幫某個網站更新樣式接觸到的——ASP.Net（maybe)。當時，我們啓動這個CMS用的是一個名爲aspweb.exe的程序。於是，在我的移動硬盤裏找到了下面的代碼。

1. <TABLE cellSpacing=0 cellPadding=0 width=910 align=center border=0>
2. <TBODY>
3. <TR>
4. <TD vAlign=top width=188><TABLE cellSpacing=0 cellPadding=0 width=184 align=center border=0>
5. <TBODY>
6. <TR>
7. <TD>[站外圖片上傳中……(9)]</TD></TR>
8. <TR>
9. <TD>
10. <TABLE cellSpacing=0 cellPadding=0 width=184 align=center
11. background=Images/xxx.gif border=0>

雖然，我也已經在HEAD裏找到了現代的雛形——DIV + CSS，然而這仍然是一個Table的年代。

原文鏈接