http://www.ox-holdings.com

是一套同微信原生视觉体验一致的基础样式库新匍京娱乐场最全网站:,从内部开源做起的腾讯

摘要今日,腾讯正式开源 QMUI Web 前端框架:一个旨在提高 UI 开发效率、快速产生项目 UI 的前端框架,来自腾讯广研 QMUI 团队。前言经过长时间的打磨迭代,QMUI Web作为腾讯广研 QMUI 团队的一个开源项目,正式发布到 Tencent Github。QMUI Web 是一个 Web UI 的解决方案,从零开始,由编码规范,到组件和工具方法的制作,再到工作流的整合,不断在迭代,也不断在优化,走过了不少的路。QMUI Web 是一个专注 Web UI 开发,帮助开发者快速实现特定的一整套设计的框架。框架主要由一个强大的 SASS 方法合集与内置的工作流构成。通过 QMUI Web,开发者可以很轻松地提高 Web UI 开发的效率,同时保持了项目的高可维护性与稳健。如果你需要方便地控制项目的整体样式,或者需要应对频繁的界面变动,那么 QMUI Web 框架将会是你最好的解决方案。更多详细介绍请见:《腾讯 Web UI 解决方案 QMUI Web —— 探索与沉淀》开发背景2014 年中,QMUI 团队支持的主要项目是 QQ 邮箱,Web 端的邮箱是个庞大的项目,但其并没有统一的 UI 基础库,多年的高速迭代使得项目的 UI 代码变得混乱,各个模块之间各自开发,除了在代码层面表现出混乱和不可控之外,表现层面也并没有很好地统一起来。因此,项目急需一套统一的团队编码规范以及一个 UI 基础库。恰好,这个时候 Sass 等 CSS 预处理器已经发展成熟,自动化工作流的工作模式也日趋完善,因此,我们决定基于这些技术制作一套通用于不同项目的 Web UI 框架。框架的场景定位很明确:需要控制整体样式,并且可以适应频繁迭代打磨的大型项目。所以,这套即将诞生的 Web UI 框架的特性也很明确:需要方便地控制项目的整体样式,应对频繁的界面变动,并保持项目质量稳健。此后经过三年的发展,QMUI Web 最终发展为包含编码规范、样式工具方法与样式管理、内置工作流,配套的 GUI 桌面 App,以及拥有完整文档的解决方案。功能特性基础配置与组件:通过内置的公共组件和对应的 SASS 配置表,你只需修改简单的配置即可快速实现所需样式的组件。(QMUI SASS 配置表和公共组件如何帮忙开发者快速搭建项目基础 UI?)SASS 增强支持:QMUI Web 包含70个 SASS mixin/function/extend,涉及布局、外观、动画、设备适配、数值计算以及 SASS 原生能力增强等多个方面,可以大幅提升开发效率。脚手架:QMUI Web 内置的工作流拥有从初始化项目到变更文件的各种自动化处理,包含了模板引擎,雪碧图处理,图片集中管理与自动压缩,静态资源合并、压缩与变更以及冗余文件清理等功能。扩展组件:QMUI Web 除了内置的公共组件外,还通过扩展的方式提供了常用的扩展组件,如等高左右双栏,文件上传按钮,树状选择菜单。应用案例当前,QMUI Web框架主要用于以下腾讯公司自已的产品中:工程主页和源码地址工程主页: Web UI 解决方案 QMUI Web —— 探索与沉淀》

腾讯作为互联网行业的一大巨头,一直都不吝啬将好的技术开放,与广大开发者共享,未来也将推出VR开放平台和AI技术。腾讯在全球合作伙伴大会披露了未来五年的发展思路,在技术共享方面,腾讯希望利用自己在新技术方面的积累,给开放平台带来更多技术合作和商业发展机会。

 

