iView 發布微信小程序 UI 組件庫 iView Weapp

Rindia 發布于2019-08-22 17:57 / 831人閱讀

摘要：但是，我們注意到，微信小程序正在崛起，這將是移動端新的一種開發模式。不過微信對小程序越來越開放，給的入口也越來越多，這讓很多開發者投入到小程序的開發上。地址文檔歡迎和是什么微信小程序提供了自定義組件的功能，這使得成為了可能。

末尾有彩蛋。

過去的兩年里，iView 開源項目已經幫助成千上萬的開發者快速完成網站開發，大幅度提高了開發效率，成為 Vue.js 生態里重要的一部分。

與此同時，我們也在思考，除了服務 PC Web，iView 還能提供什么?？赡苁?Mobile Web？但同類產品已經太過豐富，所以 iView 一直沒有探索 Mobile 端。但是，我們注意到，微信小程序正在崛起，這將是移動端新的一種開發模式。

對于微信小程序，iView 團隊并不陌生，在微信最早發布小程序時，我們（TalkingData）就上線了小程序統計分析服務 SDK（https://www.talkingdata.com/weApp/weApp.jsp），只是那時候小程序一直處于不溫不火的狀態。不過微信對小程序越來越開放，給的入口也越來越多，這讓很多開發者投入到小程序的開發上。

于是，我們探索了一個月，對于微信小程序，我們能提供什么服務。思前想后，還是覺得做一套高質量的 UI 組件庫比較合適，因為 iView 團隊在這上面有 2 年的積累，而且愛屋及烏，iView 的開發者也會很喜歡 iView Weapp。

地址

GitHub: https://github.com/TalkingData/iview-weapp

文檔: https://weapp.iviewui.com/

歡迎 Star 和 PR ！

iView Weapp 是什么？

微信小程序提供了自定義組件的功能，這使得 iView Weapp 成為了可能。小程序已經提供了很多組件和 API，但它們過于基礎，實際開發時仍需要一定的封裝和 UI 調整。iView Weapp 提供了與 iView 一致的 UI 和盡可能相同的接口名稱，大幅度降低了學習成本，使用起來如魚得水。如果你是 iView 的核心用戶，用起 iView Weapp 來甚至不用看文檔！當然，我們對新用戶也很友好，事無巨細的文檔、友好的 API 和完整的示例，幾分鐘就可以上手啦。

iView Weapp 1.0 提供了 30 個組件，并會不斷豐富：

先睹為快

使用微信掃一掃體驗 iView Weapp 小程序組件示例：

當然，你也可以在微信開發者工具中查看：

# 從 GitHub 下載后，安裝依賴
npm install

# 編譯組件
npm run dev

然后，將 examples 目錄在微信開發者工具中打開即可。

1.0 提供的都是基礎組件，能夠滿足大部分常用的布局和交互。接下來，我們還會提供更為豐富的基礎組件及典型業務組件，比如刮刮樂。旨為讓小程序開發的門檻降低，并帶來出色的用戶體驗。

開源協議

iView Weapp 使用 MIT 開源協議，并 100% 開放源碼。查看開源協議。

彩蛋

我們預計在 2018 年 7 月（或 8 月）發布 iView 3.0 以及 5 款神秘新產品，屆時會舉辦線下發布會（線上同步直播），敬請關注 iView 官網。感謝大家長久以來對 iView 的支持，我們也會持續維護，投入更多的人力和精力完善生態，讓 iView 成為全球最好用的組件庫！

GPU云服務器云服務器微信小程序組件 iView iview cdn 微信小程序

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://www.hztianpu.com/yun/95355.html

iView 發布 3.0 版本，以及開發者社區等 5 款新產品

摘要：相對時間組件錨點組件面板分割組件分割線組件單元格組件相對時間組件用于表示幾分鐘前幾小時前等相對于此時此刻的時間描述。單元格組件在手機上比較常見，在上則常用于固定的側邊菜單項。開發者社區這是發布會最勁爆的一款產品了。 showImg(https://segmentfault.com/img/bVbeuj6?w=2864&h=1458); 7 月 28 日，我們成功地召開了 iView 3...

FreeZinG 2019-08-23 10:31 評論0 收藏0
編寫chameleon跨端組件的正確姿勢(上篇)

摘要：使用語法統一實現跨端組件請關注文章編寫跨端組件的正確姿勢下篇依靠強大的多態協議，項目中可以輕松使用各端的第三方組件封裝自己的跨端組件庫。這種做法同時解決了組件命名沖突問題，例如在微信小程序端引用表示調用小程序原生的組件而不是內置的組件。在chameleon項目中我們實現一個跨端組件一般有兩種思路：使用第三方組件封裝與基于chameleon語法統一實現。本篇是編寫chameleon跨端...

h9911 2019-08-23 15:42 評論0 收藏0
前端相關匯總

摘要：簡介前端發展迅速，開發者富有的創造力不斷的給前端生態注入新生命，各種庫框架工程化構建工具層出不窮，眼花繚亂，不盲目追求前沿技術，學習框架和庫在滿足自己開發需求的基礎上，然后最好可以對源碼進行調研，了解和深入實現原理，從中可以獲得更多的收獲隨 showImg(https://segmentfault.com/img/remote/1460000016784101?w=936&h=397)...

BenCHou 2019-08-23 12:31 評論0 收藏0
小程序 wepy框架 + iview-weapp的用法

摘要：最近在弄的時候在想有沒有什么比較合適一點的的，也是在網上看了好久發現還不錯。到官網下載官方代碼，保存到任意目錄備用。最近在弄wepy的時候在想有沒有什么ui比較合適一點的wepy的，也是在網上看了好久發現iview還不錯。引用簡單，上手超快，組件絢麗！當然，這里還介紹下微信官方建議的框架也是和不錯的，有需要的可以看看（https://github.com/Tencent/weui-wxss）...

Jeff 2019-04-23 11:40 評論0 收藏0
web前端技術體系大全

以下為個人目前接觸到的前端技術，歡迎大家補充。一、前端技術框架 1、Vue.js 官網：https://cn.vuejs.org/ Vue CLI：https://cli.vuejs.org/ 菜鳥教程：http://www.runoob.com/w3cnote... Nuxt.js：https://zh.nuxtjs.org/ 桌面應用Electron：https:...

RaoMeng 2019-08-23 15:53 評論0 收藏0