文档建议反馈控制台
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
发布

这11个新的Figma隐藏技巧，大幅提升你的设计效率

这将包括您设计中所有实例的列表，包括嵌套实例。 从那里，您可以分离所有实例或仅分离嵌套实例。分离实例会将它们从父项中移除，但它们会保留它们的设置，例如框架和自动布局。...这意味着您可以在不影响分离实例的情况下更改父项，从而节省您的时间和精力。 5. 手部定位 在 Figma 中设置手部位置的最佳方法之一是将拇指放在“Command”键上。...首先，它使您的画布保持整洁有序，这使得四处移动、调整元素大小和导出屏幕变得更加容易。其次，它允许您快速检查设计的响应能力，因为您可以看到框架内的元素如何适应不同的屏幕尺寸。...这将确保该屏幕上的所有元素都包含在复制的框架中。 8.如何将Frame重新附加到组件上？ 如果您正在处理“死frame”（不再附加到组件的frame）。...使用“保存或附加到已保存的母版”选项再次运行“母版”插件。 就是这样！您的死frame现在将重新附加到所选组件，以便根据需要轻松编辑和更新它们。

6.5K51

VSCode的10个巧妙技巧

命令面板（按其名称）可让你快速访问任何已注册的命令，包括加载项提供的命令。此外，如果给定命令关联了键绑定，它将显示在键入搜索的下拉列表中。通过这种方式，你可以直接使用快捷方式。...右键单击主窗口中的选项卡，然后选择“移至新窗口”以分离选项卡。要重新附加它，请将选项卡拖回到原始窗口上的选项卡列表中。 可将标签分离并转换为独立窗口，并在桌面上自由移动。...但是，默认情况下，建议仅从当前文档或相同类型的打开文档中提供。 最近引入的一项功能允许您从所有当前打开的文件中查找建议。...查看 VS Code 的内部进程列表 操作系统具有实用程序，如 Windows 的任务管理器，可让您查看系统当前正在运行的进程列表。...但您可能不希望为每个语言和文件类型使用相同的自定义设置。Python 项目需要与 Java 或 C# 项目不同的自定义设置。

