Menu
Woocommerce Menu

进程关闭提醒等额外的功能,QMUI Web新萄京娱乐场手机板: 是一个专注 Web UI

0 Comment


摘要今天,腾讯规范开源 QMUI Web 前端框架:二个意志力巩固 UI
开采成效、快速产生项目 UI 的前端框架,来自Tencent广研 QMUI
团队。前言经过长日子的磨擦迭代,QMUI Web作为Tencent广研 QMUI
团队的二个开源项目,正式公告到 Tencent Github。QMUI Web 是一个 Web UI
的化解方案,从零开始,由编码标准,到构件和工具方法的塑造,再到工作流的组成,不断在迭代,也不独有在优化,走过了超多的路。QMUI
Web 是多个只顾 Web UI
开采,扶植开采者连忙完成特定的一站式规划的框架。框架主要由叁个强硬的
SASS 方法合集与内置的干活流构成。通过 QMUI Web,开拓者能够很自在地拉长Web UI
开拓的频率,同不经常候保持了类别的高可维护性与严穆。如若您须求有利地垄断项目标欧洲经济共同体样式,恐怕须求应对一再的界面变动,那么
QMUI Web 框架将会是你最棒的解决方案。越多详细介绍请见:《腾讯 Web UI
施工方案 QMUI Web —— 索求与沉淀》开辟背景2015 年中,QMUI
共青团和少先队扶助的重大项目是 QQ 邮箱,Web
端的信箱是个宏大的等级次序,但其并未统一的 UI
基本功库,多年的长足迭代使得项目标 UI
代码变得七颠八倒,各种模块之间各自开荒,除了在代码层面表现出混乱和不可控之外,表现层面也并不曾很好地集结起来。因而,项目供给一套统一的团队编码规范以致叁个UI 根基库。恰巧,那时候 Sass 等 CSS
预微电脑已经衍酿成熟,自动化专门的学业流的劳作情势也日益康健,由此,大家决定依赖这个本领成立一套通用于不一致体系的
Web UI
框架。框架的现象定位很醒目:要求调控总体样式,况兼能够适应频仍迭代打磨的大型项目。所以,那套将在出生的
Web UI
框架的风味也很显然:须求有利地垄断项指标欧洲经济共同体样式,应对每每的界面变动,并保持项目品质稳健。从此经过八年的开辟进取,QMUI
Web 最后升高为满含编码标准、样式工具方法与体制管理、内置工作流,配套的
GUI 桌面
App,以致具备完整文书档案的消除方案。作用特色根基配置与组件:通过嵌入的共用组件和呼应的
SASS 配置表,你只需校订轻巧的结构就可以神速实现所需样式的机件。(QMUI SASS
配置表和国有组件怎么样协理开荒者急迅搭建项目根基 UI?)SASS 加强扶植:QMUI
Web 包涵柒拾二个 SASS
mixin/function/extend,涉及布局、外观、动漫、设备适配、数值总结以致 SASS
原生技巧巩固等多少个方面,能够大幅度进级开发功效。脚手架:QMUI Web
内置的专门的工作流具有从初叶化项目到改换文件的各样自动化管理,满含了模版引擎,7-Up图管理,图片集中处理与机关减少,静态能源统一、压缩与改观以至冗余文件清理等效果。扩张组件:QMUI
Web
除了内置的公共组件外,还经过增加的法门提供了常用的扩充组件,如等高左右双栏,文件上传按键,树状采用菜单。应用案例当前,QMUI
Web框架首要用于以下Tencent公司自已的产品中:工程主页和源码地址工程主页:
Web UI 建设方案 QMUI Web —— 探索与沉淀》

作用特色

底蕴配置与组件:

经过内置的集体组件和相应的 SASS
配置表,你只需改进简单的安排就可以火速落成所需样式的构件。(QMUI SASS
配置表和公共组件如何援救开采者神速搭建项目基本功UI?)

SASS
加强帮忙:

QMUI Web 富含六12个 SASS
mixin/function/extend,涉及布局、外观、动漫、设备适配、数值总结以致 SASS
原生本事巩固等七个地点,能够小幅进步开拓效能。

脚手架:

QMUI Web
内置的专门的学问流具备从开首化项目到改造文件的各样自动化管理,包罗了模版引擎,Sprite图管理,图片聚集管理与活动减少,静态财富集合、压缩与改观甚至冗余文件清理等作用。

扩充组件:

QMUI Web
除了内置的公共组件外,还经过扩大的格局提供了常用的扩大组件,如等高左右双栏,文件上传开关,树状选择菜单。

此外验证

引入同盟桌面 App:QMUI Web
Desktop。它能够管理基于
QMUI Web
进行开荒的项目,并提供了编译提示,出错提示,进度关闭提示等额外的功力。

