WeUI学习笔记

1.前言

WeUI 是微信官方针对微信网页开发做的一个前端框架。使用这个框架,可以让你的程序看起来更加接近原生的应用,更加的美观。
jQuery WeUI 是WeUI的一个jQuery实现版本,除了实现了官方插件之外,它还提供了如下拉刷新、日历、地址选择器等丰富的拓展组件。jQuery WeUI 中的JS组件均是以JQuery 插件的形式提供,使用非常方便,并且可以和React、Angular、VUE之类的主流JS框架一起使用。

1-1.下载地址

1-1-1. WeUI

https://github.com/weui/weui

1-1-2.jQuery WeUI

https://github.com/lihongxun945/jquery-weui

2.使用

对于这种框架的使用,也是很简单的,首先需要引入css文件,然后直接复制,粘帖就可以了。但根据功能的不同,需要复制的内容也不一样。

2-1.简单纯CSS(按钮,图标)

直接在button,a,或i标签中使用相应的类就可以了。有的类还可以混合使用

2-2.复杂点的纯css(输入框,列表,导航,页脚)

直接复制整块html代码,然后根据需要修改

2-3.css和js的混合(弹出式菜单,对话框,搜索栏)

需要首先复制静态部分(html代码),然后复制js部分,最后看js部分用到的资源哪些需要复制。

2-4.整个页面(提示页)

直接复制整个页面的代码,然后根据需要修改。

你可能感兴趣的:(/root/WEB前端)