首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

高效设计 | 云端库的工作方式

使用者只需将组件库添加到 Sketch Library,即可随时调用最新组件,快速搭建和输出页面。Sketch上的云端设计库会包含设计规范,关键和常用设计页面,UIKIT这三部分内容。...规范中会包含整体的样式、排版、适配规则,以及组件的样式标注、使用说明和使用示例。 我们目前选择是基于iCloud能力来做的,大家也可以根据自己的诉求选择喜欢的。...其实Sketch工具自身也是拥有能力的,而我们选择iCloud的原因是:1. iCloud不需要访问外国网站,随时随地移动办公不受限制;2....目前Sketch能力不算太完备和稳定,担心大家升级Sketch的版本后会用不了。...此时你就可以通过 Symbol 在 Sketch 中引用规范中的组件: 3.更新组件 每当规范有更新时右上角会出现“Library Update”推送,选择你需要更新的组件就OK了。

67730

基于通用组件语言规范的声明式组件库,腾讯WeComponents正式开源

组件内对外屏蔽了产品规范、交互规范、设计规范、前端规范,开发时按照组件粒度组织页面,像产品经理一样聚焦业务逻辑本身,代码简洁易理解。 特点 WeComponents 在使用中具有以下的特点。 1....通用组件语言规范 通用组件语言规范是将所有组件抽象为统一模型的一种标准描述方式,因采用JSON作为描述方式,天然是跨端的,可以按照需求,实现为具体运行环境下、具体语言、具体框架的组件库。...通用组件语言规范组件的抽象体现为属性和方法。属性是对组件的声明式描述,包含基础信息、实体属性、扩展属性;方法是外部对组件的操作,包含针对不同级别属性的get/set操作。...WeComponents 国内镜像地址: https://git.code.tencent.com/Tencent_Open_Source/WeComponents (登录后才能访问公开项目) 腾讯工蜂源码系统为开源开发者提供完整...、最新的腾讯开源项目国内镜像

1.4K64
您找到你想要的搜索结果了吗?
是的
没有找到

【玩转腾讯】小程序组件使用

