摘要:但是,我們注意到,微信小程序正在崛起,這將是移動端新的一種開發(fā)模式。不過微信對小程序越來越開放,給的入口也越來越多,這讓很多開發(fā)者投入到小程序的開發(fā)上。地址文檔歡迎和是什么微信小程序提供了自定義組件的功能,這使得成為了可能。
末尾有彩蛋。
過去的兩年里,iView 開源項目已經(jīng)幫助成千上萬的開發(fā)者快速完成網(wǎng)站開發(fā),大幅度提高了開發(fā)效率,成為 Vue.js 生態(tài)里重要的一部分。
與此同時,我們也在思考,除了服務(wù) PC Web,iView 還能提供什么??赡苁?Mobile Web?但同類產(chǎn)品已經(jīng)太過豐富,所以 iView 一直沒有探索 Mobile 端。但是,我們注意到,微信小程序正在崛起,這將是移動端新的一種開發(fā)模式。
對于微信小程序,iView 團(tuán)隊并不陌生,在微信最早發(fā)布小程序時,我們(TalkingData)就上線了小程序統(tǒng)計分析服務(wù) SDK(https://www.talkingdata.com/weApp/weApp.jsp),只是那時候小程序一直處于不溫不火的狀態(tài)。不過微信對小程序越來越開放,給的入口也越來越多,這讓很多開發(fā)者投入到小程序的開發(fā)上。
于是,我們探索了一個月,對于微信小程序,我們能提供什么服務(wù)。思前想后,還是覺得做一套高質(zhì)量的 UI 組件庫比較合適,因為 iView 團(tuán)隊在這上面有 2 年的積累,而且愛屋及烏,iView 的開發(fā)者也會很喜歡 iView Weapp。
地址GitHub: https://github.com/TalkingData/iview-weapp
文檔: https://weapp.iviewui.com/
歡迎 Star 和 PR !
iView Weapp 是什么?微信小程序提供了自定義組件的功能,這使得 iView Weapp 成為了可能。小程序已經(jīng)提供了很多組件和 API,但它們過于基礎(chǔ),實際開發(fā)時仍需要一定的封裝和 UI 調(diào)整。iView Weapp 提供了與 iView 一致的 UI 和盡可能相同的接口名稱,大幅度降低了學(xué)習(xí)成本,使用起來如魚得水。如果你是 iView 的核心用戶,用起 iView Weapp 來甚至不用看文檔!當(dāng)然,我們對新用戶也很友好,事無巨細(xì)的文檔、友好的 API 和完整的示例,幾分鐘就可以上手啦。
iView Weapp 1.0 提供了 30 個組件,并會不斷豐富:
先睹為快使用微信掃一掃體驗 iView Weapp 小程序組件示例:
當(dāng)然,你也可以在微信開發(fā)者工具中查看:
# 從 GitHub 下載后,安裝依賴 npm install # 編譯組件 npm run dev
然后,將 examples 目錄在微信開發(fā)者工具中打開即可。
1.0 提供的都是基礎(chǔ)組件,能夠滿足大部分常用的布局和交互。接下來,我們還會提供更為豐富的基礎(chǔ)組件及典型業(yè)務(wù)組件,比如刮刮樂。旨為讓小程序開發(fā)的門檻降低,并帶來出色的用戶體驗。
開源協(xié)議iView Weapp 使用 MIT 開源協(xié)議,并 100% 開放源碼。查看開源協(xié)議。
彩蛋我們預(yù)計在 2018 年 7 月(或 8 月)發(fā)布 iView 3.0 以及 5 款神秘新產(chǎn)品,屆時會舉辦線下發(fā)布會(線上同步直播),敬請關(guān)注 iView 官網(wǎng)。感謝大家長久以來對 iView 的支持,我們也會持續(xù)維護(hù),投入更多的人力和精力完善生態(tài),讓 iView 成為全球最好用的組件庫!
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://m.hztianpu.com/yun/95355.html
摘要:相對時間組件錨點組件面板分割組件分割線組件單元格組件相對時間組件用于表示幾分鐘前幾小時前等相對于此時此刻的時間描述。單元格組件在手機(jī)上比較常見,在上則常用于固定的側(cè)邊菜單項。開發(fā)者社區(qū)這是發(fā)布會最勁爆的一款產(chǎn)品了。 showImg(https://segmentfault.com/img/bVbeuj6?w=2864&h=1458); 7 月 28 日,我們成功地召開了 iView 3...
摘要:使用語法統(tǒng)一實現(xiàn)跨端組件請關(guān)注文章編寫跨端組件的正確姿勢下篇依靠強(qiáng)大的多態(tài)協(xié)議,項目中可以輕松使用各端的第三方組件封裝自己的跨端組件庫。這種做法同時解決了組件命名沖突問題,例如在微信小程序端引用表示調(diào)用小程序原生的組件而不是內(nèi)置的組件。 在chameleon項目中我們實現(xiàn)一個跨端組件一般有兩種思路:使用第三方組件封裝與基于chameleon語法統(tǒng)一實現(xiàn)。本篇是編寫chameleon跨端...
摘要:簡介前端發(fā)展迅速,開發(fā)者富有的創(chuàng)造力不斷的給前端生態(tài)注入新生命,各種庫框架工程化構(gòu)建工具層出不窮,眼花繚亂,不盲目追求前沿技術(shù),學(xué)習(xí)框架和庫在滿足自己開發(fā)需求的基礎(chǔ)上,然后最好可以對源碼進(jìn)行調(diào)研,了解和深入實現(xiàn)原理,從中可以獲得更多的收獲隨 showImg(https://segmentfault.com/img/remote/1460000016784101?w=936&h=397)...
摘要:最近在弄的時候在想有沒有什么比較合適一點的的,也是在網(wǎng)上看了好久發(fā)現(xiàn)還不錯。到官網(wǎng)下載官方代碼,保存到任意目錄備用。最近在弄wepy的時候在想有沒有什么ui比較合適一點的wepy的,也是在網(wǎng)上看了好久發(fā)現(xiàn)iview還不錯。引用簡單,上手超快,組件絢麗!當(dāng)然,這里還介紹下微信官方建議的框架也是和不錯的,有需要的可以看看(https://github.com/Tencent/weui-wxss)...
以下為個人目前接觸到的前端技術(shù),歡迎大家補(bǔ)充。 一、前端技術(shù)框架 1、Vue.js 官網(wǎng):https://cn.vuejs.org/ Vue CLI:https://cli.vuejs.org/ 菜鳥教程:http://www.runoob.com/w3cnote... Nuxt.js:https://zh.nuxtjs.org/ 桌面應(yīng)用Electron:https:...
閱讀 3284·2023-04-26 01:39
閱讀 3429·2023-04-25 18:09
閱讀 1690·2021-10-08 10:05
閱讀 3308·2021-09-22 15:45
閱讀 2919·2019-08-30 15:55
閱讀 2466·2019-08-30 15:54
閱讀 3224·2019-08-30 15:53
閱讀 1387·2019-08-29 12:32