3Q大战,当年这场“明星产品”之间的“互掐”轰动了整个互联网,腾讯当时“一个艰难的决定”直到现在仍被网民乐此不疲地调侃。事实上,腾讯当时不止做了一个艰难的决定,这场3Q大战使得有着深入骨髓的“封闭”基因的腾讯选择了打开大门,拥抱“开放”战略。技术研发也是在这种环境和背景下,开始向共享、复用和开源迈进。本文将和大家一起看看腾讯的开源之路。

本文为大家整理出27款当前使用较多,口碑较好的腾讯开源软件,这些工具在一定程度上为日常办公节省了时间及人力成本,提高了工作效率。希望它们能给你和你的团队带来便利。

阅读目录

虽然腾讯的技术积累比较深厚,然而腾讯开源的起步却是十分艰难。因为腾讯由业务和产品驱动的研发模式,使得它在开源之路上走得并不平坦,从业务和产品,到 KPI,再到部门之间的壁垒,这些因素都构成了腾讯开源路上的“拦路虎”。

1. WeUI

  • 1.1 jQuery mobile flat-ui 主题
  • 1.2jQuery mobile Bootstrap 主题
  • 4.1 GMU  
  • 4.2 Clouda+ 
  • 4.3 efe   
  • 5.1 Spirit
  • 5.2 Frozen UI

因此,从内部开源做起的腾讯,在其内部开源社区的定位和运营上,会更多地从工程师的角度去考虑问题,这样的方式给大家提供了从轻度到重度参与开源的途径。

WeUI 是由微信官方设计团队专为微信移动 Web 应用设计的 UI 库,是一套同微信原生视觉体验一致的基础样式库,为微信 Web 开发量身设计,可以令用户的使用感知更加统一。

 

有了内部开源基础的腾讯,开始尝试外部开源,但是发现外部开源同样比较困难。因为公司性质的对外开源需要把控的方面特别多,从对开源项目进行安全、商标、专利和协议等各方面的检查,到项目涉及到的部门和业务领域,可以看到,开源一个项目的投入是巨大的,这还不包括开源之后,项目团队投入的维护成本。因此,腾讯早期开源的节奏非常缓慢,截止到 2016 年底,腾讯正式发布的开源项目共计 36 个。

新匍京娱乐场最全网站 1

    纯粹的总结一下移动web开发框架,移动web开发框架有jQuery Mobile 、Sencha Touch等等,他们都来源于web开发,是成熟的框架,jQuery Mobile出自于jQuery家族,Sencha Touch来自于ExtJS。jQuery Mobile 和Sencha Touch都是比较成熟老牌的框架,项目中也有应用。国内也有公司,像BAT巨头也在探索和实现了适合自己的移动web框架。

新匍京娱乐场最全网站 2

DEMO:

 

腾讯开源 6 年的发展历程

2. PhxSQL

 

新匍京娱乐场最全网站 3

PhxSQL是一个兼容MySQL、服务高可用、数据强一致的关系型数据库集群。PhxSQL以单Master多Slave方式部署,在集群内超过一半机器存活的情况下,可自身实现自动Master切换,且保证数据一致性。

1、jQuery Mobile  

 

    jQuery Mobile框架能够帮助你快速开发出支持多种移动设备的Mobile应用用户界面。jQuery Mobile最新版本是1.4.0,默认主题采用扁平化设计风格。jQuery Mobile1.4.0主要侧重于性能和控件方面的改进。除了全新的默认主题和SVG图标,还新增了开关控件、通用过滤器、箭头弹出框、滑动提示框等一系列功能,更是集成了jQuery UI的Tab部件。jQuery Mobile继承了jQuery的优势,并且提供了丰富的适合手机应用的UI组件。jQuery Mobile还有很多的第三方扩展。

 

开源一个项目投入的工作

PhxSQL 结构:

1.1 jQuery mobile flat-ui 主题

 

  

下面简单介绍一下截止到 2017 年腾讯正式发布的开源项目:

新匍京娱乐场最全网站 4

