特別說明:這是我目前在接觸過和使用過的,自認(rèn)為是最好用的一個(gè)小程序開源框架庫。 小程序到底有多火,看看目前推出的開源框架以及組件庫就知道了。由于小程序開發(fā)的火爆,大家都在致力于探索如何更好的,更加高效的開發(fā)小程序,以至于很多公司都貢獻(xiàn)了小程序開源框架和組件庫。 比如我列舉一些: 開源框架1、 mpvue mpvue 是美團(tuán)點(diǎn)評(píng)開源的一個(gè)使用 Vue.js 開發(fā)小程序的前端框架??蚣芑?Vue.js 核心,mpvue 修改了 Vue.js 的 runtime 和 compiler 實(shí)現(xiàn),使其可以運(yùn)行在小程序環(huán)境中,從而為小程序開發(fā)引入了整套 Vue.js 開發(fā)體驗(yàn)。使用 mpvue 開發(fā)小程序,你將在小程序技術(shù)體系的基礎(chǔ)上獲取到這樣一些能力:
Github:https://github.com/Meituan-Dianping/mpvue 2、Tina.js Tina.js 一款輕巧的漸進(jìn)式微信小程序框架。 特性: 輕盈小巧。 極易上手,保留 MINA (微信小程序官方框架) 的大部分 API 設(shè)計(jì);無論你有無小程序開發(fā)經(jīng)驗(yàn),都可以輕松過渡上手。 漸進(jìn)增強(qiáng),既有狀態(tài)管理器,也有路由增強(qiáng),還可以自己編寫插件。 Tina.js 開源框架地址:https://github.com/tinajs/tina 3、Taro Taro 是由京東 - 凹凸實(shí)驗(yàn)室打造的一套遵循 React 語法規(guī)范的多端統(tǒng)一開發(fā)框架。我要沒記錯(cuò)的話,是最近剛剛開源的。 使用 Taro,我們可以只書寫一套代碼,再通過 Taro 的編譯工具,將源代碼分別編譯出可以在不同端(微信小程序、H5、App 端等)運(yùn)行的代碼。同時(shí) Taro 還提供開箱即用的語法檢測和自動(dòng)補(bǔ)全等功能,有效地提升了開發(fā)體驗(yàn)和開發(fā)效率。
4、wepy WePY 是一款讓小程序支持組件化開發(fā)的框架,通過預(yù)編譯的手段讓開發(fā)者可以選擇自己喜歡的開發(fā)風(fēng)格去開發(fā)小程序??蚣艿募?xì)節(jié)優(yōu)化,Promise,Async Functions 的引入都是為了能讓開發(fā)小程序項(xiàng)目變得更加簡單,高效。 特性:
Github :https://github.com/Tencent/wepy 5、weweb weweb 是一個(gè)兼容小程序語法的前端框架,你可以用小程序的寫法,來寫 web 應(yīng)用。如果你已經(jīng)有小程序了,通過它你可以將你的小程序運(yùn)行在瀏覽器中。 特性: 跨平臺(tái),一套代碼多端運(yùn)行(小程序、h5、未來直接打包成安卓、ios app 也不是夢(mèng)) 自帶常用組件,完美繼承了小程序內(nèi)置組件 兼容小程序 rpx 語法,使頁面更容易適配各種機(jī)型 GitHub:https://github.com/wdfe/weweb 組件庫還有各種開源的組件庫,比如有以下這幾個(gè): 有贊的 zanui-weapp 和 iview 這兩個(gè)比較出名。 這兩個(gè)組件庫我之前在我的公眾號(hào)都推薦過,具體用法和功能我就不多介紹了,自己找我以前的推文或者自己搜索一下就很清楚了。用法很簡單。 大餐來了上面介紹了 5 個(gè)開源框架和兩個(gè)組件庫,我并不是說上面的不好,上面的絕對(duì)都很好,不管上面的幾個(gè)開源框架還是組件庫都是大廠產(chǎn)品,都很好。但是他們僅僅就是開源框架就是開源框架,組件庫就是組件庫。一直沒有滿足我單獨(dú)針對(duì)微信小程序開發(fā)的痛點(diǎn)。 小程序開發(fā)一個(gè)是開源框架的好用,另外一個(gè)就是豐富的組件庫,單純官方推出的并不能滿足我們的需要,上面的框架和組件庫都是分開的。所以并不能解決我的痛點(diǎn)。而今天我推薦的這個(gè)開源框架既能提供框架也豐富擴(kuò)展了很多組件,使我們開發(fā)的時(shí)候不用擔(dān)心再自己封裝組件了。 其實(shí)上面分享的組件庫有一個(gè)重大的缺點(diǎn),他們組件庫足夠豐富,但是對(duì)于樣式的自定義很死板,不靈活,但是今天的這個(gè)就靈活多了。 我給大家推薦的這個(gè)開源框架就是:touchwx。 Touch WX 是一套完全免費(fèi)的微信小程序開發(fā)框架,包含豐富的 UI 控件用于官方組件的補(bǔ)充。特點(diǎn)如下: 1、組件擴(kuò)充: 增加了 30 多種常用的組件用于官方組件的補(bǔ)充。 2、功能擴(kuò)充: 兼容阿里的 iconfont 圖標(biāo)庫,海量矢量圖標(biāo)隨意使用;補(bǔ)充了常用樣式庫、支持 less 語法、支持全局配置主題色等 3、開發(fā)體驗(yàn)改善: 四文件方式改為單文件方式,通過 VSCode 編輯器 + 插件的方式開發(fā),擁有 web 開發(fā)體驗(yàn); 4、小程序轉(zhuǎn)為 H5 應(yīng)用: 可以與 H5 開發(fā)框架 Touch UI 工程相互轉(zhuǎn)換,發(fā)布成 webApp。開發(fā)一套代碼,擁有兩套應(yīng)用。 這套框架的原理是: 將 Touch WX 工程中所寫的代碼進(jìn)行編譯,直接輸出為微信小程序工程原始代碼。擴(kuò)充的 30 多種組件,完全是基于小程序官方的自定義組件機(jī)制實(shí)現(xiàn)(row&col 除外)。 所以它支持小程序的全部語法,怎么開發(fā)小程序,就怎么開發(fā) Touch WX。 不過因?yàn)槭菃挝募拈_發(fā)方式,在文件的代碼結(jié)構(gòu)上稍有不同。請(qǐng)注意這一點(diǎn)。 這樣好處在于: 1、開發(fā)者遷移成本很小。 可以輕松的將已有的小程序移植為 Touch WX 工程,來使用它的擴(kuò)展能力; 2、便于排查錯(cuò)誤。 當(dāng)遇到問題時(shí),開發(fā)者也可以隨時(shí)查看輸出的小程序原始代碼來定位問題所在。不會(huì)搞不清楚到底是框架問題還是自己代碼的問題; 3、按需編譯 由于小程序?qū)w積有限制,在使用框架開發(fā)時(shí),只有使用到的組件才會(huì)編譯輸出為小程序源碼。沒用到的不會(huì)輸出。 4、不會(huì)對(duì)框架產(chǎn)生依賴。 以后不想用了這套框架,可以直接對(duì)已經(jīng)輸出的小程序工程進(jìn)行維護(hù)。 目前我認(rèn)為單獨(dú)針對(duì)小程序開發(fā)的話,這個(gè)開源框架是最適合我們的,效率也是最高的。 |
工作日 8:30-12:00 14:30-18:00
周六及部分節(jié)假日提供值班服務(wù)