-
必须用transition连接状态与缩放动画，仅@keyframes无法自动触发；需显式设默认transform:scale(1)，单独过渡transform，慎用will-change和translateZ(0)。
-
gridgap仅控制网格项间间隙，不影响容器边缘；需额外设置padding实现边缘留白，不可用margin替代。
-
事件循环是单线程任务执行节奏：同步代码→清空所有微任务→执行一个宏任务→循环。Promise.then总比setTimeout先执行，因前者属微任务、后者属宏任务，且每轮宏任务后必须立即清空全部微任务。
-
opacity动画卡顿或闪烁的直接原因是未开启硬件加速或触发重排；需确保无干扰层叠上下文、避免display操作、显式声明transition属性、处理pointer-events及z-index层级问题，并注意IE11/Safari兼容性限制。
-
BlueGriffon是一款基于Mozilla的可视化HTML编辑器，支持所见即所得与代码编辑。1.安装后启动并设置语言偏好；2.可新建或打开HTML文件；3.在设计界面直接输入内容并用工具栏格式化；4.通过源代码标签查看和修改HTML结构；5.在文档属性中设置页面标题、元信息及外部资源；6.预览效果后保存为HTML格式。适合初学者直观编辑网页，建议结合基础HTML学习使用。
-
for循环在大多数场景下比forEach快2–5倍，尤其数组长度超1000时更明显；因forEach每次迭代创建新函数作用域、隐式调用回调且无法用break中断，而for是原生指令级控制。
-
本文详解为何直接对<spanid="hint-ru">添加blur-filter-off类无效，并提供基于CSS层级选择器（>*）与DOM结构优化的可靠解决方案，确保仅目标文本解除模糊，其余内容保持.blur-filter-on效果。
-
:hover作用于父元素可样式化子元素，如.parent:hover.child；CSS无法反向选中父级，需调整结构或用JS；:hover为瞬态伪类，不支持悬停后保持状态，移动端慎用。
-
Flex布局对齐需先确认主轴方向：flex-direction决定主轴（row为水平，column为垂直），justify-content控制主轴对齐，align-items控制交叉轴对齐；主轴变化时二者作用方向同步改变。
-
transition-timing-function用于控制CSS过渡的速度曲线，不改变时长但影响快慢节奏。常用关键词包括ease（默认，先慢后快再慢）、linear（匀速）、ease-in（加速）、ease-out（减速）、ease-in-out（两端慢中间快）。还可使用cubic-bezier(x1,y1,x2,y2)自定义贝塞尔曲线实现弹性效果，如cubic-bezier(0.175,0.885,0.32,1.275)用于按钮缩放。此外，steps(n)可实现分步动画，如steps(8)用于精灵图帧
-
Object.seal禁止增删属性但可修改值，Object.freeze则完全锁定对象；两者均为浅冻结，嵌套对象需递归处理。
-
JavaScript表单验证需用addEventListener('submit')绑定form元素并调用preventDefault()，配合trim()、正则校验、insertAdjacentHTML插入精准错误提示，提交后须清除错误状态和监听器。
-
本文教你如何通过JavaScript为HTML5<audio>元素设置默认及上限音量，解决音量过大问题——关键在于同步设置audio.volume和音量滑块的初始值，并在setVolume()中添加安全约束。
-
深拷贝需递归复制所有层级并处理循环引用，JSON.parse(JSON.stringify())有类型限制，手写应使用WeakMap缓存，生产环境推荐Lodash的_.cloneDeep()。
-
JavaScript操作剪贴板主要使用异步的navigator.clipboardAPI，需在HTTPS/localhost安全上下文及用户手势（如click）中调用writeText()或readText()，旧版浏览器可降级使用document.execCommand('copy')。