1.2jQuery mobile Bootstrap 主题

 

 

 

 

 

 

 

  1. Blade:一个现代构建系统,期望的目标是强大而好用,把程序员从构建的繁琐中解放出来。Blade 主要定位于 Linux 下的大型 C++ 项目,密切配合研发流程,比如单元测试,持续集成,覆盖率统计等。

  2. Appecker:一款用于 iOS 系列系统的自动化测试框架。

  3. QcloudMna:追风移动加速是腾讯云平台为移动应用开发者提供的基于网络的加速服务。

  4. Ctaxis:云排序用于提供海量数据排序服务, 采用可扩展的分布式存储方案。

  5. APT:安卓性能测试工具,安卓平台高效性能测试套件,用于安卓平台的基准测试、竞品测试。

  6. Koala:跨平台图形编译工具,用于快速生成前端 CSS 和 JS。

  7. TDW:腾讯分布式数据仓库,用于帮助企业低成本构建大数据分析系统或数据仓库。

  8. TscanCode:静态代码扫描工具,针对 C/C++ 代码的静态代码扫描解决方案。

  9. RapidJSON:一个 C++ 的高性能 JSON 解析器及生成器,同时支持 SAX/DOM 风格的 API。

  10. Key-N-Value:KNV 是一个模式自由的高性能树型协议处理引擎,是对 Key-Value 的一个通用结构化扩展。

  11. WeTest助手:基于手机端的辅助测试工具,包括性能测试和远程调试两大功能,并提供云端真机在线调试。

  12. QT4i:iOS 开发自动化测试工具,全面兼容 iOS 真机和模拟器,基于分布式技术,高效并发执行测试。

  13. QT4A:基于 QTA 提供面向 Android 应用的 UI 测试自动化测试解决方案。

  14. Fanvas:SWF 转 HTML5 Canvas 动画。Fanvas 可以把 SWF(包括矢量和位图)完美地转化为 Canvas 动画,让美术妹子一次制作,到处运行。

  15. HaboMalHunter:Habo Linux 恶意软件分析系统,用于在 Linux 平台下进行自动化分析、文件安全性检测的开源工具。

  16. QTAF:QTAF 是一个跨平台的测试自动化工具,适用于后台、原生或混合型客户端应用的测试。

  17. WeDemo:微信团队开源的项目,用于微信开发者进行微信登录、分享功能开发时的参考 Demo。

  18. GAutomator:针对 Unity 手游的 UI 自动化测试框架。

  19. MSEC:毫秒服务引擎是腾讯的一个开源框架,适用于在廉价机器组成的集群上开发和运营分布式后台服务。

  20. Behaviac:行为树(Behavior Tree)解决方案。该方案包括编辑器(Designer)和运行时库(Runtime)。

  21. Blueking CMDB(蓝鲸配置平台):一款面向应用的 CMDB,在 ITIL 体系里,CMDB 是构建其它流程的基石,而在蓝鲸智云体系里,配置平台就扮演着基石的角色,为应用提供了各种运维场景的配置数据服务。

  22. GT(随身调):安卓/iOS 手机端调测组件,用于安卓平台的性能测试、竞品测试及仅凭一台手机进行 App 测试的场景。

  23. weui-wxss:WeUI for 小程序,为微信小程序量身设计。

  24. weui.js:WeUI 是由微信官方设计团队专为微信移动 Web 应用设计的 UI 库。weui.js是 WeUI 的轻量级 js 封装。

  25. Teaf:基于 ACE 的高性能服务端框架,单进程多线程,支持 select/epoll 等模型。

  26. SQLCipher:SQLCipher 提供了对 SQLite 数据库的传输层进行全面加密的工具,而通过使用 SQLCipher ,整个加密过程对客户端是透明的,无需改动应用程序。(该项目是腾讯 fork Zetetic 公司的开源项目)

  27. Tars:基于名字服务使用 Tars 协议的高性能 RPC 开发框架,同时配套一体化的服务治理平台,帮助个人或者企业快速的以微服务的方式构建自己稳定可靠的分布式应用。

  28. Mars:微信官方的终端基础组件,是一个使用 C++ 编写的业务性无关、平台性无关的基础组件。目前已接入微信 Android、iOS、Mac、Windows、WP 等客户端。

  29. WeFlow:一个高效、强大、跨平台(macOS & Win)的前端开发工作流工具,核心基于 tmt-workflow 工作流,代码开源可定制。

  30. Pebble:分布式开发框架。基于该框架,可以让开发者只需专注于业务逻辑的实现,而不需要关注基础功能的开发,如网络通信,数据存储,集群管理等。

  31. tmt-workflow:基于 Gulp(v4.0)、高效、跨平台(macOS & Win)、可定制的前端工作流程。

  32. WeUI:一套同微信原生视觉体验一致的基础样式库,为微信 Web 开发量身设计,可以令用户的使用感知更加统一。包含buttoncelldialogtoastarticleicon等各式元素。

  33. WCDB:腾讯开源的一个高效、完整、易用的移动数据库框架,基于 SQLCipher,支持 iOS、macOS 和 Android。

  34. xLua:xLua 为 Unity3D 增加 Lua 脚本编程的能力,进而提供代码逻辑增量更新的可能。

  35. Tinker:微信开源的 Android 热修复框架,支持在无需升级 APK 的前提下更新 dex, library 和 resources 文件。

  36. Libco:协程组件,将现有多进程同步网络访问改造成协程的基础组件,是微信后台大规模使用的 C/C++ 协程库。

  37. PhxRPC:微信后台团队推出的一个简洁小巧的 RPC 框架,编译生成的库只有 450K(编译只依赖第三方库 Protobuf)。

  38. PhxPaxos:微信后台团队自主研发的一套基于 Paxos 协议的多机状态拷贝类库。

  39. PhxSQL:PhxSQL 是一个兼容 MySQL、服务高可用、数据强一致的关系型数据库集群。