是目前腾讯推出的多端实时音视频的处理方案,官方地址介绍。这里记录一下个人使用这个组件的一些经验。...加上TIM的即时通信能力,直接可以搭建一个企业级的直播应用,如果加上腾讯白板,直接变成会议小帮手,教学大杀器,业务场景完全可以在实时音视频业务之上自由组合。...获取代码 可以在github上下载最新的代码,也可以直接在官网上下载代码包,这里贴上两个地址 github 腾讯官网 代码clone下来或者是解压完成后,会看到trtc-room的一个组件的代码包...组件trtc-room common 里面是组件提供给外部的事件,包括本地和远端的默认状态等等,这里面都会有比较详细的注释 user-controller 这里是通讯成员管理模块,里面是远端成员(下行流...组件使用 注册腾讯账号。就是把注册好账号的SDKAppid和SECRETKEY填一下。

9.6K20

腾讯上架构之资源命名规范设计

本篇主要描述客户在使用腾讯产品资源时,需从资源命名规范上,进行统一规范化设计。...上资源统一命名目的是:其一,上资源命名规范化;其二,上资源统一规范便于后续上自动化,以增强整体上运维能力,提升平台整体运维透明度/资源辨识度,以及从资源管理、上自动运维管理等维度提升上管理的高效性...目标读者本文档主要适用于如下对象群体:平台工程师平台配置工程师架构师平台研发人员1.背景在服务众多客户的过程中,发现不少客户在使用腾讯产品资源时,资源命名没有统一的规范,要么没有命名规范,出现...资源命名目标本篇主要基于上常见的资源情况进行统一命名,便于资源命名规范化,以及后续上自动化,提升上运维效率。1.2....资源命名规范该文档制定的规范适用于客户上资源当前及未来的资源命名和参考。 若有特殊化命名需求,建议结合自身团队的需求,进行统一设计与迭代。

3.9K190

VUE组件开发规范

“ Vue组件提供了丰富多样的配置可供开发者使用,不同的配置项书写顺序并不影响实际运行效果,但这缺给后期维护带来了一定的困扰,因此在蓝鲸产品中心我们规范了配置项的书写顺序。...” 01 书写原则 组件是什么 组件需要依赖什么 组件需要什么数据 组件内部有什么数据 组件在各生命周期做了什么 组件有什么API可调用 02 规范组件是什么 首先应该告诉开发者该组件是什么,因此我们要求将...三 组件需要什么数据 一个组件作为子组件与父组件通信时,父组件的数据需要通过props属性向下传递,其他诸如directives mixins等依赖依次在后。 ?...六 组件内部有什么API可调用 最后,组件内部有什么API可调用,即methods。 ? 至此,我们的规范已经形成,其他未列入的属性配置项,按照以上原则在合适的位置书写即可。...原文作者:腾讯高级工程师  朱雷 来源:腾讯内部KM论坛   -前端好课-   ?

1.2K31

Sketch插件新利器——使用Mockplus DS制作设计规范

支持6大模块设计资源的导入和导出,为设计师提供更加全面的设计服务 插件提供了6大设计模块(比如Logo、色彩、字体、组件、图片以及图标模块),方便设计师根据需要,从Sketch直接添加或再加工各种类型的设计规范和资源...支持插件与MockplusDS的同步自动更新,简化设计规范制作过程 在Sketch插件内添加的各种图片,组件以及字体样式,Mockplus DS系统会自动同步更新,从而极大简化设计规范系统制作过程。...支持组件添加,丰富和优化设计规范系统 支持各类UI设计组件的制作和导出,是Sketch不同于其他绘图工具的重要特点。...而Mockplus DS插件考虑到这一点,同样支持Sketch组件的直接添加和应用,以丰富和优化设计规范系统。 ? 如图,点击加号,即可实现组件添加。 4. ...为方便大家搭建更加完整全面,细节清晰的设计规范体系,Mockplus DS系统也提供了非常丰富的其它设计功能: 比如,Mockplus DS封装了Logo, 标准字,字体,标准色,图标,图片,度量,阴影以及组件等九种设计规范模块

70120

Sketch插件新利器——使用摹客设计规范制作设计

而该Sketch插件,之所以称作“新利器”,主要因其拥有以下突出特点: 1.支持6大模块设计资源的导入和导出,为设计师提供更加全面的设计服务 插件提供了6大设计模块(比如Logo、色彩、字体、组件、图片以及图标模块...支持插件与摹客设计系统的同步自动更新,简化设计规范制作过程 在Sketch插件内添加的各种图片,组件以及字体样式,Mockplus DS系统会自动同步更新,从而极大简化设计规范系统制作过程。...支持组件添加,丰富和优化设计规范系统 支持各类UI设计组件的制作和导出,是Sketch不同于其他绘图工具的重要特点。...而摹客设计系统插件考虑到这一点,同样支持Sketch组件的直接添加和应用,以丰富和优化设计规范系统。 5.支持组件添加.jpg 如图,点击加号,即可实现组件添加。 4. ...摹客设计系统封装了Logo, 标准字,字体,标准色,图标,图片,度量,阴影以及组件等九种设计规范模块, 方便设计师们创建更加规范统一的Web或APP 产品。

68540

腾讯开发者社区内容推荐审核规范

腾讯开发者社区的内容活动开展,均在统一的内容价值观指引下进行——鼓励原创的技术创作,提供可信赖的内容,挖掘技术的价值,培育分享的土壤。...腾讯开发者社区,我们鼓励的内容: 1、 以传递技术知识、分享实践经验、表达技术观点为主要方向,有价值、有深度的原创内容。...腾讯开发者社区,我们不鼓励的内容: 1、 非原创低质内容:如读书笔记、刷题记录、系列工具安装教程等,没有个人思考与总结,更多为拾人牙慧的文章。...标题规范 ● 真实可信、简单平实 ● 不夸大、不作伪、不标题党 ● 腾讯开发者社区有权根据规范修改标题 配图规范 ● 杜绝色情低俗图片吸引点击 ● 图片与文章耦合紧密,图文相关性大 ● 图片背景简单...a) 腾讯 13 年,我所总结的Code Review终极大法 b) 鹅厂程序员的9个生存法则 四、 首页推荐文章标准细则 维度 评估维度 参考值 文章内容 选题立意(主题) (1)腾讯产品重大发布及业务实践

