微信早年發(fā)布的 UI 框架，對(duì)想要?jiǎng)?chuàng)建讓微信用戶感到熟悉的應(yīng)用來(lái)說(shuō)，是一個(gè)好選擇。
關(guān)于 WeUI
WeUI 一款由騰訊微信團(tuán)隊(duì)開發(fā)的 UI 組件庫(kù)，是一套同微信原生視覺(jué)體驗(yàn)一致的基礎(chǔ)樣式庫(kù)，由微信官方設(shè)計(jì)團(tuán)隊(duì)為微信 Web 開發(fā)量身設(shè)計(jì)，這是專門被設(shè)計(jì)用來(lái)構(gòu)建在微信運(yùn)行的 H5 / 小程序等一系列應(yīng)用上，所以這也是一款移動(dòng)端的 UI 組件庫(kù)。相信很多開發(fā)者都知道，WeUI 發(fā)布已經(jīng)多年，發(fā)展至今已經(jīng)迭代到 v2.5.15 版本，是一個(gè)成熟穩(wěn)定、體驗(yàn)優(yōu)雅的組件庫(kù)。
WeUI 提供了一套現(xiàn)成的組件，如按鈕、表單、列表和對(duì)話框等，針對(duì)移動(dòng)使用進(jìn)行了優(yōu)化，并遵循微信的視覺(jué)風(fēng)格，這些組件在我們使用微信的過(guò)程隨處可見(jiàn)，用戶也非常熟悉。
WeUI 的技術(shù)特性
- 內(nèi)置數(shù)十個(gè)微信風(fēng)格的基礎(chǔ)組件。這些組件無(wú)論是設(shè)計(jì)還是用戶體驗(yàn)，都非常簡(jiǎn)潔，用戶接受度也很高，直接使用這些組件，節(jié)省開發(fā)者大量時(shí)間
- 內(nèi)置布局、排版系統(tǒng)和圖標(biāo)。WeUI 提供了各種常見(jiàn)布局以及圖文排版系統(tǒng)，這在開發(fā)中很實(shí)用
- v2.2.0 增加了暗黑模式，通過(guò)添加屬性 data-weui-theme 來(lái)控制
- 作為一個(gè)純 UI 組件工具，WeUI 可以搭配 Vue / React 等開發(fā)組件使用，也可以獨(dú)立使用，取決于開發(fā)者的喜好
- WeUI 官方提供視覺(jué)標(biāo)準(zhǔn)參考，提供 Sketch 與 PSD 基礎(chǔ)樣式庫(kù)源文件。開發(fā)者或設(shè)計(jì)師可以使用 WeUI-Design 進(jìn)行微信 Web 開發(fā)的原型設(shè)計(jì)、視覺(jué)設(shè)計(jì)等
WeUI 和第三方組件庫(kù)相比，有哪些優(yōu)勢(shì)？
說(shuō)到微信公眾號(hào)開發(fā)或者是小程序項(xiàng)目開發(fā)，相信不少開發(fā)者馬上想到的就是找一套像 Vant 這樣大而全的移動(dòng)端 UI 組件庫(kù)，當(dāng)然 Vant 是一款非常優(yōu)秀的 UI 庫(kù)，但這是一套專門為移動(dòng)商城而打造的組件庫(kù)，而很多公眾號(hào)活動(dòng)頁(yè)面或者是小程序，實(shí)現(xiàn)的都是某一個(gè)點(diǎn)的功能，是很輕量的需求。這時(shí)候微信官方的 WeUI 的優(yōu)勢(shì)就出來(lái)了：
WeUI 開發(fā)上手
WeUI 最開始以一個(gè) for web 的 UI 開發(fā)工具，使用也非常簡(jiǎn)單，下面展示最簡(jiǎn)單的開始方式：在 html 中引入 css 和 js 文件：
當(dāng)然也可以用主流的工程化方式引入：
除了在 web 中，WeUI 也發(fā)展出了幾個(gè)分支，以便開發(fā)者按需使用，分別是：
- WeUI for 小程序 (weui-wxss)
- WeUI for Work (企業(yè)微信版)
- weui.js
- react-weui
總的來(lái)說(shuō)，目前前端發(fā)展依舊火熱，像 WeUI 這樣低調(diào)優(yōu)質(zhì)的，風(fēng)格簡(jiǎn)潔的 UI 組件庫(kù)，也有不少使用場(chǎng)景，特別是很多快速頁(yè)面、用戶表單操作提交等需求，能幫助開發(fā)者快速構(gòu)建體驗(yàn)優(yōu)秀的應(yīng)用，不應(yīng)該被我們遺忘。
免費(fèi)開源和商用說(shuō)明
WeUI 是一個(gè)由騰訊微信團(tuán)隊(duì)開發(fā)、維護(hù)的開源項(xiàng)目，采用 MIT 許可在 GitHub 上開源，任何個(gè)人或者公司的開發(fā)者都可以自由使用和修改代碼。文章來(lái)源：http://www.zghlxwxcb.cn/news/detail-523080.html
原文鏈接：https://www.thosefree.com/weui文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-523080.html
到了這里，關(guān)于WeUI - 微信官方推出的免費(fèi)開源 UI 組件庫(kù)，上手簡(jiǎn)單，風(fēng)格簡(jiǎn)約，在微信生態(tài)開發(fā)輕量項(xiàng)目的絕佳選擇的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
