手机页面前端框架weui+

随着智能手机的普及，越来越多的用户从电脑转移到手机，现在去谈客户我们一定要说：“您一定要做手机版或者是微信端”，可见智能手机的强大，虽然说手机页面很早就有，但是感觉它是被自适应网站架构html5和微信带起来的。估计以后的页面展示趋势还是依托手机页面。

针对前端写代码手机页面有以下几种方式，一个是宽度按照百分比来写，比如宽度100%，元素30%来写，这种方式的话相对多一些，兼容的效果也好很多；一种方式是通过html5多媒体概念，针对每一个尺寸都写个页面出来，通过屏幕尺寸来自动调整，这种相对来说比较繁琐，而且整体效果也不是很理想，还有一种就是通过大神们写好的前端框架来进行架构，比如Bootstrap，AUI，JQuery WeUI，Amaze UI，Frozen UI，WeUI ，SUI ，Foundation ，MUI，UiKit Pure等成熟的前端框架来进行搭建，这种相对来说效果要好，也是现在主要的方式。但是各有各的好处，要说哪个好，这个只能是针对自己怎么写。

这里的话，我介绍下weUI 个人觉得如果针对做手机网站够用！

WeUI+是Zepto1.2和WeUI 1.1.3为基础,收集整理了上百个组件开发而成,兼容IOS和Android平台,主要用于微信/手机网站开发

网址：http://weui.shanliwawa.top/

整体的文件大小也不是很大，对于整个网站来所占用也不是很多。

解压后，css,js,是属于基础文件，demo属于效果文件

调用方式也相对简单

加一个单独的css文件放入自己写的样式这种方便操作（如果在调用效果的时候，建议加一个div外框，这种方便修改）

比如一个简单的首页模型：

比如幻灯片：

底部菜单：

都是可以直接拿过来用的

同时weui 还为我们提供常规列表页的选择，（基础-面板）

我们也可以直接调用，感觉上和MUI有很多相同的地方，在代码调用上没有多少的难度，很适合前端的工作人员，希望weui工作研发团队在常用的模块上添加一些新的功能模块。