lio零度

分类

未归档(375)

/ 注册

全部文章（共375篇）

CSS 继承、级联和特异性

如果你想更好的掌握 CSS，CSS 的特异性是一个重要的话题。应用于 CSS 选择器的一组规则决定了应用于元素的样式。为了更好地理解这一点，我们必须了解一个相关的主题 —— CSS 中的级联和继承。 CSS 的级联特性 CSS 层叠/级联样式表（cascade Stylesheets）—— 简单...

2021-06-13

0 299

JavaScript 事件传播机制

JavaScript 采用异步事件驱动编程模型，与 HTML 的交互是通过事件实现的。当我们执行了特定的事件时，如在一个按钮上监听了 click 点击事件，当你按下按钮时，它将触发你给定的事件句柄（也就是一个函数，其中执行一些 JS 语句）。但这个触发过程是怎样的呢？下面我们来通过一些问题来看看...

2021-06-12

0 299

如何在 JavaScript 中添加千位逗号（每三位数）

今天讲一个常见的场景：在你输入金额时，每三位数自动添加一个逗号。你可能需要对一段长数字进行一些基本的数字格式化。转换如下： 100 —> 100 1000 —> 1,000 1000000 —> 1,000,000 有三种相当简单的方法可以在 JavaSc...

2021-06-11

0 323

CSS 单位及其需要注意的地方

px（Pixel）：相对长度单位，绝对像素值，它取决于显示器的分辨率。一旦分辨率确定，设置为 px 的尺寸就成为固定尺寸，不会自动缩放。（1px = 1/96英寸） em：相对长度单位，相对于父元素的 font-size。如父元素未设置 font-size，则相对于浏览器的默认字体尺寸（1em ...

2021-06-10

0 268

使用代理（Proxy）对象来健壮您的 JavaScript 不变性函数

虽然 JavaScript 允许我们突变（Mutation）对象，但我们可能会选择不允许自己（和其他程序员）这样做。最好的例子之一就是在 React 应用程序中设置 State。如果我们改变当前 State 而不是当前状态的新副本，我们可能会遇到难以诊断的问题。下面，我们将使用不可变代理函数...

2021-06-09

0 218

JavaScript 数组去重

Set Set 对象是一种新数据结构，允许你存储任何类型的唯一值，无论是原始值或者是对象引用。我们可以从给定数组创建一个新的 Set()，以丢弃重复的值。然后使用扩展运算符（...）将其转换回数组。 const arr = [1, 2, 2, '1', null, '', unde...

2021-06-08

0 231

JavaScript 替换所有出现的字符串

假设你有这样一句话 I am superman.Are you superman?，你要替换其中的 Superman，你该怎么做？这里总结三种方法，用于替换上面句子中出现的所有 Superman。 String.prototype.replace() 使用 String.prototype....

2021-06-07

0 274

HTMLCollection 和 NodeList 的区别

HTMLCollection HTMLCollection 表示一个包含了元素（元素顺序为文档流中的接口）的集合（通用集合），还提供了从该集合中选择元素的属性和方法。例如使用 getElementsByTagName() 方法返回的就是一个 HTMLCollection 对象。 H...

2021-06-06

0 285

使用单选按钮切换 CSS 自定义属性

我们有一组单选按钮，分别切换不同的背景颜色，其主要结构如下： <form class="controls"> <input type="radio" name="color" value="night-fa...

2021-06-05

0 203

使用 CSS Transition 通过改变 Height 来展开收起元素

一个常见的开发需要，我们希望折叠元素的一部分，直到需要它为止。一些常见的框架（如 Bootstrap 和 JQuery）提供了转换效果。然而，CSS Transition 在转换高度方面给予了我们很大的灵活性。因此，您不必在项目中加入其他框架。下面我们看看，如何使用 CSS Transition...

2021-06-04

0 248