前端，想說愛你不容易！

摘要：微信應用小程序的內測，給國內的開發帶來不小的衝擊，尤爲是對前端來講，估計之後前端能夠忙微信小程序了。結合這個，來吐下關於前端發展的槽。歡迎交流，反饋！

看了標題，你可能想到這是來吐槽前端的，確實沒錯！但本文並不徹底是吐槽，大多都是寫的最近前端開發的感覺。因爲本身目前從事web前端開發，這裏的前端特指web前端。而關於爲何要寫這篇文章，原由是最近看了微信團隊的最新內測的微信應用號功能。

先來看下，什麼是微信應用號？

這個微信應用號是什麼呢？往簡單的說就是在微信的殼裏面寫個小應用，固然調用的都是微信提供的API，按照微信的方式來開發一個小應用。簡單看了下微信案例的DEMO，代碼結構很清晰，有CSS，JS，還有自定標籤相似XML格式，這麼看來，前端仔跑不掉了，能夠來踩坑微信應用號了...

微信小程序：

看了微信小程序代碼，忽然讓我想起來，這個好像在哪兒見過。仔細想一想，想起原先阿里前不久搞的WEEX，簡直了，類似程度令我咂舌，這都是要上天的節奏？

WEEX：

注：WEEX是阿里推出的一個用於構建移動跨平臺的UI框架。

對比一下寫法，基本思想一致：用自定義的標籤，結合點CSS，而後弄點JS，一組合，而後就能跑起來了。其實個人心裏OS是這樣的：這樣特麼的也行？一個字，服！

貼上咱們老大說的一段話：

目前看來，微信這一套應該是相似 weex，經過 描述性語法 生成多端 native ui(所以纔有 text/WeixinJSBridge 這些東西)。不過因爲是新的語法，所以基本等於要從新學/從新寫，原有前端領域的插件/框架基本不可用。

相信其餘大平臺/友商(支付寶/UC/百度/xxx) 也會隨即推出本身的應用號(小程序)，前端陣營勢必分裂，極端的狀況下可能會出現專門爲微信/支付寶開發和優化的前端，即 "微信前端"，"支付寶前端"... ，自行腦補。
多端開發，成本必然飆升，代碼生成器 ，一鍵生成多端 App 或許將是一個能夠作的生意。

微信應用號到底多火？

有幸加入到一個微信應用號開發者的羣，加羣之火爆，只能上圖了。

再回顧下前端發展趨勢

表格佈局與內聯樣式滿天飛

最開始的web前端，都是使用table來進行佈局，還有大量的內聯樣式，伴隨着DIV+CSS佈局的流行，表格佈局被淘汰。如今table只是用來展現數據。

jquery一統江湖

國外有大神受夠了要兼容各類瀏覽器，因而寫了jquery來解決這些問題，隨着jquery的流行，慢慢的兼容性再也不是困擾前端開發的主要問題。而後隨之jquery的生態圈開始完善，jquery和jquery插件接管了web前端開發的一切。

HTML5和CSS3

便隨着HTML5和CSS3標準的發佈和實施，彷彿讓前端開發看到了前端大一統的曙光，引領前端進入一波學習H5的高潮，這個時候隨便面試下，都要問你會不會H5，其實呢，他們的網站根本用不到H5。

MV**框架革命

便隨着瀏覽器的更新，IE逐漸被淘汰，兼容性再也不是問題，大神們不在只知足於操做DOM，因而又在操做DOM上又進行了封裝，因而乎各類MV，MVVM...框架開始流行。

前端組件化深刻人心

React的橫空出世，能夠說極大的促進了前端組件化的發展，各類React組件如雨後春筍般涌出。在這個時候，之前的前端的各類代碼，還都是能夠用的，好比jquery插件能夠在React使用，只是使用方式很是的蛋疼，React也不推薦這樣用。

前端大廠化?

React-Native的出現，讓前端在不瞭解Android和iOS原生組件具體實現的狀況下，能夠調用原生組件。而後阿里WEEX也開源了，號稱WEEX是 A framework for building Mobile cross-platform UI。而後，接下來是微信的這個微信小應用。原理和實現方式你們都是相似的，可是關鍵是一套代碼不能在三個生態裏面同時兼容，都有本身的遊戲規則。感受隨着前端的發展，估計稍微大點的大廠都會搞本身的前端生態，按照本身制定好的規則去搞一套相似WEEX或者微信應用號的東西出來，讓後讓其餘人去使用。這感受是做死的節奏啊？NO ZUO NO DIE,NO TRY NO HIGH!

我的感覺

當時最開始選擇從事前端，看中的是前端簡單，所見即所得，一個jquery和jquery插件就能搞定一切了。

而如今呢？如今已經遠遠不能了！ES6的到來也讓原先簡單的JS變得複雜起來。React雖然開啓了組件化的快車，可是內部狀態的管理也變得複雜起來，因此纔有了Flux，ReFlux，Redux，Mobx各類狀態管理的框架（Mobx官方宣傳本身不是react狀態管理框架，只是拿來管理狀態）。

到前不久稍微踩坑了WEEX，也發現前端要學的東西不少，而後發現發現踩不完坑，棄之。再到如今這個微信小應用，估計前端又得踩很多坑了。可怕的是造了這麼多輪子，不知道這些輪子未來的結局怎麼樣。

反正WEEX剛出來呢，還挺好的，如今呢？不溫不火！不知道做爲微信的老對手，支付寶會不會也搞個支付寶應用號，而後用weex來開發？總感受前端的新技術就是各類推翻之前的思想，而後從新來過。最後，仍是苦了默默寫代碼的前端狗。

前端，想說愛你不容易。

結束語

套用狄更斯的一句話：前端正處在一個最好的時代，也是最壞的時代。

本文觀點純屬我的看法，若有錯誤，請指正，如不認同，請輕噴。

參考連接

知乎WEEX討論
微信應用號開發教程一
微信應用號開發教程二
微信應用號資源彙總
微信應用號段子圖片

---

相關文章：
React Native 一週年回顧
React.js 最佳實踐(2016)

做者往期佳做：
WEB前端 -「懶人」養成計劃
瀏覽器存儲及使用

做者來自力譜宿雲 LeapCloud 旗下MaxLeap團隊_UX成員：葉文兵 【原創】
MaxLeap技術博客首發：https://blog.maxleap.cn/archi...

葉文兵，專一作頁面仔已三年有餘，對擼過萬惡的IE，偶爾玩玩CSS3，HTML5，如今時常踩踩nginx,docker的坑。
喜歡前端工程自動化的東西，好比gulp，webpack什麼的，沒事喜歡造造輪子，踩踩坑。
從事開發這麼久，堅信兩點： 1. 代碼不要寫死 2.永遠不要相信產品

歡迎關注微信訂閱號：MaxLeap_yidongyanfa