前端之變（一）：技術的變與不變

從本周開始，我將就前端技術之變做的一些思考記錄下來，

這是第一篇： 技術的變與不變

變與不變

首先，做為一個技術人員，你要明白一個道理：

對技術而言：唯一不變的事情就是變化

所以，想要成為一個優秀的程式員，你不能期望只精通一門語言或幾種框架類別庫，就能成為你永恒的資本，讓你在技術的世界無往而不勝，

這是不可能存在的事情，

這也是為什么很多技術人員搞了一些年就準備退出的原因所在，可能隨著年齡的增長，他們認為自己已經無法再跟得上這種變化了，受困于自己的思維或能力，他們期望能從這種變化中逃出來，去尋找一種他們期望的穩定的能安心立命的東西，當然，在他們的思維中，這個肯定不是『技術』

但顯然這是繆論，

因為這些人沒有意識到技術在變的程序中，存在著『不變』的東西，一旦你掌握及理解了不變的東西，所謂的變化對你而言，可能就如同換膚一樣輕易與簡單，

這也是為什么國外很多優秀的程式員一把年紀了還是在技術第一線，這樣的例子不勝列舉，Robert C.Martin,Martin Flow還有Linux的作者，

而我們這，可能30還沒到，很多編碼的就想著怎么逃出去，覺得自己可能學不動了或干不動了，

為什么別人能做到的事，在我們這片土地上，我們做不到？這是非常我們反思與思考的一個現象，

我在2020年與前端的一些交集，讓我意識到了技術的這種變與不變，對我而言，仿佛這是一個全新的世界，

這也是我想分享出來的原因所在，

我與前端

大多數前端人員是流水線式的，可能從編碼開始就做的前端，然后一直投入在前端這個方向中，后面變化的只是時間及經驗，2年，5年或更多，

顯然，我并不能算是一個前端技術人員，事實上我與主流的前端技術人員的經歷相差過大，我很難說自己是他們中的一員或與他們的經歷類似，

我與前端的交集并不是個流水線，它是斷點式的，

主要可能有三個階段：

階段一：作業之前

在這個階段，因為自己的專業與計算機有點關聯，記得大學還專門有個課程就是學習HTML知識的，當時應該是HTML4，這門課程結束時老師還要求用HTML做個網站，

這可能是我與前端的第一次相遇，

階段二：后端開發

我作業的很長一段時間是在后端開發，可能現在的后端人員沒有這種經歷，但在我做后端的那些年，前端并不是一個獨立的技術方向，事實上，當時的前端更多的是后端兼顧的，

所以，現在可能大多數前端人員不太知道的一些技術其實在早期也是可以算是前端的技術，比如JSP，Freemarker模板，還有Struts頁面等，

這些是什么東西？可能現在的前端與后端人員都不太熟知這些技術了，因為現在的主流開發模式應該是前后端分離，也就是后端邏輯后臺人員來實作，然后提供REST API介面，而前端邏輯由前端人員來處理，但在我作業的早幾年，可不是這么回事，那個時候的頁面可是由后端人員自己來做，方式就是上面說的類似JSP,Freemarker模板這些技術，

為什么？

因為當時前端技術本身不足以提供動態渲染復雜頁面的技術能力

隨著WEB頁面越來越復雜，早期的HTML這種靜態頁面已經完全不能適應復雜WEB頁面的需要，但當時前端本身又根本提供不了動態渲染復雜頁面的能力，JQuery這種動態DOM操作雖然有一定的頁面操作能力，但不能應付非常復雜的頁面，于是由后端動態渲染頁面，成為了當時的主流，

階段三：前后端分離

在2020年之前的幾年時間，我都主要是在負責移動端相關的編碼作業，這個階段與后端打交道不多，雖然還是有一些，與前端就基本沒打過交道了，

所以，等我2020年再次與前端相遇時，前端已經是完全不同的世界了，我所熟悉的JQuery等框架，在這個前端的世界基本可以說是處在邊緣甚至可以說是被拋棄的技術了，

2020年上半年，我開始PCX的開發作業，這個是基于Electron的跨平臺桌面開發，