新萄京娱乐场手机板 1

QMUI Web Desktop

官网:http://qmuiteam.com/web

Spirit 是Tencent活动 Web
开拓标准,基于经常支付的陷落,总计了字体、交互作用、品质等地点的特等实行,是运动Web开采的点拨专门的学业。

支付背景

2015 年中,QMUI 团队支持的主要性项目是 QQ 邮箱,Web
端的邮箱是个特大的项目,但其并未统一的 UI
底蕴库,多年的高效迭代使得项目标 UI
代码变得理伙不清,各样模块之间各自开拓,除了在代码层面展现出混乱和不可控之外,表现层面也并不曾很好地集结起来。因而,项目供给一套统一的团体编码标准以至三个UI 底工库。

正好,这时候 Sass 等 CSS
预微电脑已经前进成熟,自动化工作流的办事形式也日趋康健,由此,大家决定依据这一个本事创设一套通用于分化品种的
Web UI
框架。框架的风貌定位很显眼:须求调节总体样式,并且能够适应频仍迭代打磨的大型项目。所以,那套将在诞生的
Web UI
框架的脾气也很分明:须求方便人民群众地调整项指标全部样式,应对反复的分界面变动,并保险项目品质稳健。

以后经过八年的演变,QMUI Web
最后进步为带有编码标准、样式工具方法与体制管理、内置专门的学问流,配套的 GUI
桌面 App,以致独具完整文书档案的解决方案。

成就后改造的品种目录布局

新萄京娱乐场手机板 2

对此急需有越来越强定制性的开垦者,请参谋开校勘品类(高端)

QMUI Web 是二个只顾 Web UI
开垦,支持开垦者快速达成特定的一整套设计的框架。框架重要由二个强硬的
SASS 方法合集与内置的职业流构成,其它还会有搭配使用的桌面 App —— QMUI Web
Desktop。由Tencent QMUI
团队出品。

DEMO:

开采者指南

显著开拓指南:https://github.com/Tencent/QMUI\_Web/blob/master/README.md

详见支出指南:http://qmuiteam.com/web/page/start.html

详尽的介绍作品请见:《腾讯 Web UI 技术方案 QMUI Web ——
探求与沉淀&version=12020010&nettype=WIFI&fontScale=100&pass_ticket=rzgRY%2Fyo9mEqEI%2FJ721xjm3GOjqUdnkqfoMWH7NXVwK0bW0Brrp2gTiavjZRA4Bv)》

(本资讯来自即时通信社区:http://www.52im.net/article-260-1.html)

功效特色

Github:
https://github.com/QMUI/qmui\_web

新萄京娱乐场手机板 3

前言

由此长日子的打磨迭代,QMUI Web 作为Tencent广研 QMUI
团队的多个开源项目,正式透露到 Tencent Github。QMUI Web 是多个 Web UI
的缓和方案,从零早先,由编码规范,到构件和工具方法的制作,再到职业流的组合,不断在迭代,也声音在耳边不断鸣响在优化,走过了繁多的路。

QMUI Web 是二个在乎 Web UI
开拓,帮忙开荒者火速完毕特定的一条龙规划的框架。框架首要由四个无敌的
SASS 方法合集与内置的办事流构成。通过 QMUI Web,开垦者能够很自在地增进Web UI
开辟的频率,同不平时候保持了等级次序的高可维护性与肃穆。假诺您必要有利地决定项指标完全样式,或然须要应对再三的分界面变动,那么
QMUI Web 框架将会是你最棒的缓慢解决方案。

越来越多详细介绍请见:《Tencent Web UI 解决方案 QMUI Web ——
探求与沉淀&version=12020010&nettype=WIFI&fontScale=100&pass_ticket=rzgRY%2Fyo9mEqEI%2FJ721xjm3GOjqUdnkqfoMWH7NXVwK0bW0Brrp2gTiavjZRA4Bv)》

QMUI Web

一个意志力增加 UI 开辟效用、火速产生项目 UI 的前端框架,由腾讯 QMUI
团队出品

Github:https://github.com/QMUI/qmui\_web

官网:http://qmuiteam.com/web

Quick Start document for
English

QMUI Web 是叁个注意 Web UI
开辟,扶持开辟者急忙实现特定的一条龙统筹的框架。框架首要由多个刚劲的
SASS 方法合集与内置的干活流构成。通过 QMUI Web,开垦者能够很自在地增强Web UI
开垦的频率,同一时候保持了类其余高可维护性与安稳。假如您必要有利地操纵项指标一体化样式,也许需求应对频频的界面变动,那么
QMUI Web 框架将会是你最棒的解决方案。

下载

