随着微信小程序的火爆,对于微信小程序的开发需求量也火爆增长!对于小程序开发的第一步界面开发是必须首当其冲要掌握的,这个技术就是WeUI。
WeUI 是微信官方针对微信网页开发做的一个前端框架。使用这个框架,可以让你的程序看起来更加接近原生的应用,更加的美观。
jQuery WeUI 是WeUI的一个jQuery实现版本,除了实现了官方插件之外,它还提供了如下拉刷新、日历、地址选择器等丰富的拓展组件。jQuery WeUI 中的JS组件均是以JQuery 插件的形式提供,使用非常方便,并且可以和React、Angular、VUE之类的主流JS框架一起使用。
那么这个技术难不难呢?接下来小编就带大家进入快速入门。
1.插件
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.整个页面(提示页)
直接复制整个页面的代码,然后根据需要修改。
写在最后
为了让大家更加快速的提升自己,大咖送我一套他收集整理五年的前端和后台的资料,为了感谢大家一直以来对小编的支持,小编决定免费送给大家,下面是资料的部分截图,仅供大家参考,希望大家在编程的路上越走越远,尽快实现自己的小目标!
免费领取方式:
关注公众号, 猿君说前端 ,即可免费领取!
领取专属 10元无门槛券
私享最新 技术干货