我是用了前端的一整套技術搭配，包括TypeScript,React,WebPack,Mobx等，做了個跨平臺的桌面軟體，

也就是我并不是做前端開發，但由于這玩意其實就是基于一整套前端技術而開發的，所以我搞完這個，自然也就再次明白現在的前端開發怎么回事了，

哪些改變了，哪些沒有改變？

由于不是流水線式的經驗，而是這種斷點式的，再結合我有后端，移動端的開發經驗，所以，我就會覺得前端技術的發展有點不可思議，相比后端與移動端，簡單可以說是天翻地覆式的變革，

所以，我也時常思考，什么原因？

它改變了

是的，很顯然，它改變的太多了，

后端與移動端這幾年的技術變化遠不能與前端相提并論，

雖然我在前幾年沒怎么接觸后端，但等我再回到后端時，沒有任何生疏感，主流的無非是從SSH變為Spring Boot，再就是微服務的流行，事實上，就算微服務興起，它仍然沒有辦法取代過往的單體或集群服務這種模式，或者新興的Kotlin或回應式編程這種模式，但這種本來也是少眾，不可能成為主流，而且就算以這些來論，其變化的幅度仍然與前端不可相提并論，

而在移動端，無非是原生開發，Hibrid混合開發，再就是類似React Native與Flutter跨平臺開發這些，這些遠稱不上改變，它們也只是不同的解決方案而已，適應不同的場景，并不算得上演進或改變，因為它們之中沒有任何一種模式能壓倒性的取代其它模式，

而前端則全然不同，它并不只是出現了新的技識訓框架這么簡單，更多它是一種新的編碼理念完全取代了舊有的編碼理念，新的編碼模式壓倒性的取代了舊有的編碼模式，

包括但不限于：

• 前端由后端渲染轉變為前端動態渲染

• 從HTML+JS這種腳本式編碼變化為TypeScript+React這種面向物件的編碼

• 出現了React,Vue這種組件式的UI編碼，取代了舊有的HTML+JQuery的DOM操作這種模式的UI編碼

• 從命令式UI到宣告式UI的轉變

• 從編碼就是產物，到編碼與產物完全是兩種截然不同的東西

這些改變，用天翻地覆來形容并不為過，

它沒有變化

當然，由于我在后端與移動端也有編碼經驗，所以當我把前端的這些變化放大到整個技術背景來看，我就能發現它又有很多東西其實并沒有改變，

給人一種以前游離在外的小孩回到了主流的隊伍的感覺而已，

包括但不限于：

• TypeScript是面向物件的語言，它與Java極為類似，
• 我把DDD領域驅動應用取了PCX的開發
• 我在PCX抽取的資料庫的框架，是我在iOS抽取的資料庫框架的復刻版而已，
• 前端可以應用基本的面像物件的原則及設計模式了

所以，看到沒，如果把范圍放大，你說它改變了么？

道與術

這就是我在2020年的感悟到的一個最大的事情 ，技術這個東西原來存在變與不變兩方面的東西的，

這就是道與術

理解并掌握了這個，你就能成為一名優秀的程式員，不會害怕任何改變或新技術，

關于道與術，我后續另外會專門講這些話題，

事實上，我在準備做PCX時，上面講的幾個前端技術我一個都沒有接觸過，而TypeScript還是我從其他前端人員中聽來的，直至要搞前我都不知道前端還有這個技術，這些玩意我當時也只是花了2周看了下是什么就開始搞了，最終我花了不到5個月的時間，完成了PCX的第一個版本，

而在今年搞myddd-vertx之前，我對kotlin與vert.x也基本一無所知，但myddd-vertx從我起意到實作再到應用到一個具體的專案，可能2個月時間都沒有，

所以，你想成為優秀的程式員，一定要去追尋編碼之道，

不變的前端

從技術上看，前端發生了巨大的變更，但如果我們探究其內部，卻發現一個額外的挺有意思的現象，就是前端沒有變化的地方，

下個文章我再來講述：前端之變（二）：不變的前端