lio零度

分类

未归档(375)

/ 注册

全部文章（共375篇）

mouseenter 与 mouseover 的区别

将鼠标移到元素上时，将触发 mouseenter 和 mouseover 事件。区别 mouseenter 仅在鼠标进入设置它的元素时触发（不会冒泡）。对应的事件是 mouseleave。当鼠标进入元素或其任何子元素时，mouseover 将触发（存在冒泡）。它的对应事件是 mo...

2022-03-02

0 243

创建自己的查询选择器简写

我们大多数人都熟悉 JQuery，可能相当多的人都熟悉 Chrome 控制台的查询选择器的缩写 $ 和 $$。我最近找到了一种方法在我的代码中复制这些简写，Document.querySelector()、Document.querySelectorAll() 和 Function.prototyp...

2022-03-01

0 263

将给定的 CSS 代码注入当前文档

使用 Document.createElement() 创建一个新的 style 元素，并将其类型设置为 text/css。使用 Element.innerText 将值设置为给定的 CSS 字符串。使用 Document.headandElement.appendChild() 将新元...

2022-03-01

0 304

检查元素是否可滚动

如果 ele 元素可滚动，则以下函数返回 true。 const isScrollable = ele => { // 比较高度以查看元素是否具有可滚动内容 const hasScrollableContent = ele.scrollHeight > ele.clientHe...

2022-03-01

0 255

在指定的 DOM 元素中渲染给定的 DOM 树

将第一个参数分解为 type 和 props。使用 type 确定给定元素是否为文本元素。根据元素的 type，使用 Document.createTextNode() 或 Document.createElement() 创建 DOM 元素。根据需要，使用 Object.keys() ...

2022-03-01

0 295

视口、设备和文档大小

视口是指浏览器中实际用于显示网页的部分，要测量视口的宽度和高度，请检查 document.documentElement 对象中的 clientWidth 和 clientHeight 属性。 const viewportWidth = document.documentElement.clien...

2022-03-01

0 269

JavaScript 数组方法总结

Array.prototype.pop() pop() 方法从数组中删除最后一个元素并返回该元素。此方法更改数组的长度。 const plants = ['broccoli', 'cauliflower', 'cabbage', 'kale', 'tomato']; plants.pop() ...

2022-02-27

0 264

Git status 的简短版本和不同的 --porcelain 模式

通常，我们需要查看工作区文件的状态，可以使用 git status： $ git status Your branch is up to date with 'origin/master'. Changes not staged for commit: (use "git add/...

2022-02-26

0 379

ESLint 配置文件

你可以使用 . eslint.* 文件或 package.json 文件中的 eslintConfig 选项来配置 ESLint。你的 .eslint.* 文件可以是 .eslintrc.json、.eslintrc.js 或 .eslintrc.yml。配置文件优先级：.eslintrc...

2022-02-26

0 611

忽略 ESLint 中的行和文件

ESLint 根据预定义的规则分析代码以发现问题。然而，有时你需要打破 ESLint 规则。ESLint 支持两种机制来忽略代码中的规则冲突：使用注释，可以禁用行或代码块的某些规则。使用 .eslintignore 文件。使用注释禁用 ESLint ESLint 允许您使用...

2022-02-26

0 427