项目简介
QMUI Web 是一个专注 Web UI 开发,帮助开发者快速实现特定的一整套设计的框架。由腾讯广研 QMUI 团队出品。框架主要由一个丰富的 Sass 方法合集与内置的工作流构成。通过 QMUI Web,开发者可以很轻松地提高 Web UI 开发的效率,同时保持了项目的高可维护性与稳健。
QMUI Web 的创作动机和制作经验,来自项目团队在多个项目中的迭代思考,它特别适用于需要方便地控制项目的整体样式,或者需要应对频繁的界面变动的项目,框架的各种功能会帮助开发者应对这类整体 UI 变更的场景。QMUI Web 是一整套解决方案,但其中的 Sass 工具方法,团队编码规范也可以作为单品单独使用。
为提升搭建效率,项目支持使用 Yeoman 的方式快速安装和配置,并提供了桌面 App 形式的项目管理工具 —— QMUI Web Desktop,因而上手也是非常简单。目前 QMUI Web 框架已经支持了企业微信、微信读书等产品。
特性介绍
- 基础配置与组件:通过内置的公共组件和对应的 Sass 配置表,你只需修改简单的配置即可快速实现所需样式的组件。
- Sass 增强支持:QMUI Web 包含大量 Sass mixin / function / extend,涉及布局、外观、动画、设备适配、数值计算以及 Sass 原生能力增强等多个方面,可以大幅度提升开发效率。
- 完善的内置工作流:QMUI Web 内置的工作流拥有从初始化项目到变更文件的各种自动化处理,包含了模板引擎,样式优化,CSS Sprite 雪碧图处理与 Retina 适配,图片自动压缩,静态资源合并、压缩与变更以及冗余文件清理等功能。
- 团队编码规范:QMUI Web 提供了一套完整的编码规范,包括 CSS + HTML 编写,注释规范等多个方面,这些规范本身与 QMUI 框架也是互相结合的,使得整个团队的开发过程和成果保持规范。
QMUI Web UI 解决方案正式开源
官方开源地址:https://github.com/Tencent/QMUI_Web
项目详情可见官网:http://qmuiteam.com/web
转自 http://www.oschina.net/news/88058/qmui-web-opensource