73461

设计效能 | QQ动漫的设计系统之路

问题之源—本地组件库 在项目初期,团队设计师的协作方式是通过一个本地的sketch规范文件,以复制粘贴的方式来复用一些元素和控件。...优化后的流程是把sketch本地组件库通过xshow上传至云端服务器,设计师通过xshow云端功能添加到sketch中,并在设计文件中嵌入这些云端组件。...针对以sketch为基础的云端组件库来说,常用的工具流程包括sketch cloud,各类同步盘,第三方数据库自主部署等等。...图标规范也会影响组件库的整理和日常使用,在做图标组件时,需要定义好图标的最大范围和最小范围,嵌套起来使用才不会出错。图标的规范要严谨,同一个尺寸下的图标视觉面积要保持一致。...| 数据化设计 设计创新|QQ主题美化体验升级 ---- 感谢阅读,以上文章由腾讯ISUX团队创作,版权归腾讯ISUX所有,转载请注明出处,违者必究,谢谢您的合作。

64420

腾讯VPC机器,安装监控组件没图像

首先确保不是安全软件拦截监控组件,然后继续。...安装监控组件后续用等5分钟左右才会有图像,刚买下机器,灰色转圈刚变成绿色运行中就立即查看监控会提示没安装监控组件腾讯控制台这个逻辑有问题,即便买机器时选了带监控组件。...如果没有,那就需要确认监控组件运行状态如何了。...要确保监控相关的内网域名解析没有问题,如果是DNS解析内网域名出了问题,可以直接在hosts写死内网域名的IP,这样就不会受修改DNS影响内网服务了(内网域名解析有问题会影响kms激活、ntp校时、内网镜像服务、腾讯...sdk内网下载、安全组件等)以管理员身份运行下面这几行命令在hosts里写死内网域名解析即可,参考https://cloud.tencent.com/developer/article/1878648

1.7K10

UI设计师高效协作的秘诀 | 云端库工作方式揭秘

使用者只需将组件库添加到 Sketch Library,即可随时调用最新组件,快速搭建和输出页面。Sketch上的云端设计库会包含设计规范,关键和常用设计页面,UIKIT这三部分内容。...规范中会包含整体的样式、排版、适配规则,以及组件的样式标注、使用说明和使用示例。 我们目前选择是基于iCloud能力来做的,大家也可以根据自己的诉求选择喜欢的。...其实Sketch工具自身也是拥有能力的,而我们选择iCloud的原因是:1. iCloud不需要访问外国网站,随时随地移动办公不受限制;2....目前Sketch能力不算太完备和稳定,担心大家升级Sketch的版本后会用不了。...此时你就可以通过 Symbol 在 Sketch 中引用规范中的组件: 3.更新组件 每当规范有更新时右上角会出现“Library Update”推送,选择你需要更新的组件就OK了。

83530

Vue.js 组件编码规范

目标 本规范提供了一种统一的编码规范来编写 Vue.js 代码。这使得代码具有如下的特性: 其它开发者或是团队成员更容易阅读和理解。...Vue 组件命名 组件的命名需遵从以下原则: 有意义的: 不过于具体,也不过于抽象 简短: 2 到 3 个单词 具有可读性: 以便于沟通交流 同时还需要注意: 必须符合自定义元素规范: 使用连字符分隔单词...-- 与自定义元素规范不兼容 --> 组件表达式简单化 Vue.js 的表达式是 100% 的 Javascript 表达式。这使得其功能性很强大,但也带来潜在的复杂性。..., 不符合 BEM 规范 */ 提供组件 API 文档 使用 Vue.js 组件的过程中会创建 Vue 组件实例,这个实例是通过自定义属性配置的。...保证所有的开发者使用同样的编码规范。 更早的感知到语法错误。 怎么做?