3. PhxPaxos

2、Sencha Touch

 

 

    Sencha Touch做的Web App看起来更像Native App,用户界面组件和丰富的数据管理,全部基于最新的HTML 5和CSS3的 WEB标准,全面兼容Android和iOS设备。Sencha Touch提供了超过50个组件。

 

 

这些开源项目来自腾讯的各个部门,其中包括微信团队、蓝鲸平台和腾讯云平台等,项目的规模有像 weui.js 这样轻量的 JavaScript 库,也有像 MSEC、WCDB 等一些重量级的开源框架。其中有不少项目可以直接应用于类似的业务场景。

PhxPaxos是腾讯公司微信后台团队自主研发的一套基于Paxos协议的多机状态拷贝类库。它以库函数的方式嵌入到开发者的代码当中, 使得一些单机状态服务可以扩展到多机器,从而获得强一致性的多副本以及自动容灾的特性。

3、阿里系web框架

     

    Kissy是阿里前端自己开发的前端框架,KISSY 是一款跨终端、模块化、使用简单的 JavaScript 框架。除了完备的工具集合诸如 DOM、Event、Ajax、Anim 等,KISSY 还面向团队协作做了独特设计,提供了经典的面向对象、动态加载、性能优化解决方案。作为一款全终端支持的 JavaScript 框架,KISSY 为移动终端做了大量适配和优化,让你的程序在全终端均能流畅运行。KISSY Mobile是一套面向移动端的功能特性集合,实现灵活配置的转场动画和View的解偶。KISSY 5.0已经全面支持移动端。Kissy架构可以参考这里。Kissy架构图:

 

 

 

同时腾讯也在以其他三种方式参与开源,积极参与知名开源社区、运营自己开源项目的社区以及为开源项目贡献。

新匍京娱乐场最全网站 5

4、百度移动web框架

百度移动web框架有三个了解了一下。

 

