在浏览器渲染页面后，任何导致元素视觉变化或几何位置变化的操作，都会触发浏览器的重新渲染流程。这个过程主要涉及两个核心概念：重排和重绘。理解它们的区别和触发条件，对于编写高性能的前端...

Flex布局，也就是我们常说的弹性盒子，它彻底改变了CSS的布局方式。以前那些用浮动和定位实现的复杂效果，现在用几行属性就能轻松搞定。作为前端工程师，它绝对是必须熟练掌握的核心工具。 Flex...

React Hooks大概是这几年React生态里最重要的一次变革。简单说，它是一系列函数，让你能在函数组件里“钩入”React的特性，比如状态、生命周期。以前这些能力只有类组件才有，现在函数组件啥都...

简单来说，它就是让网页在没网的时候也能“跑”起来，或者至少能记住点东西。这对提升用户体验帮助太大了。以前浏览器一关，数据全丢，现在可不一样了。 HTML5里常用的离线存储方式主要有两种：...

在React里处理表单，你很快就会遇到这两个概念。它们指的是管理表单数据（比如input、textarea、select的值）的两种不同方式。选哪种，取决于你想要多少控制权。 受控组件：数据由React完全掌控...

这个技巧在前端圈里算是个经典的小把戏了，本质是利用了CSS边框的拼接原理。我们都知道，给一个盒子设置边框时，每条边框的连接处是斜切的。当你把这个盒子的宽和高都设为0，只保留边框，神奇的...

在React里，如果组件在渲染过程中、生命周期方法里或者子组件的构造函数里抛出了JavaScript错误，整个组件树会从根部开始“溃散”，导致白屏。这体验很糟糕。错误边界就是React提供的一种组件，...

在JavaScript的异步编程中，Promise提供了一种更优雅地处理异步操作的模式。理解其状态机制和链式调用是掌握现代异步流程控制的核心，它使我们能够告别传统的“回调地狱”，编写出更具可读性的...

在JavaScript中处理对象和数组时，理解拷贝行为是避免意外副作用的关键。拷贝分为浅拷贝与深拷贝，其核心区别在于对嵌套对象引用地址的处理方式。 什么是浅拷贝 浅拷贝创建一个新对象，并将原对...

在JavaScript中，我们经常会遇到一些“看起来像数组，但又不是真数组”的对象，比如函数的arguments对象、DOM操作返回的NodeList或HTMLCollection。它们通常具有length属性，可以通过索引访问元...