6.4K20

Vue.js 组件编码规范

提供一种统一的编码规范来编写 Vue.js 代码。这使得代码具有如下的特性: * 其它开发者或是团队成员更容易阅读和理解。...Vue组件命名 组件的命名需遵从以下原则: * 有意义的 : 不过于具体,也不过于抽象 * 简短 : 2 到 3 个单词 * 具有可读性 : 以便于沟通交流 * 必须符合 自定义元素规范 : 使用连字符...-- 与自定义元素规范不兼容 --> 组件表达式简单化 Vue.js 的表达式是 100% 的 Javascript 表达式。这使得其功能性很强大,但也带来潜在的复杂性。...ViewModel 上的,组件的每一个事件都应该按照一个好的命名规范来,这样可以避免不少的开发问题 WHY?...* 保证所有的开发者使用同样的编码规范。 * 更早的感知到语法错误 HOW?

16.1K20

腾讯开发者社区的使用说明及规范

注册为腾讯用户,且经过手机号码验证,即可发表文章。...社区的文章规范标准是什么? 腾讯开发者社区的内容活动开展,均在统一的内容价值观指引下进行——鼓励原创的技术创作,提供可信赖的内容,挖掘技术的价值,培育分享的土壤。...在腾讯开发者社区,腾讯产品的相关提问,官方产品团队解答参与率达到70%。开发者能获得最直接的反馈,让沟通产生最具效能的价值。 如何提问?...1、注册腾讯账号 注册/登录为腾讯用户 导航菜单中点击【创作】或者 进入创作中心 2、创作中心上传视频 点击【发视频】- 填写视频基本信息- 发布 ---- 视频内容规范是什么?...---- 剪辑工具--腾讯制作使用手册(用户端v5.0) 标题规范,避免以下行为: 1)夸大其词、标题与视频内容主题不符 2)标题中带具有争议、容易引起纠纷的词汇或名 3)标题中带有色情、暴力

58K5728

腾讯 Code Review 规范出炉!

不,有一本书叫做《unix 编程艺术》,我在不同的时期分别读了 3 遍,等一会,我讲一些里面提到的,我觉得在腾讯尤其值得拿出来说的原则。...想一想,亚马逊、阿里折腾了多少年,最后才找到了容器+Kubernetes 的大杀器。这里,需要谷歌多少年在 BORG 系统上的实践,提出了优秀的服务编排领域模型。...这,思考模型边界,构建模型细节,就是两个很重要的能力,也是绝大多数腾讯产品经理不具备的能力,你得具备,对整个团队都是极其有益的。...腾讯不乏 200w+行的客户端,很大,很牛。但是,同学们自问,现在还调整得动架构么。手 Q 的同学们,看看自己代码,曾经叹息过么。...对于代码格式规范,100%严格执行,严重容不得一点沙。 文件绝不能超过 800 行,超过,一定要思考怎么拆文件。工程思维,就在于拆文件的时候积累。

2.3K60

TDesign 正式开源发布,腾讯设计布局重要能力拼图!

所以说,“生于腾讯,聚于腾讯”便是对腾讯设计诞生过程最好的概括。...TDesign 应运而生 事实上,在产品开发的过程中,团队参与人员的痛点是各不相同的:比如设计师希望了解组件库的使用规范、适用场景、拓展方案等等;产品经理希望知道组件能否满足业务场景等等;开发更关心组件的接口...,并覆盖了 Axure、Sketch、Figma、Adobe Xd 等各大产品设计软件。...除了常规设计资源,TDesign 还提供了辅助设计工具如 Sketch 设计插件,也支持在腾讯 Codesign、即时设计、Pixso、墨刀等市面常用设计工具中使用 TDesign 设计物料。...基于 TDesign 的设计体系规范,TDesign 同时上线了组件库的桌面端和移动端,提供了多个技术栈实现版本。

3.4K50

腾讯偷袭腾讯

