想寫這篇文章由來已久，目的是想回顧一下基于Web技術的開發技術和流程的變遷，以及其背后的原因或規律。

我依然記得，很多年前做出來第一個公司網站時的激動心情（加班到晚上，興奮地在空曠的辦公室走來走去），雖然那個網頁上面的內容基本上都是固定的，只是加了一點點動態效果，例如根據當前時間顯示“上午好” 還是“下午好”等等。當時作為一個工科出身、并沒有多少審美情趣的業余程序員，完全拿捏不好如何顯示好看一點的字體或者顏色，但仍然以能通過IIS + FrontPage Server搭建出來這么一個東西感到很神奇。

后來興起了一波互聯網的熱潮，網絡開發的技術突飛猛進，典型的產物就是很多服務器編程技術或框架大行其道，例如PHP，JAVA， ASP.NET等等。開發人員相對來說更加習慣用服務器編程思維進行工作，團隊中當然會有美工，但主要工作只是用來做切圖，還沒有真正意義上的前端或交互設計的概念。

再后來移動互聯網大行其道，安卓和蘋果兩大平臺不斷推陳出新，雖然它們的編程體驗并不友好（尤其是iOS開發），但擋不住移動化的趨勢，不斷涌現的場景和業務機會，使得越來越多的人去學習移動開發，風頭一時無兩。

經過前幾波的發展，人們也有機會對不同的幾種應用開發的方式進行比較。當時的共識大抵是：移動設備雖然不至于完全取代桌面，但仍然將逐漸成為一個很重要的終端，長遠看移動設備一定會超過桌面。所以，移動化的路線是沒有錯的，但移動應用開發和維護的成本其實很高，也不夠敏捷，而傳統的網頁開發技術又顯得笨拙。這樣的大背景下，HTML5應運而生了。HTML5不僅強化了在瀏覽器端的能力（不管是表現能力，還是編程能力），而且最重要就是添加了設備的能力。HTML5技術的出現和逐漸成熟，催生了前端技術棧。而為什么前端受到越來越多的關注，也是因為我們越來越注重用戶體驗。

Angular，React和后來的Vue，雖然本質上是不同的東西，但經常拿來做比較，這是因為它們確實是目前主流的幾種做前端應用的方式，各有優缺點。我個人對React比較熟悉，雖然寫的并不多，但也驚嘆于它的設計理念，Javascript可以搞定一切，天生組件化的設計，這些都讓原先只會做服務器端開發的程序員們，終于也敢放開手來做前端應用了，而且前端的能力得到了空前的提高。

得益于HTML5的發展和瀏覽器的進化，我們現在可以在前端完整地實現一套應用，不僅僅能在瀏覽器內部運行，也可以安裝到桌面上，甚至脫機使用。上述這個應用，加載成功后，會在瀏覽器緩存中保存107MB的數據，所以實際上很多的操作都是在本地完成，不需要發起服務器端調用。這在以前是無法想象的。

目前發展下來幾代技術，既是一脈相承，又螺旋迭代進化。移動本機應用和網絡應用是否能無縫整合，目前逐漸揭曉的答案是“混合應用”（Hybrid App），你中有我，我中有你。這樣既能利用本機應用（Native app）的設備相關能力以及性能，又能使用網絡應用（Web app）的創新開發框架和迭代能力，豈不美哉。遠的不說，Teams就是一個典型的Hybird app，此前是用Electron這個框架來做運行框架，內部其實全部用Angular寫的一個Web應用。現在已經改造成使用Edge Webview2來做運行框架，完全用React編寫。

總結

以上是生活随笔為你收集整理的前端开发的盛宴的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。