Github Release
下载

官方网站下载

另外 QMUI
Web 以及
Demo
也进展了有个别优化立异,具体内容请参谋对应的 Github Commit history。

新萄京娱乐场手机板 4

工程主页和源码地址

工程主页:http://qmuiteam.com/web/page/index.html

源码托管:https://github.com/Tencent/QMUI\_Web

条件铺排

#安装 gulpnpm install --global gulp
#安装 SASS gem install sass
#安装 Compassgem update --systemgem install compass

何以选取原生 SASS 和
Compass?

尤为重要创新

  • 全新分界面与人机联作方式,富含招待页,主分界面与安装界面的重新规划,特别简明流畅的品格,更便捷的竞相
  • 新的日记高亮,更明显,改正确
  • 扩大了部分优化项(分界面宽高敬重,删除多余文件)

DEMO:

使用案例

一时一刻,QMUI Web框架首要用来以下Tencent集团自已的制品中:

SASS 与 Compass 支持

QMUI Web 包涵柒12个 SASS
mixin/function/extend,涉及构造、外观、动漫、设备适配、数值总括以致 SASS
原生本领抓实等两个地点,能够大幅度进级开垦功能。

此次框架更新为 QMUI Web Desktop 的换代。QMUI Web Desktop 能够管理基于
QMUI Web 举办支付的类型,通过 GUI 分界面管理 QMUI Web
的劳动开启/关闭,使框架的应用变得更其便利,并提供了编写翻译提醒,出错提醒,进程关闭提示等额外的成效。

22. Ctaxis

意见反馈

设若有意见反馈只怕效能提出,款待成立
Issue
或发送 Pull
Request,谢谢您的支撑和孝敬。

崭新分界面预览

新萄京娱乐场手机板 5

App.gif

DEMO:

webOfficialPreview.jpg

最近更新

  • 充实调节和测量试验作用(菜单-扶助-开启/关闭调节和测量试验工具,菜单-扶持-重新载入参数积累数据)
  • 分界面协理大气品种显得

DEMO:

新萄京娱乐场手机板 6

WeTest助手是由WeTest(品质开放平台)自己作主研发的依据手提式有线电话机端的扶助测验工具,近日席卷质量测量试验和长途调节和测验两大遵守,
可为手游等门类发掘CPU、内部存款和储蓄器、FPS等质量难题,并提供云端真机用于问题在线调节和测量试验。

立时开端

推介应用 Yeoman 脚手架
generator-qmui
安装和安插 QMUI Web。该工具得以扶植您做到 QMUI Web 的具有安装和配置。

#安装 Yeoman,如果本地已安装可以忽略npm install -g yo
#安装 QMUI 的模板npm install -g generator-qmui
#在项目根目录执行以下命令yo qmui

新萄京娱乐场手机板 7

作用预览

新萄京娱乐场手机板 8

扩张组件

QMUI Web
除了内置的共用组件外,还透过扩大的法子提供了常用的强盛组件,如七喜图组件,等高左右双栏,文件上传开关,树状选择菜单。

新萄京娱乐场手机板 9

底工配置与组件

由此内置的集体组件和相应的 SASS
配置表,你只需改良轻松的配置就可以飞速完毕所需样式的组件。(QMUI SASS
配置表和集体组件如何援救开采者飞速搭建项目根基UI?)

Behaviac是游戏AI的支付框架组件,也是游玩原型的长足设计工具。扶植作为树BT,状态机FSM,HTN等种种范式,方便的编写和调治将养。扶植全平台,适用于客户端和服务器,助力游戏高速迭代开拓。

脚手架

QMUI Web
内置的职业流具有从开首化项目到改动文件的各类自动化管理,包蕴了模版引擎,图片聚焦管理与活动减少,静态能源会集、压缩与改换以至冗余文件清理等效率。

这是一个急迅、强盛、跨平台(macOS & Win)的前端工具,宗旨基于
tmt-workflow 专门的学业流,代码开源可定制。

RapidJSON 是贰个C++的高品质的JSON拆解深入分析器及生成器,同期帮衬SAX/DOM风格的API。

PhxSQL 结构:

新萄京娱乐场手机板 10

2. PhxSQL

DEMO:

15. QMUI Web

新萄京娱乐场手机板 11

AlloyImage是五个选拔Javascript语言开荒的,基于Web的在线图像管理引擎,除了宗旨底层图像管理引擎,还同临时候并入了部分方便飞速的图像管理API,您能够将它差十分的少便捷的引用到你的Web网页中,做出与PhotoShop同样的天生丽质效果。

新萄京娱乐场手机板 12

发表评论

电子邮件地址不会被公开。 必填项已用*标注

相关文章

网站地图xml地图