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

开发效率太低?您可能没看这篇文章

我曾亲眼目睹他在几秒之内打开开发软件, 优雅地调出隐藏的功能, 输入数据输出结果的过程行云流水, 一气呵成, 而手指却始终不曾离开键盘. 吃惊的同时, 不仅发现提高开发效率是多么的重要!...因此工作中需要及时地记下闪现的灵感, 以方便闲暇时温故而知新. 这里推荐两个笔记应用: ① Evernote ② OneNote ....Scroll Reverser mac滚动方向自定义应用, 可分别设置鼠标和触摸板的上下左右的滚动效果...., 然后重启终端~安装完成 autojump 支持快速跳转到曾经打开过的目录下,安装方法: brew install autojump . tmux 终端复用工具, 支持在终端中创建不依赖于终端的窗口,...网站有关 Octotree Github重度依赖者必备, 提供左侧边栏, 快速浏览仓库内容. AdBlock 超强去广告工具, 最受欢迎的Chrome扩展, 拥有超过4000万用户.

4.2K31

11 个高级 Vue 编码技巧

否则，可以像往常一样简单地使用它们，就在图像的 src 中。除了动态图标样式和动画之外，还可以传递道具来更改 SVG 的大小和其他方面（就像任何其他组件一样）。...我最近在一个项目中使用它来生成动态侧边栏导航组件。我在路由器中的某些路由上设置了一个 showInSidebar 元数据属性，我想隐藏在侧边栏中。...在此下方（此处未显示）我还有一个单独的部分，允许侧边栏切换到使用从 API 发送的一组路由。...为了触发它，我简单地使用了一个a v-if，如果它们存在就使用它们，否则它将恢复使用来自 vue-router 的路由。 ? 在我的 SideNavbar 组件模板中： ?...如果你只需要从a 的数据对象中快速获取一个值，你可以简单地通过引用parent的数据对象中快速获取一个值，你可以简单地通过引用parent 来完成： // In parent data() { return

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

    11 个高级 Vue 编码技巧

    否则，可以像往常一样简单地使用它们，就在图像的 src 中。除了动态图标样式和动画之外，还可以传递道具来更改 SVG 的大小和其他方面（就像任何其他组件一样）。...我最近在一个项目中使用它来生成动态侧边栏导航组件。我在路由器中的某些路由上设置了一个 showInSidebar 元数据属性，我想隐藏在侧边栏中。...在此下方（此处未显示）我还有一个单独的部分，允许侧边栏切换到使用从 API 发送的一组路由。...为了触发它，我简单地使用了一个a v-if，如果它们存在就使用它们，否则它将恢复使用来自 vue-router 的路由。 ? 在我的 SideNavbar 组件模板中： ?...如果你只需要从a 的数据对象中快速获取一个值，你可以简单地通过引用parent的数据对象中快速获取一个值，你可以简单地通过引用parent 来完成： // In parent data() { return

    3.1K20

    Mac下提升工作效率的方式

    shift+方向键：这个在选择文本的时候很有用，可以选择单个字符或者整行，多使用才能找到手感。 cmd+shift+左右方向键：这个可以快速选择当前行，用的也很多。...cmd+: 切换同一应用的窗口，这个非常实用。比如打开多个xcode工程的情况下，快速的在不同项目之间切换。 Finder，Firefox等场景下都支持。...全屏工作环境 Macbook屏幕都比较小，再除去顶部状态栏，和底部dock栏，所剩下的展示区域就非常少了，可视区域变小必然会导致更频繁的窗口滚动操作。...我个人习惯把状态栏，dock栏都自动隐藏，这样可以在需要长时间高注意力工作时产生更高的效率，比如写代码时可以在xcode里看到更多的代码，比如编辑文字的时候不用频繁的上下滚动。...被忽视的触摸板 不少人都会觉得macbook的触摸板非常灵敏好用，单指轻触就可以完成鼠标的单击效果，双指轻触右半部分显示菜单，双指上下滑动可以完成页面的上下滚动，双指从右侧滑动呼出通知中心，四指朝外扩散可以显示桌面

    1.5K30

    10个关于 Vue 的高级开发技巧

    否则，可以像往常一样简单地使用它们，就在图像的 src 中。 除了动态图标样式和动画之外，还可以传递道具来更改 SVG 的大小和其他方面（就像任何其他组件一样）。...我最近在一个项目中使用它来生成动态侧边栏导航组件。我在路由器中的某些路由上设置了一个 showInSidebar 元数据属性，我想隐藏在侧边栏中。...在此下方（此处未显示）我还有一个单独的部分，允许侧边栏切换到使用从 API 发送的一组路由。...为了触发它，我简单地使用了一个a v-if，如果它们存在就使用它们，否则它将恢复使用来自 vue-router 的路由。 ? 在我的 SideNavbar 组件模板中： ?...如果你只需要从a parent 的数据对象中快速获取一个值，你可以简单地通过引用 parent 来完成： // In parent data() { return { message: '

    6.5K10

    10个关于 Vue 的高级开发技巧

    否则，可以像往常一样简单地使用它们，就在图像的 src 中。 除了动态图标样式和动画之外，还可以传递道具来更改 SVG 的大小和其他方面（就像任何其他组件一样）。...我最近在一个项目中使用它来生成动态侧边栏导航组件。我在路由器中的某些路由上设置了一个 showInSidebar 元数据属性，我想隐藏在侧边栏中。...在此下方（此处未显示）我还有一个单独的部分，允许侧边栏切换到使用从 API 发送的一组路由。...如果你只需要从a parent 的数据对象中快速获取一个值，你可以简单地通过引用 parent 来完成： // In parent data() { return { message: '...注意：你可能认为 Vuex 非常适合这种情况，但是除非，你想将实用程序方法的结果值存储在 state 中，否则它真的不适合这种情况。

    6.5K20

    一个Mac系统，能让程序员编程效率提升30%

    shift+方向键：这个在选择文本的时候很有用，可以选择单个字符或者整行，多使用才能找到手感。 cmd+shift+左右方向键：这个可以快速选择当前行，用的也很多。...cmd+: 切换同一应用的窗口，这个非常实用。比如打开多个xcode工程的情况下，快速的在不同项目之间切换。 Finder，Firefox等场景下都支持。...点击：加入 全屏工作环境 Macbook屏幕都比较小，再除去顶部状态栏，和底部dock栏，所剩下的展示区域就非常少了，可视区域变小必然会导致更频繁的窗口滚动操作。...我个人习惯把状态栏，dock栏都自动隐藏，这样可以在需要长时间高注意力工作时产生更高的效率，比如写代码时可以在xcode里看到更多的代码，比如编辑文字的时候不用频繁的上下滚动。...被忽视的触摸板 不少人都会觉得macbook的触摸板非常灵敏好用，单指轻触就可以完成鼠标的单击效果，双指轻触右半部分显示菜单，双指上下滑动可以完成页面的上下滚动，双指从右侧滑动呼出通知中心，四指朝外扩散可以显示桌面

    2.4K20

    如何使用 CSS 设置和自定义水平和垂直滚动条

    垂直滚动条非常常见，因为浏览器为所有网站设置了默认垂直滚动条。除了默认滚动条外，您还可以在您的网站内设置自定义垂直滚动条。垂直滚动条可以帮助您的网站用户查看超出容器可见区域的内容。例如，侧边栏导航。...在本节中，我们将按照以下步骤创建一个可滚动的侧边栏导航：a）创建带有导航项目的导航栏b）将导航栏样式设置为侧边栏c）将侧边栏位置设置为固定d）使用滚动条管理项目的溢出a)....将侧边栏位置设置为固定。在本节中，我们将专注于防止侧边栏在滚动主要内容时移动。我们希望将侧边栏样式设置为固定位置，以便主体可以自行滚动而不带上侧边栏。...从截图中可以看出，侧边栏的底部看起来不像设置在底部。这是因为内容比其容器的高度长。在下一节中，我们将学习如何防止导航项目列表显示在侧边栏之外。d)....使用滚动条管理内容溢出防止导航项目显示在侧边栏之外非常简单。只需使用一行CSS代码即可完成此操作，该行代码使用overflow-y属性。

    4.4K00

    VSCode Debug: 揭秘编程中的X因素

    表达式评估（Expression Evaluation）：在调试时，你可以在代码中任何地方输入并执行代码，这对于测试代码片段或验证假设特别有用。...你可以通过.vscode/launch.json文件配置调试环境和参数。 设置和管理断点：在VSCode中，你可以在代码的任何行设置或取消断点。...调试侧边栏：VSCode的调试侧边栏显示了当前的变量值，调用堆栈，断点，以及你可以输入和执行代码的DEBUG CONSOLE。...调试工具栏：调试工具栏包含了多种操作按钮，比如开始/结束调试，暂停/继续执行，以及单步执行（步入，步出，跨过）等。 内联值：在调试期间，VSCode可以显示代码中变量和表达式的实时值。...这对于理解和调试多线程或多进程代码非常有用。 总结 以上就是关于VSCode调试的知识点概述。理解并熟练应用这些知识点，可以帮助我们更有效地找出和修复代码中的错误，从而提升我们的开发效率。

    40210

    Vscode常用快捷键

    基本的编辑 快捷键 描述 Ctrl+Shift+K 删除行 Ctrl+Enter 在本行的下边插入一行 Ctrl+Shift+Enter 在本行的上边插入一行 Ctrl+Shift+\ 跳到匹配的括号...Home/end 行首或者行尾 Ctrl+home/end 跳转到文件头或者尾 Ctrl+↑/↓ 滚动屏幕，相当于滚轮 Ctrl+Shift+[\] 折叠或者展开 Ctrl+/ 切换行注释(打开→关闭.../正则/全字匹配 F2 重命名变量 针对工作区全部文件的查找和替换操作 和原来的查找和替换的快捷键类似，在原来快捷键的基础上加一个 Shift即可，例如可以通过 Ctrl+Shift+H实现对工作区所有文件的查找工作...自定义 vscode的markdown all in one 插件提供了一些markdown文件的快捷编辑形式，这里列出比较常用的快捷键 快捷键 描述 Ctrl+Alt+t 创建目录 a bn h dd...文件管理 快捷键 描述 Ctrl+O 打开文件夹(非工作区，工作区用Ctrl+P) Ctrl+N 新建文件 展示 快捷键 描述 左侧边栏快速打开命令 快速打开侧边栏的一些窗口的快捷键一般是Ctrl

    58510

    推荐一款Python编辑器，集Pycharm和Sublime优点于一身的王者

    下图就是启动vscode后的界面，看起来是不是非常的清亮整洁。 ? 主界面中的左侧侧边栏有几个比较重要的栏目，分别是文件管理、搜索、调试和插件管理。 1）文件管理。...打开我们上面讲的插件管理侧边栏，在应用商店中搜索python返回的第一个结果就是我们需要的插件，下图是我安装完之后显示的画面。...2).调试 说完运行再简单聊一聊调试，可能由于我长期使用sublime的原因，对于vscode的调试功能实在是非常喜爱。...首先来看侧边栏，就是在文章第一部分提到的调试功能界面，其中变量栏包含了vscode自动识别的程序变量 在监控栏可以自定义变量栏中没有的表达式，例如我们想实时监控i+j+k的值，就可以将表达式添加到这里；...---- 作为一款轻量级编辑器，vscode使用起来要比pycharm顺滑的多，而相比sublime它的功能又更加完善，而且如果你的项目包含多种语言（例如web开发），所有代码都可以在vscode中完成

    1.3K20

    这款Python王者编辑器，集Pycharm和Sublime优点于一身

    下图就是启动vscode后的界面，看起来是不是非常的清亮整洁。 ? 主界面中的左侧侧边栏有几个比较重要的栏目，分别是文件管理、搜索、调试和插件管理。 1）文件管理。...打开我们上面讲的插件管理侧边栏，在应用商店中搜索python返回的第一个结果就是我们需要的插件，下图是我安装完之后显示的画面。...2).调试 说完运行再简单聊一聊调试，可能由于我长期使用sublime的原因，对于vscode的调试功能实在是非常喜爱。...首先来看侧边栏，就是在文章第一部分提到的调试功能界面，其中变量栏包含了vscode自动识别的程序变量 在监控栏可以自定义变量栏中没有的表达式，例如我们想实时监控i+j+k的值，就可以将表达式添加到这里；...---- 作为一款轻量级编辑器，vscode使用起来要比pycharm顺滑的多，而相比sublime它的功能又更加完善，而且如果你的项目包含多种语言（例如web开发），所有代码都可以在vscode中完成

    1.7K30

    新手做网页设计？这9款经典网页布局设计了解下

    由于此布局中缺少其他元素，精选图会引起用户对产品的完全关注。 如果你想设计一个可以快速销售产品的网站，那么就可以使用这种布局。...如果你的网站需要提供两种截然不同的用户旅程变体，那么使用拆分屏幕的布局吧。但是要避免在拆分部分添加太多内容。如果内容过长过多，分屏设计不能很好地扩展，会影响体验。...Happiness Abscissa 网站布局思路：侧边栏导航 image.png A: Happiness 该网站使用了一个固定的侧边栏导航来显示整个布局。...导航无疑是任何网站的关键部分，主菜单是大多数用户在导航时首先要查找的内容。除了顶部水平导航外，你还可以通过将菜单选项放在固定的侧边栏中来布局。侧边栏应该选择页面左侧或右侧的垂直列。...但值得一提的是，Medium文章内面又是采用了单栏布局，这是为了方便读者可以没有障碍地滚动鼠标进行阅读。 对于页面上具有大量内容又具有复杂层次结构的网站，栅栏布局是一个不错的选择。

    2.9K31

    【JSjQuery——功能实现】传送门（蓝桥杯真题-2458）【合集】

    为了解决这个烦恼，优秀的产品研发团队发明了一种类似传送门的功能，以便用户能通过它快速定位到感兴趣的内容。这个功能也被通俗地比喻为“电梯”。...home/project wget https://labfile.oss.aliyuncs.com/courses/9790/01.zip && unzip 01.zip && rm 01.zip 在浏览器中预览...判分标准 实现点击侧边按钮快速定位内容功能，得 2 分。 实现侧边按钮文字颜色随页面内容滚动而变化功能，得 3 分。...#lift：设置侧边栏的样式，包括宽度、高度、背景颜色、固定位置、居中显示和使用 Flexbox 布局。 #lift a：设置侧边栏链接的样式，包括宽度、高度、居中显示和去除下划线。...页面显示顶部、中间和底部区域，以及右侧的侧边栏。 2. 点击链接： 用户点击侧边栏上的链接，触发 onclick 事件，调用 toFunction 函数。

    78600

    VS Code 调试完全攻略（4）：launch.json 和调试控制台

    VSCode 使用 launch.json 进行细粒度的控制，有了它就可以启动我们的程序或将其附加到复杂的调试场景中。没有 launch.json 只能搞一些小把戏，我们需要继续向前迈进。...在VSCode中打开我们的示例代码文件夹： ? 打开文件夹 launch.json VSCode 有着方便的用户界面，可以生成配置框架。...切换到调试侧边栏，单击 “create a launch.json file” 并选择 Node.js： VSCode 会在工作区的 .vscode 文件夹下生成一个新的 launch.json 文件：...可以观察到配置文件启用了调试侧栏中的启动菜单，现在可以用该菜单来快速启动我们的玩具服务器 ? ： ?...使用调试控制台 如图所示，你可以输入局部变量（或函数）名，甚至有自动完成功能。 但是你并不会被局限在程序本身的代码中，还可以导入任何可用的模块： ?

    21.5K30

    VSCode之快捷键和常用插件

    前言 介绍一下我在VSCode中常用的一些快捷方式： ctrl+上下箭头 上下滚动页面 Ctrl+Shift+K 删除某一行 Alt+ ↑ / ↓ 移动某一行 Shift+Alt + ↓ / ↑ 复制某一行...一、两种重要使用 1.1 主命令框 Command Palette 最重要的功能就是 F1 或 Ctrl+Shift+P 打开的命令面板了，在这个命令框里可以执行VSCode的 任何一条命令，可以查看每条命令对应的快捷键...在Ctrl+P窗口下还可以：   1) 直接输入文件名，快速打开文件   2) ? 列出当前可执行的动作   3) !...查找替换 查找 Ctrl+F 查找替换 Ctrl+H 整个文件夹中查找 Ctrl+Shift+F 2.4 显示相关 全屏：F11 zoomIn/zoomOut：Ctrl +/- 侧边栏显/隐：Ctrl...前端开发常用插件 1）View In Browser 预览页面（ctrl+F1） 2）vscode-icons 侧栏的图标，对于一个有视觉强迫症的人是必须要的 3）HTML Snippets

    2.3K10

    HarmonyOS NEXT 头像制作项目系列教程之 --- 侧边栏容器组件实现

    项目源码地址项目源码已发布到GitCode平台, 方便开发者进行下载和使用。harmonyOSAvatar项目效果演示 主页面效果如下：侧边栏效果如下1....概述本教程详细介绍HarmonyOS应用中侧边栏容器组件（SlideBarList）的实现。侧边栏容器组件负责管理和渲染整个侧边栏的内容，包括数据处理和列表展示，是构建应用侧边栏的核心组件。2....组件结构SlideBarList组件是一个列表容器，主要包含以下部分：数据处理逻辑：处理和组织侧边栏所需的数据列表渲染：将处理后的数据渲染为侧边栏列表样式设置：设置侧边栏的样式和布局3....，FestivalClass中的id可以用于查找PhotoClass中的cid，作为头像装饰的选择（这部分逻辑可能在其他组件中实现）这种多级数据关联设计使得应用能够灵活地组织和展示不同类别的内容。...总结SlideBarList组件是构建HarmonyOS应用侧边栏的核心容器组件，通过合理的数据处理和列表渲染，实现了功能完善的侧边栏。开发者可以基于此组件快速构建具有多级菜单结构的应用侧边栏。

    10710

    Material Design — 底部导航（Bottom Navigation）

    自上次参加完回音分享会后，我下定决心要洗心革面乖乖打基础，于是开启了这个part，争取两个月不间断更新，写完Material Design与iOS中的组件（顺便学学英语），以便今后在使用的时候完全不虚！...点击底部导航的图标可以：1、直接将你带到相关页面；2、刷新当前页面。 底部导航主要用于移动端，为了在pc端实现类似效果，可以使用侧边导航。...用法 设置3-5个一级页面目的地 这些一级页面是需要直接访问的 颜色 激活的页面icon：1、底部导航栏为黑色/百色——用软件的主色调；2、如果底部导航栏已经有了颜色——使用黑色/白色。...更大的显示器，如pc端，可以通过使用侧边导航实现类似的效果。例如，紧凑的“rail”处理处理方式默认展示导航图标。 ? 左：移动端    右：pc端 什么时候用？...滚动 底部导航栏滚动时可以动态地出现和消失： ·向下滚动隐藏底部导航栏 ·向上滚动显示 手势 在内容区域上使用左右滑动手势不会在一级页面之间切换。

    4.8K91

    使用sublime打造一个终极版的Python开发编辑环境

    本文的重点是在sublime text 3中为那些可能没有充分利用sublime潜能的人设置一个终极版的python开发设置环境。 02 简介 Sublime Text 是一个文本编辑器。...欣赏VSCode和Sublime的一点是JSON设置，默认设置和用户设置。然而，最近的VSCode版本正在把它变得更像Intellij ide。看，JSON设置非常棒。...我们可以在设置中写我们的评论，为什么我们想要一个特定的设置，为什么我们在一开始就禁用它。...安装完成后，您只需从sublime包存储库无缝地安装/卸载您的包。 ?...侧边栏的改进 安装侧栏增强功能，以允许对侧栏中的文件和文件夹进行过多的操作： https://packagecontrol.io/packages/SideBarEnhancements ?

    2.5K20

    使用Visual Studio Code编写Vue的札记

    可以使用 npm install -g eslint-plugin-html 来安装 接着，安装了 HTML 插件后，还需要在 vscode 中配置下 ESLint： "eslint.validate....eslintrc.json , 如果还没创建，还可以使用下面快捷命令来创建。...for VS Code EditorConfig插件 Emoji 在代码中输入emoji ESLintESLint插件，高亮提示 File Peek 根据路径字符串，快速定位到文件 Font-awesome...） 六、快捷键使用 全局 Ctrl + Shift + P, F1显示命令面板 按一下 Backspace 会进入到Ctrl+P 模式 在 Ctrl+P 下输入> 可以进入 Ctrl+Shift...新窗口打开当前文件 显示 F11 全屏、退出全屏 Shift + Alt + 1 切换编辑器分屏方式（横、竖） Ctrl + + 放大 Ctrl + - 缩小 Ctrl + B 显示、隐藏侧边栏

    39.9K92
    点击加载更多

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

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

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

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

      领券