强大的微信 UI 库 - jQuery WeUI

6,566 阅读2分钟
原文链接: github.com

jQuery WeUI - 可能是最好用 WeUI 版本

jQuery WeUI 是专为微信公众账号开发而设计的一个简洁而强大的UI库,包含全部WeUI官方的CSS组件,并且额外提供了大量的拓展组件,丰富的组件库可以极大减少前端开发时间。

更多文档请参阅官网: lihongxun945.github.io/jquery-weui…

微信扫描二维码立刻体验:

code

为什么选择 jQuery WeUI

  • 简单易用,无上手难度
  • 丰富强大的组件库,并且还在不断完善中
  • 轻量,无限制,可以结合任何主流JS框架使用,比如 Vue, Angular, React
  • 高性能的 CSS3 动画,低端手机上依然可以较流畅运行
  • 详尽完善的官方文档
  • 标准稳定的API,基本可以保证版本透明更新

下载

推荐通过npm来安装 npm install jquery-weui

或者你可以 clone 这个仓库,自行编译,关于如何进行编译请参见下面的gulp章节。

所有编译后的代码都在 dist 目录下,为了减少垃圾文件,master默认忽略了这个目录,你可以自行编译或者切换到 build 分支就可以看到这个目录。

搭配框架

如果不是很复杂的项目,基本只用 jQuery WeUI 即可满足需求。如果项目比较复杂,或者希望实现单页应用,推荐使用 Vue

jQuery WeUI 搭配 Vue 使用非常简单,只需要在组件 ready 方法中初始化一下即可。

gulp

使用 gulp 进行代码编译,如果你没有用过或者不想自行编译,可以切换到 build 分支即可。

关于如何使用 gulp 请参考 gulpjs.com/

可用的 gulp 命令如下:

  • gulp 编译所有的代码
  • gulp watch 进入watch 模式

分支说明

  • master 主分支,正式发布的代码才会进入master分支
  • build 包含全部编译后代码的分支,和 master 分支同步,但是会包含 dist 目录
  • dev 开发分支
  • gh-pages 文档主分支
  • gh-pages-dev 文档的开发分支

LICENSE

MIT,尽情享受开源代码。

Thanks

组件展示