商城系統 注冊

微信小程序開發(fā)庫grace和wepy的對比

2018-05-04|HiShop
導讀:grace和wepy都是輔助小 程序開發(fā) 的開源庫,本文對兩者做個對比。 ...

grace和wepy都是輔助小程序開發(fā)的開源庫,本文對兩者做個對比。

注:本文是作者本人的一些拙見,純粹的技術討論,不想引起技術信仰之爭,歡迎積極、正向的討論及建議。

微信小程序開發(fā)庫grace和wepy的對比

自小程序發(fā)布后,現在最著名的小程序開發(fā)框架就是wepy, 它借助一系列工具,通過預編譯的手段實現了和Vue接近的開發(fā)風格,可以認為wepy更就是小程序的 vue(但還有一些不同,如布局模板),首先,必須承認wepy是一個好的框架,如果你是Vue開發(fā)者,如果要開發(fā)一些大的小程序項目,wepy應該是你的不二之選。但是我們換個角度,考慮下面兩個問題:

小程序開發(fā)者來源

來自前端開發(fā)者

目前來看,如果是一名前端,那么很可能用過Angular/React/Vue中的一個,首先,如果你沒有用過Vue, 那么要使用wepy的學習成本接近于學習Vue的成本,這是第一點,學習成本會大一些。其次對于對Angular/React有強烈信仰的開發(fā)者來說,他們可能會問一聲,小程序就小程序,為什么非得弄成Vue. 在web開發(fā)時正宗的Vue都不用,會為了開發(fā)小程序再去學習一下wepy?

非前端開發(fā)者

在小程序發(fā)布后,想必大多數程序員都想嘗嘗,而并非只是前端程序員,對于這部分開發(fā)者來說,大都會采用小程序原生開發(fā),他們基本不肯能再去學習一個像Vue同等規(guī)模的前端框架。

總結一下,站在開發(fā)者的角度,wepy 采用了類Vue的開發(fā)風格,即是優(yōu)勢,也是劣勢。優(yōu)勢是可以讓數量可觀的Vue開發(fā)者輕松過渡,但缺點是提高了其它開發(fā)者的使用門檻。所以,一個輕巧易上手的幫助工具就很有必要,而grace就是這樣的一個工具。

小程序定位

小程序的定位本身就是“觸手可得,用完即走”, 解決想干個啥都得下個APP的歷史現象。有了小程序后,不用裝太多APP,只有在第一次用的時候花費少量流量下載即可??梢钥吹剑〕绦虻谝淮问褂脮r還是要下載,為了減少下載等待時間,節(jié)省用戶流量,小程序對程序包的大小設置了上線4M, 這也為什么小程序中“小”的含義。 微信的這種限制決定了小程序一般只是用于實現核心功能,不會用作復雜功能。這也就決定了,在大多數小程序開發(fā)時,我們需要的并不是什么強拽炫酷吊炸天的大框架,而是一些簡單的幫助工具,而grace的定位就是一個精巧的幫助工具。在筆者了解的很多小程序,甚至大都是用原生開發(fā)的。

下面總結一下主要區(qū)別:

定位不同;grace的定位是一個精巧、易用的小程序開發(fā)輔助庫,而wepy是一個功能全面的類vue框架.

grace使用簡單易上手,wepy對不了解Vue的開發(fā)者有不小的學習成本,并且開發(fā)環(huán)境依賴多,配置比較復雜。

grace更貼近于原生,wepy更貼近于web.

下面我們看看Grace都有哪些功能:

Grace可以干什么

我們看看grace的特點:

輕量、小巧、上手簡單

支持和Vue一樣優(yōu)雅的數據響應式

支持數據自動更新、更改緩存、批量更新

強大的網絡功能

支持全局事件總線

支持跨頁面?zhèn)髦?/p>

支持mixins

主打是精巧,可以看到目前核心功能主要涉及三個方面:數據、網絡、事件。

數據

小程序是數據與頁面渲染分離的,所以在開發(fā)中會有大量的setData操作,grace為了簡化這大量的顯式數據更新,實現了和Vue一致的數據響應式-可以通過賦值直接更新數據。與此同時,為了避免頻繁setData帶來的性能消耗,grace不僅支持手動批量刷新而且grace可以自動跟蹤頁面前后臺切換,如果頁面切換到后臺,則不會再去調用setData,而是將變動先緩存,等到頁面切換到前臺,才會統一刷新,有效避免不必要的性能消耗。

網絡

大多數小程序都需會和后臺通過http進行通信,為此,grace提供了強大、靈活、良好的Promise API,同時支持全局請求配置、請求/響應攔截器等。更重要的是,Promise風格的API可以支持ES7的async/await。

事件

小程序原生在跨頁面通信方面比較弱,為此,grace提供了一個全局事件總線,你可以在任何頁面通過注冊/觸發(fā)事件來進行通信。 不僅如此, grace還在事件總線的基礎上,實現了更友好的頁面數據回傳的回調。

除了這些,grace還支持 mixins,提供了一種擴展新功能的方式,它可以在全局給頁面添加一些功能,開發(fā)者可以自己發(fā)揮。

Grace今后的發(fā)展

筆者覺得小程序的量級一般都不會太大,為了避免過度設計,grace會一直保持精巧而易用的原則,不會添加太多使用頻率比較小的功能。如果大家有什么好建議,或者希望grace添加什么新功能,都可以在github提issue.

電話咨詢 預約演示 0元開店