01 November 2014

MUI是什么?

MUI是基于zepto的轻量级mobile UI组件库,提供了最常用的UI功能,以及自己的js架构理念,还有一套基于Grunt的自动化打包工具。

MUI解决了什么问题?

  1. MUI提供了core,widget,config,view层的分层架构理念,解决了早期1717wan业务层代码过于臃肿的问题;
  2. 提供了一套常用的移动端UI组件库;
  3. 通过函数规范了组件层,业务层代码的编写形式;
  4. MUI提倡的代码编写规范是spec
  5. MUI提供的路由及模板预构建相结合的功能,通过url hash值的改变,实现了移动端页面的无刷新跳转;
  6. MUI提供的自动化工具包括:代码合并,代码压缩,自动css sprites,模板预构建和生成文档功能。

MUI怎么用?

这里有详细的API文档,也可以参考下github中examples文件夹下的例子。

自动化打包工具?

打包代码

grunt build-mui

自动css sprites

grunt build-sprite

预构建js模板

grunt build-tmod

生成文档

通过以下命令可以在doc目录下生成静态文档,也可以在线查看; grunt build-doc

如果有任何问题都可以在下方给予我留言~

最后感谢伟大的开源社区给予本项目的支持~