昨天公司內部架構師峯會的討論了前端發展趨勢，聽完對迷茫的我有了一絲被點醒的感覺，現在整理分享給你，希望對你有所收穫。
前端在生產和開發中佔據着越來越重要的地位，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。