關(guān)于web前端開(kāi)發(fā)的技術(shù)趨勢(shì)分析

（文章來(lái)源：千鋒教育）

2019年小程序百花齊放，各大超級(jí) App 都推出了自己的小程序應(yīng)用，2020年前端同學(xué)們可能需要支持更廣泛的小程序開(kāi)發(fā)了，小程序的實(shí)現(xiàn)有多種方式，需要結(jié)合自身的業(yè)務(wù)場(chǎng)景來(lái)做選擇。

選擇一，小程序原生開(kāi)發(fā)方式，以微信為主開(kāi)發(fā)小程序，再通過(guò)少量修改移植到其他平臺(tái)。

選擇二，H5 內(nèi)嵌開(kāi)發(fā)方式，天然多平臺(tái)跨端，但會(huì)有些許性能損失，也會(huì)有些功能限制，例如微信里面的消息通知不能通過(guò) H5 來(lái)推送。

選擇三，mpvue 這類基于某種框架的開(kāi)發(fā)方式，mpvue 就是基于 Vue 框架來(lái)開(kāi)發(fā)小程序，對(duì)于熟悉 Vue 的同學(xué)學(xué)習(xí)曲線很低，同時(shí)也可以實(shí)現(xiàn)代碼邏輯的復(fù)用。

選擇四，Taro 跨多端的實(shí)現(xiàn)方式，支持用 React 的開(kāi)發(fā)方式編寫(xiě)一次代碼，生成能運(yùn)行在微信 / 百度 / 支付寶 / 字節(jié)跳動(dòng) / QQ 小程序、快應(yīng)用、H5、React Native 等的應(yīng)用。對(duì)于功能需要同時(shí)滿足多個(gè)小程序應(yīng)用的場(chǎng)景比較適合。

JavaScript因沒(méi)有靜態(tài)類型變量而飽受爭(zhēng)議， 試圖解決這個(gè)問(wèn)題的主要庫(kù)有TypeScript、Flow、Reason、PureScript、Elm。TypeScript提供了可選的靜態(tài)類型和業(yè)界認(rèn)可的類（ ES5+ 也支持）、泛型、封裝、接口面向?qū)ο笤O(shè)計(jì)能力，以提升 JavaScript 的面向?qū)ο笤O(shè)計(jì)能力。

相比其他，TypeScript更流行一些，Angular 和 Vue 都采用了 TypeScript，并將其作為開(kāi)發(fā)者社區(qū)的標(biāo)準(zhǔn)，今后 TypeScript 將有非常大的增長(zhǎng)。

隨著 React、Vue 這類前端框架的流行，組件化開(kāi)發(fā)成為主流，然而隨著頁(yè)面復(fù)雜度越來(lái)越高，在一個(gè)組件文件中，要做 UI 渲染、事件處理、狀態(tài)管理等等事情，于是一個(gè)文件變得越來(lái)越復(fù)雜。同時(shí)，頁(yè)面組件層級(jí)變的復(fù)雜后，跨組件間的數(shù)據(jù)通信也變得很繁瑣，需要將數(shù)據(jù)上提到父節(jié)點(diǎn)，通過(guò) property 傳輸數(shù)據(jù)、回調(diào)方法更新父節(jié)點(diǎn)狀態(tài)等等。

隨著互聯(lián)網(wǎng)行業(yè)日益激烈的競(jìng)爭(zhēng)，用戶根據(jù)產(chǎn)品體驗(yàn)來(lái)區(qū)分好壞，所以行業(yè)競(jìng)爭(zhēng)者們紛紛追求極致的“用戶體驗(yàn)”以抓住用戶獲得留存。與此同時(shí)，互聯(lián)網(wǎng)行業(yè)的快速發(fā)展，Web應(yīng)用的大量涌入，更加推動(dòng)了前端工程師的需求熱潮，前端工程師市場(chǎng)供不應(yīng)求。
（責(zé)任編輯：fqj）