lio零度

未归档

/ 注册

全部文章 / 未归档（共375篇）

Peacock

如果您经常打开多个 VSCode 实例，并且很难将它们区分开来，那么 Peacock 可能值得仔细研究一下：该扩展微妙地改变了您工作区的颜色主题。 Peacock 将改变工作区的颜色

2021-10-29

0 258

TODO Tree

在代码中有一些任务需要完成，但现在没有时间做。快速简单的方法是，在代码中添加 TODO。等过了一段时间，当您积累了多个待办事项，您需要完成它们。Todo Tree 将帮助您在代码中查找所有 Todo。 TODO Tree

2021-10-29

0 177

HTML End Tag Labels

使用深度嵌套的 <div> 标签，我们很容易迷失方向，不知道它们的结尾是什么 </div>。HTML End Tag Labels 通过在结束标签旁边显示开始标签的类名，帮助我们理解 HTML 代码的结构。 HTML E...

2021-10-29

0 214

使用 SVG 图标

没有理由不使用 SVG 图标： .logo { background: url("logo.svg"); } SVG 在所有分辨率下都可以良好缩放，并且支持所有 IE9 以后的浏览器，现在使用它替换您的 .png，.jpg，或 .gif 文件吧。注意：针对仅有图标...

2021-10-28

0 215

用 rem 来调整全局大小；用 em 来调整局部大小

在根元素设置基本字体大小后 (html { font-size: 100%; }), 使用 em 设置文本元素的字体大小: h2 { font-size: 2em; } p { font-size: 1em; } 然后设置模块的字体大小为 rem: article { fon...

2021-10-28

0 286

给 “默认” 链接定义样式

给 “默认” 链接定义样式： a[href]:not([class]) { color: #008000; text-decoration: underline; } 通过 CMS 系统插入的链接，通常没有 class 属性，以上样式可以甄别它们，而且不会影响其它样式。

2021-10-28

0 180

检测元素是否被聚焦

假设 ele 表示要检查当前是否具有焦点的元素： const hasFocus = ele === document.activeElement

2021-10-27

0 163

制作可拖动元素

假设我们要将以下元素变成可拖动元素： <div id="dragMe" class="draggable">Drag me</div> 该元素需要具有以下样式： .draggable { /* 指示元素可拖动 */ cu...

2021-10-26

0 300

在单击位置显示自定义上下文菜单

当用户右键单击页面时，浏览器将显示默认上下文菜单。有时，我们希望用自己的菜单替换默认菜单，允许用户执行其他操作。这篇文章演示了一个简单的实现。首先，让我们创建一个元素，以显示自定义的上下文菜单元素： <div id="element">Right-click m...

2021-10-26

0 276

创建可调整大小的拆分视图

在这篇文章中，我们将添加一个元素来调整给定元素的子元素的大小。基本结构如下： <div style="display: flex">  <div>Left</div> <...

2021-10-26

0 243