微信小程序的開發(fā)方式

   微信小程序的開發(fā)方式主要分為原生開發(fā)和框架開發(fā)但是框架開發(fā)又有很多，文章主要是談wepy、mpvue、taro、uni-app開發(fā)框架。

    1原生開發(fā)

   小程序原生開發(fā)框架是微信官網(wǎng)推出的，目的是為了讓開發(fā)者在微信中開發(fā)具有原生APP的體驗(yàn)盡可能簡潔高效。原生開發(fā)不支持工程化，需要自己動手搭建;在語法規(guī)范上，使用的是小程序開發(fā)規(guī)范;沒有組件化機(jī)制以及本身無自動構(gòu)建;CSS樣式使用wxss。在開發(fā)方式上，需要開發(fā)人員全新學(xué)習(xí)小程序的書寫規(guī)范，目前支持slot，但不支持npm;開發(fā)成本較高;原生開發(fā)不支持多端復(fù)用，但是在開發(fā)者社區(qū)里，可以更好的解決開發(fā)問題或者更好的交流彼此的建議。

   微信小程序原生框架管理了整個小程序的頁面路由，可以實(shí)現(xiàn)小程序頁面之間的無痕變換，并保護(hù)了小程序頁面完整的生命周期。

    2wepy框架

   wepy框架是騰訊團(tuán)隊(duì)首推的一款基于Vue語法規(guī)范的開發(fā)框架。若開發(fā)者之前從未接觸過Vue，不熟悉其中的相關(guān)概念，導(dǎo)致在閱讀wepy文檔以及使用wepy進(jìn)行開發(fā)的過程中，會出現(xiàn)很多的疑惑以及大同小異的問題。此框架不具有IDE圖形化開發(fā)工具以及語法校驗(yàn)工具，在語法支持方面，支持TypeScript，組件自動補(bǔ)全功能是沒有的,CSS樣式使用sass、less和stylus。在開發(fā)方式上，需要熟悉vue和wepy兩種語法，支持slot組件內(nèi)容分發(fā)插槽支持npm;多端復(fù)用上只是提供了轉(zhuǎn)換各端小程序的功能，但沒有H5和移動端的支持，但是交流關(guān)于框架的技術(shù)只能在GitHub上。

   wepy框架還使用了單文件模式，將原生框架的app.js、app.json以及app.wxss文件統(tǒng)一變換成app.wpy，和page.js、page.json、page.wxml、以及page.wxss配置文件統(tǒng)一變換為page.wpy，wepy框架的單文件模式讓小程序的目錄結(jié)構(gòu)變得更清晰，開發(fā)者在開發(fā)的過程中更加方便。

    3mpvue框架

   mpvue框架是美團(tuán)推出的一款基于Vue.js的用來開發(fā)微信小程序的框架。支持微信的所有原生組件和API，還封裝了自己的跨端API;不具有IDE圖形化開發(fā)工具以及語法校驗(yàn)工具，在語法支持方面，支持TypeScript，組件自動補(bǔ)全功能是API提供的，CSS樣式使用sass、less和stylus。在開發(fā)方式上需要熟悉Vue;目前不支持slot，但支持npm;多端復(fù)用上只是提供了轉(zhuǎn)換各端小程序的功能但沒有H5和移動端的支持，而且交流關(guān)于框架的技術(shù)只能在GitHub上。

   mpvue框架的缺點(diǎn)就是在處理數(shù)據(jù)的時候，沒有過濾器，數(shù)據(jù)處理必須提前處理。但是建議開發(fā)者在開發(fā)小程序的時候，可以以mpvue框架為主，以其他框架為輔，然后進(jìn)行小程序的開發(fā)，這樣可以更好的發(fā)揮mpvue框架的亮點(diǎn)而隱藏它的不足。

    4taro框架

   taro框架是由京東推出的一款使用React.js開發(fā)的框架。taro框架初的目的就是想利用一套代碼解決多種小程序的開發(fā)，比如支付寶小程序、微信小程序、京東小程序以及美團(tuán)等。因?yàn)楝F(xiàn)在微信小程序的開發(fā)框架很多，所以就需要一個可以多端共享的框架，而taro框架就是利用一套代碼通過不同的編譯規(guī)則進(jìn)行編譯，就可以實(shí)現(xiàn)多端使用，而且不于小程序，APP以及H5等也是可以的，這樣就更加高效的、便利的、智能化的達(dá)到了用戶的需求

   taro框架遵循React語法規(guī)范，它采用與React一致的組件化思想，組件生命周期與React保持一致，同時taro主要的表達(dá)思想就是開箱即用的語法檢測以及代碼自動補(bǔ)全。

    5uni-app框架

   uni-app框架是一個使用Vue.js開發(fā)的框架。uni-app被使用的次數(shù)多就在于開發(fā)者只需要編寫一套代碼，就可以發(fā)布到ioS、Android、H5、以及各種小程序等多個平臺，實(shí)現(xiàn)跨端并支持原生代碼混寫和原生SDK集成。即使不跨端，uni-app也是更好的小程序開發(fā)框架。不管經(jīng)歷什么樣的項(xiàng)目，開發(fā)人員都可以進(jìn)行快速交付，不會耽誤工期或者不需要考慮違約，而且不需要轉(zhuǎn)換開發(fā)邏輯、更不需要更改每個人自始至終的開發(fā)習(xí)慣。

   uni-app框架是目前開發(fā)小程序使用的開發(fā)方式中較多的，此框架在案例、跨端、擴(kuò)展靈活性、性能體驗(yàn)、學(xué)習(xí)成本以及開發(fā)成本等關(guān)鍵指標(biāo)上有著更大的優(yōu)勢。但是uniapp也有一些劣勢，例如不支持動態(tài)組件，不支持具名插槽會導(dǎo)致頁面崩潰，而且在做動態(tài)樣式渲染的時候?qū)Ω叨绕?、定位等不友好。盡管如此，但是開發(fā)者選擇uni-app框架開發(fā)小程序還是占了很對比重的，因?yàn)閡ni-app開發(fā)起來成本低，上手快，重要的是可以不用考慮跨端的問題。