腾讯云在今年 5 月份,宣布加入 CNCF 和 Linux 基金会,在容器服务和 KVM 虚拟化方面贡献自己的力量。6 月,腾讯云加入 MariaDB 基金会,释放腾讯云数据库 CDB 的内核积累。

4. vConsole

4.1 GMU  

    GMU(Global Mobile UI)是百度前端通用组开发的移动端组件库,具有代码体积小、简单、易用等特点,组件内部处理了很多移动端的bug,覆盖机型广,能大大减少开发交互型组件的工作量,非常适合移动端网站项目。 该组件基于zepto的mobile UI组件库,提供webapp、pad端简单易用的UI组件!

 

新匍京娱乐场最全网站 6

vConsole是一款由微信公众平台前端团队打造的前端调试面板,专治手机端看log难题。目前vConsole自带有2个面板,默认为“日志”面板,负责展示log。

4.2 Clouda+ 

 

    Clouda+是移动web应用开发整体解决方案,并特别针对百度轻应用场景进行了优化,旨在让webapp体验和交互媲美Native应用。

 

 

社区参与

新匍京娱乐场最全网站 7

4.3 efe   

efe百度商业体系前端团队推出的web框架,efe有如优势。

4.3.1模块化、组合式的移动前端框架
4.3.2基于 Stylus 的移动端样式库

    他是提供了 JavaScript 模块、CSS 样式库与开发平台的完整前端解决方案。擅长移动端 SPA 项目、轻应用。

       他是专为移动端设计的 Mixin 风格样式工具库。在其基础上创建了 Rider UI,一个灵活的 UI 样式库。

 

 

 

除此之外,腾讯也在积极为一些开源项目做贡献,包括 Docker、Hadoop、Ceph 以及 Linux Kernel 等。

DEMO:

5、tencent

新匍京娱乐场最全网站 8

5. Frozen UI

5.1 Spirit

         Spirit并不是一个具体的框架或者工具,但是她是移动端一系列解决方案的整合与聚拢。她是Alloyteam开发团队在移动开发项目中通过大量实践、归纳、总结提炼而成,最终沉淀下来的一个体系,真正建立一套移动Web开发的集成解决方案。Spirit主要由5个部分组成:移动Web开发规范、JM、JMUI、Mobug、Mars。

 

 

腾讯的未来开源计划

Frozen UI是一个开源的简单易用,轻量快捷的移动端UI框架。基于手Q样式规范,选取最常用的组件,做成手Q公用离线包减少请求,升级方式友好,文档完善,目前全面应用在腾讯手Q增值业务中。

5.2 Frozen UI

    Frozen UI是腾讯ISUX团队(社交用户体验设计团队)根据最新的手机QQ设计规范制作的移动端Web框架,包括CSS基础样式和组件、JavaScript基础组件和一些动画效果库。为了方便记忆和增添趣味性,腾讯ISUX团队为它取了动画片《冰雪奇缘》的英文名,并把Elsa女王作为该项目的卡通代言人。

    项目主页:http://frozenui.github.io

    Github代码托管地址:

 

可以看到,腾讯未来的开源计划,与当下的技术趋势也是密切相关,涉及到机器学习和 AI 等方面。其中值得关注的一个项目是 SOTER,这是一个腾讯生物认证组件,应用于微信 Android 客户端的指纹支付业务,以及公众平台 H5 页面的指纹授权。除此之外,还包括小程序相关的一些项目。

新匍京娱乐场最全网站 9

6、ionic

 

    Ionic提供了一个免费且开源的移动优化HTML,CSS和JS组件库,来构建高交互性应用。基于Sass构建和AngularJS 优化。

    Ionic既是一个CSS框架也是一个Javascript UI库。许多组件需要Javascript才能产生神奇的效果,尽管通常组件不需要编码,通过框架扩展可以很容易地使用,比如我们的AngularIonic扩展。

    Ionic遵循视图控制模式,通俗的理解和 Cocoa 触摸框架相似。在视图控制模式中,我们将界面的不同部分分为子视图或包含其他视图的子视图控制器。然后视图控制器“驱动”内部视图来提供交互和UI功能。一个很好的例子就是标签栏(Tab Bar)视图控制器处理点击标签栏在一系列可视化面板间切换。 github。

 

 

 