02李鑫眼神.jpg 时间回到九月份的一个下午,坐在工位上的的E.m突然接到一个秘密任务: 干掉腾讯! 行动代号:干掉腾讯  下达这道命令的是Fooying。...Fooying是腾讯安全鼎实验室的成员,负责守卫腾讯的安全。从加入腾讯的那一天起,他和他的团队就枕戈待旦,时时刻刻提防着黑客对腾讯的攻击。...随着腾讯的快速发展,越来越多的企业入驻腾讯,不少黑客也将攻击的目标转移到了上。国内外因为被黑客攻击导致的删库、数据泄露、病毒勒索的公司比比皆是。腾讯云安全的重要性可想而知。...刘钢工位前.JPG Rud是本次红蓝对抗的红军负责人,将迎战蓝军猛烈的攻击,守卫腾讯。 在腾讯,每天都有众多安全人员在巡视、建设腾讯的安全防线。尽管如此,攻防两端终究是一场不均衡的较量。...腾讯的红蓝对抗已经逐步常态化,既是保护自己的方式,也是守护上合作伙伴的重要途径。 腾讯,正在用一场场自我的战斗,磨练出更安全的

113.5K30

React 项目结构和组件命名规范

允许两个具有相同名称的组件组件的命名在应用程序中具有声明性和惟一性,以避免混淆每个组件的职责。但是,上面的方式破坏了具有相同名称的两个组件,一个是容器,另一个是展示示组件。...即使在目录上区分展示组件和容器组件是没有太多必要的,了解它们之间的差异性依然是有必要的。...UI 组件是通用的组件,不属于模块。 它们是可以保留在开源库中的组件,因为它们没有来自特定应用程序的任何业务逻辑。 这些组件的示例包括:按钮,输入,复选框,选择,模态框,数据可视化组件等等。...组件根据其与组件或src的相对路径进行相应命名。 鉴于此,位于src/components/User/List.jsx的组件将被命名为UserList。...位于src/screens/User/List的组件将命名为ScreensUserList 组件和目录同名时,不要在使用组件的时候重复这个名字。

6.6K30

如何构建UI组件设计规范

基于组件的设计规范可以使应用程序具有视觉和功能上的一致性,这有助于用户感到宾至如归,并能够轻松地得到指导以完成与产品的所需交互。 为什么需要组件设计规范?...Airbnb的设计工作室在构建他们的设计规范时坚持了这种理念:“ 我们的设计应该是统一的平台,通过定义明确和可重用的组件来提高效率”。 以下是使用组件设计规范的一些关键优势。 1....组件在设计和开发之间提供更好的协作,允许设计语言随着时间变化而发展。在理想情况下,你在Sketch上看到的是使用React构建的内容。 4....但是,如何才能真正地创建基于组件的设计规范,使设计人员和开发人员可以利用该规范进行协作? 在创建基于组件的设计规范前,你必须了解它是什么。...Bit -作为构建块的组件 Bit是构建组件库的新趋势。 通过使用Bit,你可以组织来自上不同项目的组件,而无需重构这些项目或现有库。

45410

如何构建UI组件设计规范

基于组件的设计规范可以使应用程序具有视觉和功能上的一致性,这有助于用户感到宾至如归,并能够轻松地得到指导以完成与产品的所需交互。 为什么需要组件设计规范?...Airbnb的设计工作室在构建他们的设计规范时坚持了这种理念:“ 我们的设计应该是统一的平台,通过定义明确和可重用的组件来提高效率”。 以下是使用组件设计规范的一些关键优势。 1....组件在设计和开发之间提供更好的协作,允许设计语言随着时间变化而发展。在理想情况下,你在Sketch上看到的是使用React构建的内容。 4....但是,如何才能真正地创建基于组件的设计规范,使设计人员和开发人员可以利用该规范进行协作? 在创建基于组件的设计规范前,你必须了解它是什么。...Bit -作为构建块的组件 Bit是构建组件库的新趋势。 通过使用Bit,你可以组织来自上不同项目的组件,而无需重构这些项目或现有库。

1.2K30
领券