李明卫杭州

分享 20 个 2025 年依旧「少人知道、却能立竿见影」的原生 API。 收藏 = 省下一个工具库 + 少写 100 行代码！ 1. ResizeObserver 精准监...

一、@layer 是什么？ @layer 是 CSS Cascade Layers（级联层）的核心语法，CSS 官方在 2022 年 2 月发布的规范（CSS Cascad...

作为一名前端开发者，你是否曾经为了制作一个漂亮的数据可视化大屏而头疼不已？是否因为网上资源良莠不齐，甚至一个模板就要收费而感到烦恼？ 那么今天介绍的这个开源项目绝对能解决你...

一、ResizeObserver 是什么？ ResizeObserver 是一个 JavaScript 内置 API，用于 异步监听一个或多个 DOM 元素的尺寸变化（co...

本文将作为你的 ECharts 入门指南，带你系统性地梳理 ECharts 的核心知识体系，并通过一个贴近实际业务的“高三期末考试成绩分析”案例，手把手教你如何将数据转化为...

CSS 中的 :nth-child(an+b) 是一个“结构伪类”选择器，它按照元素在 同一父元素下所有同级子节点的“绝对序号” 来匹配，而不是只看“同类”元素。 语法公式...

dispatchEvent是JavaScript中用于手动触发事件的核心方法，它允许开发者以编程方式派发自定义事件或内置事件，为前端开发提供了强大的事件控制能力。 一、基本...

在 JavaScript 中，数字取整是一项常见的操作，根据不同的业务需求，我们可以选择不同的取整方法。本文将全面讲解 JavaScript 中各种取整方式的特点、使用方法...

在 JavaScript 中，Object.preventExtensions、Object.seal 和 Object.freeze 是三个用于控制对象可变性的方法。它们...

在 Web 开发中，MouseEvent 接口提供了多种与鼠标位置相关的属性，用于精确定位鼠标事件发生时鼠标指针的位置。这些属性包括： clientX / clientY ...

queueMicrotask 是浏览器和 Node.js 环境中提供的一个 API，用于将任务排入微任务队列（microtask queue），在当前执行栈清空后、浏览器渲...

在 CSS 中，outline 和 border 都是用于为元素绘制“边框”的，但它们在作用、布局影响、语法、使用场景等方面有明显区别： 特性 border outline...

基本概念 background-clip是CSS中用来控制背景绘制区域的属性，它决定了背景（颜色或图片）要延伸到元素的哪个边界。 属性值 1. border-box（默认值...

CSS clamp() 函数详解 clamp() 是 CSS 中的一个非常有用的数学函数，它允许你将一个值限制在一个范围内，同时支持响应式设计。下面我将详细介绍它的用法，并...

在Web开发中，我们经常需要获取和操作DOM元素的宽度属性。这些属性各有特点，适用场景也不同。下面我将详细讲解这6种宽度获取方式的区别和用法。 1. dom.style.w...

前端世界里有很多看似“直白”的属性，比如 position: sticky，听起来像是“粘住某个位置”——只要设置好就能吸附在页面某个位置上，滚动时一动不动。 结果实际开发...

1. 基础概念与语法 CSS变量也称为CSS自定义属性，使用--前缀定义： 特性： 以--开头命名（如--main-color） 大小写敏感 使用var()函数调用变量 可...

一、DOMParser 到底是啥？ 一句话： DOMParser 就是一个“翻译官”，它能把一段纯文本（HTML/XML/SVG 字符串）翻译成浏览器能看懂的 DOM 树，...

一、基本概念 前瞻操作符（Lookahead）属于零宽断言，用于匹配后面跟随/不跟随指定模式的位置： (?=...) 肯定前瞻（匹配后面是...的位置） (?!...) 否...