淺談2019大前端發展趨勢，大佬慎入！

 

昨天公司內部架構師峯會的討論了前端發展趨勢，聽完對迷茫的我有了一絲被點醒的感受，如今整理分享給你，但願對你有所收穫。

前端在生產和開發中佔據着愈來愈重要的地位，PC端、手機端、桌面端、智能手錶端等等設備都離不開前端的身影。而想要踏入以及已經踏入前端的小夥伴也愈來愈多，下面我將圍繞編程語言、前端工程化、開發框架、小程序+AR+AI、大數據可視化、移動/web AI架構，這六個方面進行分享。

正文

編程語言篇：

目前的設備平臺包括安卓、IOS、PC、其餘移動設備，相應的後臺編程語言也有Kotlin、Swift、Java、PHP、Go等，而前端的主攻領域高度重合，這也就意味着不論哪一個平臺、與哪一個後臺語言結合，前端三劍客html、CSS、JavaScript總能從裏面分到一杯羹，由於它就是爲了界面和交互而生的。當前前端社區高度活躍，ECMAScript也在快速的發展，在編程語言類的統計中，JavaScript總能輕鬆排到前三，這就是這個編程語言的魅力所在！

前端工程化篇：

工程化的一個體現就是模塊化。以前進行項目開發都是想到哪裏就寫到哪裏，這在單人開發的時候問題不是很明顯，但在多人協做中這是致命的，變量名衝突將致使系統運行出錯，爲了解決這一問題，人們只能起愈來愈長的變量名，但同時由於沒有規範，這些變量名在團隊其餘人看起來並不容易理解。後來人們開始用閉包來解決，再到後來的探索AMD、CMD等方式也被人們逐漸運用，直到ES6的模塊化語法推行才改變了這一方案，如今ES6的模塊化語法也是當前主流最多見的模塊化解決方案。

開發框架篇：

在不使用框架以前，咱們所開發的代碼基本都是MVC架構或者MVP架構的，這樣的一個缺點就是性能問題，當用戶修改dom元素的時候，頁面就要進行相應的迴流和重繪，這必將會形成必定的用戶等待時間。而框架的產生就解決了這一問題，咱們所瞭解的三大框架都是MVVM架構的，利用數據驅動視圖，再將虛擬DOM渲染到頁面上，這樣就能很好的解決前端性能問題；同時框架是有高複用性的，咱們能夠寫一些公共組件，在須要的地方調用它，這樣代碼可讀性和可維護性都會變得更好。

小程序+AR+AI篇：

隨着各家推出相應的小程序的時候，AR加強現實技術和AI人工智能技術也在逐漸發展，以微信小程序爲例，它依託於微信的生態，微信小程序能夠直接使用微信官方提供的AR和AI的解決方案。在微信宣佈這一技術後，阿瑪尼美妝官方精品商城推出了業內首個使用AR+AI加強現實的微信小程序，用戶能夠直接經過手機完成試色。隨着AR和AI技術的逐步發展，必定會有愈來愈多的落地應用來方便用戶的。

大數據可視化篇：

如今是「數據爲王、流量至上」的時代，流量天然沒必要多說，有了足夠的流量，變現是很簡單的。而數據在當今時代也是很是重要的，就像咱們常用的淘寶，他老是能給咱們分發所須要或者將來所須要的產品的廣告，淘寶就可以根據用戶的使用記錄去分析到用戶接下來的需求，相信不少程序員的淘寶裏總有一些莫名其妙的生髮植髮廣告吧？這就是大數據的力量。可是千萬條數據羅列起來確定是晦澀難懂的，數據可視化就是爲了解決這一問題，他可以把千萬條的數據利用各類圖形幫你更好的展示來讓你分析。數據可視化當前兩個成熟框架分別是ECharts和D3，當咱們可以利用好這兩項技術的時候，咱們就能站在數據的頂端！

移動/web AI架構篇：

隨着人工智能的不斷髮展，前端人工智能也是必不可少的，而瀏覽器端所依賴的技術爲WebAssembly和WebGL，落實到應用層面，咱們可使用OpenCV.js和ONNX.js這兩個框架去操做瀏覽器，來加強瀏覽器的智能性。可是單純去操做瀏覽器是很慢的，這裏面涉及到了CPU、GPU、AI加速器的運算問題，隨着問題的暴露，爲硬件而生的WebNN API應運而生，它可以幫助咱們的瀏覽器可以更快的去處理和運算數據。前端AI架構將會是將來前端發展不可分割的一部分，咱們必定要跟上時代的浪潮。

結論

以上就是我對峯會的一個記錄與分享，但願使你可以對大前端的發展趨勢能有必定的瞭解，能夠給到你接下來學習的前進方向。這是大前端蓬勃發展的時代，前端能作的事情愈來愈多，前端工程師的職責也愈來愈豐富。前端社區高度活躍、前端技術高速發展，咱們應當跟着時代的發展努力加強本身的前端競爭力。必定要堅持不斷學習、持續學習的思想，這樣才能不被大前端時代所拋棄！ 以上就是本文章的所有內容了，若是有不正確的地方歡迎指正。

寫在後面

感謝您的閱讀，若是感受有用不妨點贊/轉發。

因爲我才疏學淺，因此文章未免會有出錯的地方，若你發現，但願你不吝指教，我定當修改~

前端路漫，踩坑不斷。

以上2019-10-11。