据调查:会这项技术的程序员月薪都在50K

随着微信小程序的火爆,对于微信小程序的开发需求量也火爆增长!对于小程序开发的第一步界面开发是必须首当其冲要掌握的,这个技术就是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.整个页面(提示页)

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

写在最后

为了让大家更加快速的提升自己,大咖送我一套他收集整理五年的前端和后台的资料,为了感谢大家一直以来对小编的支持,小编决定免费送给大家,下面是资料的部分截图,仅供大家参考,希望大家在编程的路上越走越远,尽快实现自己的小目标!

免费领取方式:

关注公众号, 猿君说前端 ,即可免费领取!

  • 发表于:
  • 原文链接http://kuaibao.qq.com/s/20180414A0EAW900?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 yunjia_community@tencent.com 删除。

扫码关注云+社区

领取腾讯云代金券