关于weui框架：
weui是一款专门为微信服务的ui框架，类似于bootstrap框架直接引用类名即可。
1.安装框架
安装框架可以使用多种方法：
方式一（推荐）
微信官方，BootCDN和cdnjs为WeUI提供了CDN链接，推荐使用，链接如下：
方式二（亭子）
可以通过bower进行下载，命令如下：
bower install --save weui
方式三（NPM）
也可以通过npm进行下载，命令如下：
npm install --save weui
注意： bower，npm依赖于Node.js，请确保你的机器安装Node.js环境，安装方式参见https://nodejs.org
方式四
可以在https://github.com/weui/weui/releases处，直接下载最新发布的版本.github提供了zip和tar.gz两种格式的包，选择其中一种下载，解压后引用dist/style/weui.css文件即可。
方式五
也可以在WeUI的github主页，右上角的“Download ZIP”按钮，点击下载仓库中最新的代码，解压后使用方法同方式四。
注意：该方式获取的是WeUI最新的，未经发布的代码，可能不稳定，不推荐通过此方式获取WeUI用于生产环境。
不过本人遇到一个坑，使用引用的链接以后，写代码的时候发现没有类名的提示，对我们初学者来说确实是很难受的，所以推荐大家下载zip文件引入里面的文件，这样的话就会有类名的提示。
2.框架样式
首先要引入weui.css
今天一天学习的时候，我刚开始都是对照着https://weui.io/
对照着微信官方文档的weki一个一个往下进行对照着写，这样一来就不会漏掉也能更有条理，对照着一个一个书写代码，每个案例之后对照着效果先思考这个效果如何出来的自己设想一下，然后检查元素查看他的样式对比一下自己所想，学习它的方法样式的写法，然后自己在进行案例书写熟悉这写写法，例如flex弹性盒子，框架中很多地方宽度都是自动调整的，自动调整的地方基本上都是定义了flex的属性，在h5开发中flex是非常实用的，这样一来我们也会去查flex的效果作用就能丰富更多的知识
在进行样式和源码的书写和查看的时候，我发现框架特别喜欢分级用hd，bd，ft其实也就是head，body，foot这3个常见的类似的这样的分法，所以后面看源码的时候就会轻松，自己书写的时候也能方便，这种布局方式很常见，下面我列举一些截图代码，案例的话大家在https://weui.io/上就能看到实例代码：
①form
②panel面板
3.框架js
weui文档里面的事例是没有js，所以会导致大家以为不用引入js就可以直接靠css直接成功，其实js还是需要引入的，一些动态效果是没办法就凭借css实现的
zepto.js是必须要引入的，weui.js，jweixin-1.0.0.js这个是可以不加的对我们来说，这个js主要是用来开发小程序的。
下面上一段nav导航栏的案例，也是因为这个我才发现没有js是做不了那种切换效果的
<div class="weui-tab">
<div class="weui-navbar">
<div class="weui-navbar__item weui-bar__item_on tdh">
选项一
</div>
<div class="weui-navbar__item tdh">
选项二
</div>
<div class="weui-navbar__item tdh">
选项三
</div>
</div>
<div class="weui-tab__panel tbdh">
<div>Page 1</div>
<div style="display:none">Page 2</div>
<div style="display:none">Page 3</div>
</div>
</div>
<script type="text/javascript">
$(function(){
$('.tdh').on('click', function () {
$(this).addClass('weui-bar__item_on').siblings('.weui-bar__item_on').removeClass('weui-bar__item_on');
$(".tbdh>div").eq($(this).index()).show().siblings().hide();
});
});
</script>
后面的一段js就是需要自己添加的才能有导航栏的切换效果。
总结下今天一天
今天一天把weui框架大致的都过了一遍，踩了一点坑，明后天的话在进行一点demo的试练来查找不足之处以及可能遇到的其他的问题，总的来说学起来还是轻松的，因为学习过bootstrap框架，2个框架有异曲同工之处，栅格系统还是非常好用的，weui也借鉴了一点，所以说有基础的话学其他东西也是触类旁通的，学起来也会非常轻松