DEMO:http://frozenui.github.io

7、Amaze UI

      Amaze UI 采用业内先进的 Mobile first 理念,从小屏逐步扩展到大屏,最终实现所有屏幕适配,适应移动互联潮流。Amaze UI 含近 20 个 CSS 组件、10 个 JS 组件,更有 17 款包含近 60 个主题的 Web 组件,可快速构建界面出色、体验优秀的跨屏页面,大幅度提升你的开发效率。Amaze UI 非常注重性能,基于轻量的 Zepto.js 开发,并使用 CSS3 来做动画交互,平滑、高效,更适合移动设备,让你的 Web 应用可以高速载入。

6. WeFlow

8、CardKit

 

    CardKit 是来自豆瓣的一个移动 UI 框架,使用 CardUnitComponent 概念快速构建移动 Web 应用。应用外观跟原生应用无异。

 

 

 

 

 

这是一个高效、强大、跨平台(macOS & Win)的前端工具,核心基于 tmt-workflow 工作流,代码开源可定制。

9、App.js

    App.js 是一个轻量级的 JavaScript UI 库,用来创建移动的 Web 应用,应用的外观跟原生的应用相同,性能也近乎一致。

特点:

跨平台,支持 Android 2.2+ 和 iOS 4.3+

Widgets 和自定义主题

页面调整管理

 

 

10、Junior

    Junior为前端框架,用来构建基于HTML5的移动Web应用,外观与行为跟本地应用相似。它采用针对移动性能优化的CSS3转换,支持旋转灯箱效果,包含多样的 Ratchet UI组件。整个框架使用Zepto(类似jQuery语法的轻量级移动设备js类库),且整合了backbone.js的视图和路由。 Junior十分易于使用,且提供详细的文档及案例,便于学习。

 

 

 

 

新匍京娱乐场最全网站 10

11、Jingle

 

    Jingle是一个SPA(Single Page Application)开发框架,用来开发移动端的html5应用,在体验上尽量去靠近native应用,希望有一天html5能够做到与native 一样的操作体验。提供了按钮、列表、表单、弹出框、轮换、上拉/下拉、日历等各种移动端常用的组件,简单适用.

 

 

 

 

DEMO:

12、mui

    性能和体验的差距,一直是mobile app开发者放弃HTML5的首要原因。 浏览器天生的切页白屏、不忍直视的转页动画、浮动元素的抖动、无法流畅下拉刷新等问题,这些都让HTML5开发者倍感挫败,尤其拿到Android低端机运行,摔手机的心都有; 另一方面,浏览器默认控件样式又少又丑,制作一个漂亮的控件非常麻烦,也有一些制作简单的ui框架但性能低下。

    mui框架有效的解决了这些问题,这是一个可以方便开发出高性能App的框架,也是目前最接近原生App效果的框架。

 

 

7. WeTest-Assistant

13、Polymer

    Google给我们带来了Polymer。Polymer是是一个让你可以轻易创建web组件的框架。
在他们完成开发web应用底层结构之后,他们开始专注于UI。Polymer 是 material design 在 web 平台的实现. Polymer 团队与 material design 设计团队合作非常的紧密。 事实上, Polymer 在 material design 的研发阶段扮演着关键性的角色: 它被用于快速原型化和重现设计的概念.

WeTest助手是由WeTest(质量开放平台)自主研发的基于手机端的辅助测试工具,目前包括性能测试和远程调试两大功能, 可为手游等项目发现CPU、内存、FPS等性能问题,并提供云端真机用于问题在线调试。

新匍京娱乐场最全网站 11

郑重声明:本文版权归新匍京a奥门-最全网站手机版app官方下载所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。