-
使用CSSanimation与transform:scale()可实现图片平滑缩放。1.HTML中添加图片元素并设置类名；2.用@keyframes定义关键帧动画，如从0.8倍放大至1.2倍再恢复；3.将animation绑定到图片类，设时长3s、无限循环及ease-in-out曲线；4.可选:hover触发交互式缩放，提升用户体验。
-
JavaScript模块通过export导出、import导入，支持命名导出/导入和默认导出/导入，可重命名、批量转发；路径需带扩展名或./开头，浏览器需type="module"，Node.js需配置"type":"module"或.mjs后缀。
-
应将尺寸修饰符限定为单一维度，仅作用于根元素且只设width和height，如.avatar--sm；形状、状态等须另起正交修饰符，避免语义混乱。
-
for-of循环通过迭代协议遍历可迭代对象：先调用[Symbol.iterator]获取迭代器，再循环调用next()方法解构{value,done}，依done控制终止，不依赖索引或长度，专用于值序列而非属性键。
-
Promise的then/catch/finally回调作为微任务按FIFO顺序执行，resolve/reject同步调用也不打断当前同步流程，链式调用逐级触发微任务，且与queueMicrotask等共享微任务队列。
-
Spacious主题图片默认左对齐，需在“额外CSS”中添加.entry-contentimg.aligncenter{display:block;margin:0auto;}实现居中，右对齐用.entry-contentimg.alignright{float:right;margin-left:1em;}，响应式下需加媒体查询覆盖。
-
在Nuxt3的服务端API（defineEventHandler）中，无法直接使用import()动态导入JSON文件（如import(filePath)），因ES模块要求路径为静态字符串；推荐改用Node.js原生fs.readFile或fs.promises.readFile安全读取并解析JSON。
-
JavaScript调试应优先使用DevTools断点和作用域检查而非console.log；在Sources面板点击行号设断点，或用debugger语句动态暂停；注意sourcemap对齐、异步上下文及console.table/group等高效日志工具。
-
本文详解为何onclick="del(this.id)"返回undefined，并提供基于事件委托与DOM层级关系的可靠解决方案，包括代码修正、原理说明及现代替代实践。
-
relative定位是“在自身文档流位置基础上偏移”，保留原始占位空间，不脱离文档流；需显式声明position:relative才能激活top/left等偏移，且z-index会隐式创建层叠上下文。
-
福昕PDF编辑器转HTML最稳，但无法完全保形；它兼容中文排版与表格，支持手动选页，转换后HTML含内联样式和table标签，需人工优化语义结构。
-
大批量数据传Props易致卡顿，应采用轻量可控方案：①用Object.freeze或markRaw跳过响应式；②分片加载+虚拟滚动替代全量渲染；③provide/inject替代深层透传；④异步加载+懒初始化优化性能。
-
本文介绍如何精准定位HTML表格中某一特定列（例如<th>TYPE</th>），提取该列所有<td>单元格内容，识别重复值，并仅为这些重复项添加统一背景色（如绿色），避免影响其他列。
-
ReactRouterv6不再支持component或Component属性，必须使用element属性传入JSX元素；同时，所有路由路径必须唯一，否则仅首个匹配路由生效，导致组件无法正常渲染。
-
使用Flexbox可解决表单控件对齐问题：1.设置容器display:flex；2.用align-items:center实现垂直居中；3.justify-content控制水平分布；4.配合重置margin、padding、box-sizing和统一字体行高，确保跨浏览器一致性。
