-
HTML5中语义化高亮应优先使用mark元素，它可合法包裹p等短语内容，禁止嵌套div；统一样式用mark选择器，差异化语义才加class；需跨段高亮时改用blockquote等更准确标签。
-
lang属性可写在所有HTML元素上，作用于该元素及其子节点；根元素html的lang声明主语言，局部多语言内容需显式为对应元素设置lang值。
-
正确做法是通过transform或margin实现浮动元素移动动画，因CSS不能直接动画float属性。推荐使用transform:translateX()进行平滑移动，示例中.floating-box:hover应用translateX(50px)实现无重排的高效动画；也可通过margin-left变化实现位移，但会触发重排，性能较差；更优方案是改用position、Flexbox等现代布局配合transition，如相对定位元素动画left值，结构清晰且易于控制。核心是避免对float直接动画，优先选
-
Node.js操作终端的核心是利用process对象、child_process模块和readline模块，结合第三方库实现高效交互与美化。首先，通过process.stdin和process.stdout进行基础输入输出；其次，使用child_process的exec和spawn方法执行外部命令，前者适合短时命令并缓冲输出，后者适用于流式或长时间运行的任务，提供实时输出与更高安全性；再者，借助readline模块实现基础交互式输入，而inquirer.js等第三方库则简化复杂交互，如列表选择、密码输入等
-
minmax()函数用于设置网格轨道尺寸范围，确保列或行宽在最小值和最大值间自适应；例如minmax(200px,1fr)使列至少200px宽，且可弹性扩展，结合repeat(auto-fit,minmax(250px,1fr))可实现响应式卡片布局，根据屏幕空间自动调整列数与宽度，提升布局灵活性与内容可读性。
-
match()提取匹配内容返回数组或null，search()定位首个匹配位置返回索引或-1；前者关注“有哪些”，后者关注“在哪”，用途、返回值及标志支持均不同。
-
块状链表通过将数据分块存储，结合链表与数组优势，提升插入、删除和查找效率。
-
CSS转内联样式有四种方案：一、手动提取并逐元素标注；二、用PostCSS插件自动注入，忽略伪类和媒体查询；三、Python脚本批量解析注入，需处理!important；四、在线工具临时转换，需人工修正失效引用。
-
OG标签未生效主因是og:url、og:type错误或缓存问题；社交平台仅读取静态meta且需og:title、og:description、og:image三者齐全，og:image须为绝对URL、尺寸≥1200×630px；SPA需服务端注入OG标签，验证须用平台调试工具并主动刷新缓存。
-
用<canvas>实现水印预览与导出最可靠，需显式设置宽高、适配devicePixelRatio、动态计算示意框坐标，并在导出前将水印合成到底层canvas中。
-
物理引擎如Matter.js可高效实现游戏中的真实互动，简化重力、碰撞等处理；以Matter.js为例，几行代码即可创建受重力影响的小球与静态地面的交互，自动完成物理模拟。即使使用引擎，掌握基础碰撞检测算法仍至关重要：矩形间采用AABB法判断x、y轴重叠，圆形间通过圆心距离与半径和比较，圆形与矩形则找矩形上最近点再计算距离。为提升性能，应采用空间分区（如四叉树）、分阶段检测（先粗后精）等优化策略，并根据项目需求合理选择方案——轻量级项目可手动实现，复杂游戏宜用Box2D.js或Planck.js等强大引擎
-
异步生成器通过“拉取”模式解决大文件处理中的内存溢出和背压问题，利用forawait...of按需读取数据块，避免一次性加载全部内容，提升稳定性和代码可读性。
-
成功解除事件绑定需传入与添加时完全相同的函数引用和事件选项；匿名函数无法移除；选项对象必须复用同一引用；可手动维护映射表或用事件委托替代。
-
应使用语义化HTML标签构建帖子摘要列表：每条用<article>包裹，标题与元信息置于<header>内，标题用<h2>～<h4>，时间用<timedatetime="ISO8601">，摘要正文用<p>，缩略图用带loading="lazy"、width/height及srcset的<img>，标题跳转用而非<button>。
-
JavaScript深拷贝的核心是创建完全独立的新对象以避免引用问题；常用方法包括JSON.parse(JSON.stringify())（简洁但有类型限制）、structuredClone()（现代原生推荐）、递归手写（完全可控）和Lodash的_.cloneDeep()（生产环境稳妥）。
