grace和wepy都是輔助小程序開發(fā)的開源庫,本文對兩者做個對比。
注:本文是作者本人的一些拙見,純粹的技術(shù)討論,不想引起技術(shù)信仰之爭,歡迎積極、正向的討論及建議。
自小程序發(fā)布后,現(xiàn)在最著名的小程序開發(fā)框架就是wepy, 它借助一系列工具,通過預(yù)編譯的手段實現(xiàn)了和Vue接近的開發(fā)風(fēng)格,可以認為wepy更就是小程序的 vue(但還有一些不同,如布局模板),首先,必須承認wepy是一個好的框架,如果你是Vue開發(fā)者,如果要開發(fā)一些大的小程序項目,wepy應(yīng)該是你的不二之選。但是我們換個角度,考慮下面兩個問題:
來自前端開發(fā)者
目前來看,如果是一名前端,那么很可能用過Angular/React/Vue中的一個,首先,如果你沒有用過Vue, 那么要使用wepy的學(xué)習(xí)成本接近于學(xué)習(xí)Vue的成本,這是第一點,學(xué)習(xí)成本會大一些。其次對于對Angular/React有強烈信仰的開發(fā)者來說,他們可能會問一聲,小程序就小程序,為什么非得弄成Vue. 在web開發(fā)時正宗的Vue都不用,會為了開發(fā)小程序再去學(xué)習(xí)一下wepy?
非前端開發(fā)者
在小程序發(fā)布后,想必大多數(shù)程序員都想嘗嘗,而并非只是前端程序員,對于這部分開發(fā)者來說,大都會采用小程序原生開發(fā),他們基本不肯能再去學(xué)習(xí)一個像Vue同等規(guī)模的前端框架。
總結(jié)一下,站在開發(fā)者的角度,wepy 采用了類Vue的開發(fā)風(fēng)格,即是優(yōu)勢,也是劣勢。優(yōu)勢是可以讓數(shù)量可觀的Vue開發(fā)者輕松過渡,但缺點是提高了其它開發(fā)者的使用門檻。所以,一個輕巧易上手的幫助工具就很有必要,而grace就是這樣的一個工具。
小程序的定位本身就是“觸手可得,用完即走”, 解決想干個啥都得下個APP的歷史現(xiàn)象。有了小程序后,不用裝太多APP,只有在第一次用的時候花費少量流量下載即可。可以看到,小程序第一次使用時還是要下載,為了減少下載等待時間,節(jié)省用戶流量,小程序?qū)Τ绦虬拇笮≡O(shè)置了上線4M, 這也為什么小程序中“小”的含義。 微信的這種限制決定了小程序一般只是用于實現(xiàn)核心功能,不會用作復(fù)雜功能。這也就決定了,在大多數(shù)小程序開發(fā)時,我們需要的并不是什么強拽炫酷吊炸天的大框架,而是一些簡單的幫助工具,而grace的定位就是一個精巧的幫助工具。在筆者了解的很多小程序,甚至大都是用原生開發(fā)的。
下面總結(jié)一下主要區(qū)別:
定位不同;grace的定位是一個精巧、易用的小程序開發(fā)輔助庫,而wepy是一個功能全面的類vue框架.
grace使用簡單易上手,wepy對不了解Vue的開發(fā)者有不小的學(xué)習(xí)成本,并且開發(fā)環(huán)境依賴多,配置比較復(fù)雜。
grace更貼近于原生,wepy更貼近于web.
下面我們看看Grace都有哪些功能:
我們看看grace的特點:
輕量、小巧、上手簡單
支持和Vue一樣優(yōu)雅的數(shù)據(jù)響應(yīng)式
支持?jǐn)?shù)據(jù)自動更新、更改緩存、批量更新
強大的網(wǎng)絡(luò)功能
支持全局事件總線
支持跨頁面?zhèn)髦?/p>
支持mixins
主打是精巧,可以看到目前核心功能主要涉及三個方面:數(shù)據(jù)、網(wǎng)絡(luò)、事件。
小程序是數(shù)據(jù)與頁面渲染分離的,所以在開發(fā)中會有大量的setData
操作,grace為了簡化這大量的顯式數(shù)據(jù)更新,實現(xiàn)了和Vue一致的數(shù)據(jù)響應(yīng)式-可以通過賦值直接更新數(shù)據(jù)。與此同時,為了避免頻繁setData
帶來的性能消耗,grace不僅支持手動批量刷新而且grace可以自動跟蹤頁面前后臺切換,如果頁面切換到后臺,則不會再去調(diào)用setData
,而是將變動先緩存,等到頁面切換到前臺,才會統(tǒng)一刷新,有效避免不必要的性能消耗。
大多數(shù)小程序都需會和后臺通過http進行通信,為此,grace提供了強大、靈活、良好的Promise API,同時支持全局請求配置、請求/響應(yīng)攔截器等。更重要的是,Promise風(fēng)格的API可以支持ES7的async/await。
小程序原生在跨頁面通信方面比較弱,為此,grace提供了一個全局事件總線,你可以在任何頁面通過注冊/觸發(fā)事件來進行通信。 不僅如此, grace還在事件總線的基礎(chǔ)上,實現(xiàn)了更友好的頁面數(shù)據(jù)回傳的回調(diào)。
除了這些,grace還支持 mixins,提供了一種擴展新功能的方式,它可以在全局給頁面添加一些功能,開發(fā)者可以自己發(fā)揮。
筆者覺得小程序的量級一般都不會太大,為了避免過度設(shè)計,grace會一直保持精巧而易用的原則,不會添加太多使用頻率比較小的功能。如果大家有什么好建議,或者希望grace添加什么新功能,都可以在github提issue.
KESION 科汛軟件
KESION 科汛軟件是國內(nèi)領(lǐng)先的在線教育軟件及私域社交電商軟件服務(wù)提供商,長期專注于為企業(yè)提供在線教育軟件及社交電商SaaS平臺解決方案。
公司核心產(chǎn)品云開店SaaS社交電商服務(wù)平臺、在線教育SaaS服務(wù)平臺、教育企業(yè)數(shù)字化SaaS云平臺、企微營銷助手、私有化獨立部署品牌網(wǎng)校和在線教育咨詢等。KESION 不斷通過技術(shù)創(chuàng)新,提供產(chǎn)品和服務(wù),助力企業(yè)向數(shù)字化轉(zhuǎn)型,通過科技驅(qū)動商業(yè)革新,讓商業(yè)變得更智慧!
微信小程序的出現(xiàn)讓許多程序員開發(fā)者又出現(xiàn)了新的生機,從《跳一跳》到最近的《最強彈一彈》《海盜來了》我們都可以看出小程序大勢的一片火熱,加上一些實體店也加入了線上商...
微信小程序在開發(fā)中如何引用外部icon? 首先在阿里巴巴矢量圖標(biāo)庫添加需要的icon,點擊下載至本地 然后在下載的東西里找到這個文件iconfont.css 在自己的小程序里建一個iconfont.w