1.7K10
    • 您找到你想要的搜索结果了吗？
    是的
    没有找到

    使用GNU Screen管理持久终端会话

    没有服务器的同学可以在这里购买，不过我个人更推荐您使用免费的腾讯云开发者实验室进行试验，学会安装后再购买服务器。 安装GNU Screen 本节介绍如何在许多不同的系统上安装Screen。...当您尝试重新连接到会话时，可能会显示分离的Screen列表。每个会话都有一个进程ID或PID。因此，要确定要重新连接的会话，请使用screen -ls命令显示所有Screen会话及其PID。...以下是不同的选项： screen -dr - 将正在运行的Screen与其当前会话分离，并在本地计算机上重新连接会话。 screen -x - 附加到正在运行的会话而不从其当前附件中分离。...当您和另一个用户尝试同时访问同一会话时，此参数特别有用。 screen -DDR - 从正在运行的附件中分离正在运行的会话并执行强制重新附加。当-dr选项不成功时，这很有用。...Ctrl+a A - 允许您输入窗口的标题。 Ctrl+a d - 从Screen上分离。 Ctrl+a ? - 将显示Screen可用的所有命令选项的列表。

    2.8K20

    4-3~8 code-splitting，懒加载，预拉取，预加载

    简介 代码分离是 webpack 中最引人注目的特性之一。此特性能够把代码分离到不同的 bundle 中，然后可以按需加载或并行加载这些文件。...修改 index 或者 another-module 逻辑，都会导致最终输出的文件被改变，用户需要重新下载和当前改动无关的模块内容。...image.png 可以看到，jquery 和 lodash 被分离后，index 和 another 显著变小，而第三方模块基本上是很少改变的，也就是当某个业务模块改变时，我们只需要重新上传新的业务模块代码...3.1 代码自动抽取 让我们使用这个插件，将之前的示例中重复的 lodash 模块 和 jquery 模块抽取出来。...Preload 不同于 prefetch： 一个预加载的块开始与父块并行加载。预拉取的块在父块完成加载后启动。 预加载块具有中等优先级，可以立即下载。在浏览器空闲时下载预拉取的块。

    1.9K20

    成为一名专业的前端开发人员，需要学习什么？

    像Pinterest这样的网站大量使用JavaScript来使他们的用户界面易于使用（事实上，只要你固定页面就不会重新加载页面，这要归功于JavaScript！）。...您可以将jQuery用于倒计时器，搜索表单自动完成，甚至自动重新排列和调整网格布局。...有不同类型的JavaScript框架可以满足不同的需求，尽管提到的四个是实际工作列表中最受欢迎的。...由于如此多的CSS从项目到项目的完全相同的元素开始，所以为您预先定义所有这些元素的框架是非常有价值的。大多数前端开发人员工作列表都希望您熟悉这些框架的工作方式以及如何使用它们。...Git是这些版本控制管理系统中使用最广泛的。了解如何使用Git几乎可以满足任何开发工作的需求。这是开发人员需要具备的重要工作技能之一，但实际上很少有人谈论这些技能。

    1.9K20

    10个基于web的JavaScript最优秀的应用程序库和框架

    许多网站仍然使用jQuery进行基本的文档对象模型(DOM)操作，原因有三个： jQuery非常容易学习。它提供的示例比大多数库都多，所以您很有可能会找到一个示例来演示如何完成特定的任务。...例如，有时jQuery在多个浏览器上的工作方式并不完全相同。JQuery首先关注这些问题，您可以在站点上找到有关浏览器支持的信息。 最后，与其他库不同，jQuery并不是一个完整的解决方案。...页面通常包含顶部的控件，然后是使用说明和示例代码。与jQuery一样，您可以从一个简单的示例开始，但可以根据需要深入了解添加的内容。 这个库Library 与众不同有几个原因。...可以使用替代的第三方库，如Granim.js和Multiple.js的出现提供了jQuery特性的子集，有时还提供了一组有重点的附加功能特性，加载时间大大加快。 4....这些扩展最终看起来像是HTML的附加部分，而不是固定的东西。 Angular 网站明确了使用该产品的两个基本原因：“速度和性能”和“难以置信的工具”。

    3.4K20

    android studio logcat技巧

    单击 Logcat 视图或使用鼠标滚轮向上滚动可关闭此功能。要重新打开它，请从工具栏中单击滚动到末尾 。您还可以使用工具栏清除、暂停或重新启动 Logcat。...图 1.Logcat 格式化日志，以便更轻松地扫描有用信息（例如标签和消息）并识别不同类型的日志（例如警告和错误）。...如何读取日志 每个日志都有一个日期、时间戳、进程和线程 ID、标签、包名称、优先级以及与其关联的消息。不同的标签具有独特的颜色，有助于识别日志的类型。...在多个窗口中使用Logcat 选项卡可帮助您轻松在不同设备或查询之间切换。您可以通过单击新建选项卡 创建多个 Logcat 选项卡。右键单击选项卡可以对其进行重命名和重新排列。...例如， -tag:MyTag 匹配 tag 不包含字符串 MyTag 的日志条目。 正则表达式匹配是通过在字段名后附加 ~ 来表示的。例如， tag~:My.*Tag 。

    3.3K10

    Elasticsearch文档和映射

    段不变性还意味着文档更新的功能相同：当文档“更新”时，它实际上被标记为已删除并替换为具有适当字段更改的新文档。...下面为每个端点提供了一些常规示例，但是如果您想查看更多示例和端点的完整列表，请查看Elasticsearch API文档。...回复朦胧：当映射不清楚时 Elasticsearch用户在映射文档后遇到的最常见问题是映射冲突。当映射值在同一索引中具有不同类型时，会发生映射冲突。这是怎么发生的？...事实证明，映射冲突通常出于以下两个原因之一： ＃1：相同名称，不同类型 在定义映射时，重要的是要知道，当您作为用户可以在逻辑上分离Elasticsearch没有的字段A.response和B.response...那么，如果您需要将先前定义为整数的字段更新为字符串，会发生什么？你猜对了：映射冲突。 那么如何解决这些映射冲突呢？重新编制。在后一种情况下，您应该在需要更新现有字段定义时重新索引数据。为什么？

    2.3K10

    AnyView 对 SwiftUI 性能的影响

    如果是 AnyView（基本上是一个包装类型），SwiftUI 将很难确定视图的身份和结构，并且它将重新绘制整个视图，这并不是真正高效的。...一个可能发生的情况是无尽的不同视图列表，呈现不同类型的数据（例如聊天、活动动态等）。...正在测试的列表具有不同类型的数据（例如图像、视频、GIF、文本等）。在测试不同实现时执行相同的操作（例如，在内容上滚动三次）。数据以每页 25 个项目的形式获取。...其中一些视图相当昂贵（例如 GIF），因此重新绘制可能是一项相当昂贵的操作。通过使用 AnyView，效果类似于将 id 修饰符的值设置为 UUID() - 这将在发生更改时始终更新视图项目。...在这篇文章中，使用 AnyView 与使用 if-else 语句的不同类型的测试显示出没有显着差异。

    2.3K00

    使用工作队列管理器（四）

    分离和附加工作队列通常，初始化一组工作程序，将工作项排队，然后等待工作程序完成工作项。但是，可能会遇到工作人员作业完成工作项所需的时间比预期更长的情况，或者无法将单个进程专门用于等待。...因此，工作队列管理器使能够将工作队列与进程分离，然后将工作队列附加到同一进程或不同的进程。例如，假设队列引用了初始化的工作队列。还假设向工作队列中添加了几个工作项。...timeout 参数是可选的，它指示系统保留分离的工作队列对象的时间量（以秒为单位）。超时期限过后，系统会删除与工作队列关联的所有工作人员作业和信息。超时的默认值为 1 天。...系统删除然后重新创建工作队列，不附加任何工作项。之后，系统立即从 Wait() 或 WaitForComplete() 返回。指定安装和拆卸处理每个工作队列通常有多个worker jobs。...%SYSTEM.WorkMgr 类提供方法 Setup() 和 TearDown()，可以使用它们来定义工作人员作业的设置活动和清理活动。

    51720

    前端练级攻略(第二部分)

    如何查询元素 如何添加事件监听？ 如何更改 DOM 节点属性？ 有关常见的 JavaScript DOM 交互的列表，请查看 PlainJS 的 JavaScript 函数和助手。...该网站提供了一些例子，说明如何在 HTML 元素上设置样式和附加键盘事件监听器。如果你想深入挖掘，你可以随时阅读 Eloquent 讲的 JavaScript 中关于DOM的部分。...这些模式被设计成在应用层之间创建清晰的关注点分离。 关注点分离是一种设计原则，主要思想是将应用程序拆分为不同的域特定层。...帮助我理解如何从命令式编程过渡到声明式JavaScript编程的最有帮助的文章之一是在StackOverflow上的 AngularJS 与 jQuery有何不同。...这个练习的目的是向你展示 MVC 如何在不混合框架特定语法的情况下工作。 ? 首先，在TodoMVC上查看最终结果。第一步是在本地创建一个新项目，并首先建立 MVC 的三个组件。

    4.9K00

    使用WeeChat进行Internet中继聊天

    WeeChat是一个用C语言编写的基于终端的多平台Internet中继聊天（IRC）客户端.Weechat旨在灵活和可扩展，因此具有用不同语言编写的各种插件，包括Python，Perl和Ruby。...通道通常以井号（＃）为前缀，有时包含多个井号以表示不同类型的通道。个人用户还可以使用私人消息私下聊天。许多Linode客户使用IRC获得技术帮助和交流知识。...WeeChat中的每个通道都是缓冲区。服务器也是缓冲区。默认情况下，WeeChat不包含缓冲区列表，但您可以安装一个插件。建议使用buffers.pl插件，并在屏幕左侧显示缓冲区列表。...实例 如果您在上面指定的屏幕中运行WeeChat，则可以从WeeChat实例中分离并稍后重新附加。...从屏幕上，按分离CTRL + A，然后d。要重新连接到屏幕，请运行screen -r。即使您已从Linode实例注销并稍后连接，也可以重新连接到屏幕。

    7.2K30

    vuejs中的组件以及父子组件间通信传值

    (您有任何疑问,都可以进行提问,我们一起探讨) 前言 您将在本文当中了解到,往网页中添加数据,从传统的dom操作过渡到数据层操作,实现同一个目标,两种不同的方式.以及什么是组件,如何定义和使用组件,父子组件之间如何进行简单的通信传值...前一种方式更多是对vuejs中的一些API学习的验证,还是可以的,它是把html,js和各种逻辑耦合在一起进行编码,类似于jQuery的风格.它也能搞事,但是这与脚手架搭建起的应用是不同的 后一种使用脚手架方式却是我们常用的方式...通过 live() 方法附加的事件处理程序适用于匹配选择器的当前及未来的元素（比如由脚本创建的新元素,这个方法在最新的JQuery版本中移除了的,不推荐使用 delegate() 方法为指定的元素（属于被选元素的子元素...迫使其重新排序的元素，你需要提供一个key的特殊属性 其实使用index做列表的key值也不是一个最好的选择,如果不需要给列表进行排序进行额外的操作，如果频繁的需要跟列表进行变更的时候,使用index是存在问题的...vue是什么,vue中的核心点,以及vue的使用,原生js实现一dom操作,分别从原生js，jQuery,在到vue,他们实现的方式有什么不同,什么是组件,使用组件化的好处,组件化的特性,组件的组成,怎么理解父组件与子组件

    21.9K10

    移除jQuery好像也没那么难

    我最近从我的博客中移除了 jQuery，并发现自己不断地在谷歌上搜索一些模式。...为了节省大家的时间，我编写了这个实用的参考指南，列出了一些最常见的 jQuery 模式及其在 JavaScript 中的等价物。我们将涵盖如何从这些概念和函数迁移到纯 JavaScript。...与 jQuery 可以直接对选择的所有元素调用方法不同，在纯 JavaScript 中，你需要使用 NodeList.forEach() 遍历这个 NodeList。...// jQuery // 隐藏所有 .box 的实例 $(".box").hide(); // JavaScript // 遍历元素列表以隐藏所有 .box 的实例 document.querySelectorAll...("focus", "blurred"); 检查元素是否具有指定类 如果您只想在元素具有某个类时执行某些操作，可以使用 .classList.contains() 来代替 jQuery 的 .hasClass

    2.7K10

    深入理解 Spring IoC 和 DI：掌握控制反转和依赖注入的精髓

    与传统编程相比，传统编程中我们的自定义代码调用库，而 IoC 使框架控制程序的流程并调用我们的自定义代码。为了实现这一点，框架使用具有附加行为的抽象。...这种架构的优点是： 将任务的执行与其实现分离 更容易在不同实现之间切换 程序的更高的模块化 更容易通过隔离组件或模拟其依赖项来测试程序，并允许组件通过契约进行通信 我们可以通过各种机制实现 IoC，例如...我们也可以使用 XML 来实现这一点。 这种方法可能看起来更简单、更清晰，但我们不建议使用它，因为它有一些缺点，例如： 此方法使用反射来注入依赖项，这比基于构造函数或 setter 的注入更昂贵。...这意味着 Spring 将查找具有相同类型的属性来设置的 bean。如果有多个 bean 具有该类型，则框架会抛出异常。...constructor：基于构造函数参数进行自动装配，意味着 Spring 将查找具有与构造函数参数相同类型的 bean。 例如，让我们通过类型创建具有依赖项 item 的 store bean。

    1K11

    Longhorn，企业级云原生容器分布式存储 - 高可用

    Longhorn UI 更改单个卷的数据位置 使用 StorageClass 为单个卷设置数据局部性 数据局部性设置 如何为卷设置数据局部性 意外分离后恢复卷 使用 Longhorn 处理节点故障 卷附件恢复策略...Longhorn 不会停止该卷，即使它由于环境限制而无法将副本保留在附加卷（工作负载）的本地，例如：磁盘空间不足、磁盘标签不兼容等。...通过删除 pod，它的控制器会重新启动 pod，Kubernetes 处理卷重新附加(reattachment)和重新挂载(remount)。...然后，如果故障节点稍后恢复，Kubernetes 将重新启动那些终止的 pod，分离卷(detach the volumes)，等待旧的 VolumeAttachment 清理，并重用重新附加和重新挂载...在这种情况下，分离(detaching)和重新附加(re-attaching)操作已经包含在 Kubernetes 恢复过程中。因此不需要额外的操作，Longhorn 卷将在上述步骤后可用。

    2.7K30

    【前端】详解JavaScript事件代理（事件委托）

    因为事件会从子元素冒泡到父元素，所以父元素上的监听器可以处理这些事件。 优点 减少内存消耗：不需要为每个子元素分别添加事件监听器。 提高性能：特别是在动态生成的元素上，不需要为新元素重新绑定事件。...但是在很多时候，需要通过 AJAX 或者用户操作动态的增加或者删除列表项li元素，那么在每一次改变的时候都需要重新给新增的元素绑定事件，给即将删去的元素解绑事件。...如果用了事件委托就没有这种麻烦了，因为事件是绑定在父层的，和目标元素的增减是没有关系的，执行到目标元素是在真正响应执行事件函数的过程中去匹配的；所以使用事件在动态绑定事件的情况下是可以减少很多重复工作的...Web 应用程序中，对所有可单击的元素都采用这种方式，那么结果就会有数不 清的代码用于添加事件处理程序。...事件委托链：避免在多个元素上设置相同类型的事件代理，这可能导致事件处理逻辑混乱。 事件对象：正确使用 event.target 或 event.currentTarget 来区分事件的来源。

    1.7K10

    Github 移除 JQuery 的过程

    在这篇文章中，我们将解释一点我们最初是如何开始依赖jQuery的，我们是如何意识到不再需要jQuery的，并指出我们没有用另一个库或框架替换它，而是能够使用标准的浏览器api实现所需的一切。...为什么jQuery在早期就有意义 GitHub.com在2007年底引入jQuery 1.2.1作为依赖项。从某种意义上讲，那是谷歌发布其Chrome浏览器第一个版本的前一年。...jQuery使操作DOM、定义动画和发出“AJAX”请求变得简单——基本上，它使web开发人员能够创建更现代、更动态的体验，而这些都是其他人无法比拟的。...总之，与jQuery分离意味着我们可以更多地依赖web标准，让mdnweb文档成为我们的前端开发人员事实上的默认文档，在未来维护更具弹性的代码，并最终从打包的包中删除30kb的依赖项，从而加快页面加载时间和...相反，我们： 设置指标，跟踪每行代码使用jQuery调用的比率，并随时间监视该图，以确保它要么保持不变，要么下降，而不是上升。 我们不鼓励在任何新代码中导入jQuery。

    2.9K10

    前端面试题

    如果想要知道打印样式表的效果如何，直接在浏览器上选择打印预览就可以了。 2.3. 解释一下你对盒模型的理解，以及如何在CSS中告诉浏览器使用不同的盒模型来渲染你的布局。...考虑到这个问题，css3中引入了一个新的属性：box-sizing，它具有“content-box”和”border-box“两个值。...Jquery中.bind()、.live()、.delegate()和.on()之间的区别详解 使用.bind()方法非常浪费性能因为它把同一个事件处理函数附加到了每一个匹配的元素上 你应该停止使用.live....bind() ， .live()和.delegate()实现的语法糖，具体取决于你如何调用它 新的方向是使用新的.on()方法。...beforeUpdate（更新前） 在数据更新之前调用，发生在虚拟DOM重新渲染和打补丁之前。可以在该钩子中进一步地更改状态，不会触发附加的重渲染过程。

    2.3K10
    点击加载更多

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

      Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

      深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 粤公网安备44030502008569号

      腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号

      领券