-
JavaScript实现动画的核心是通过requestAnimationFrame实现与浏览器刷新率同步的高效更新，结合CSS处理简单动画、JS控制复杂交互，并可扩展至SVG、Canvas及物理引擎等高级场景。
-
JavaScript模块化从早期全局污染问题演进到ESModules标准，历经IIFE、CommonJS、AMD等方案，最终通过import/export实现静态分析、循环引用处理及跨平台支持，结合Webpack、Vite等工具优化开发流程，成为现代前端工程化核心基础。
-
absolute定位的参考点是最近的已定位祖先元素，否则为初始包含块；常见失效原因包括父元素高度为0、overflow隐藏、非祖先关系或position被覆盖。
-
Grid中最后一行不满列时自动撑满，justify-items无效；应使用grid-template-columns:repeat(auto-fit,minmax(250px,1fr))实现响应式填满，固定列数则需JS补足。
-
元素视觉尺寸大于设置值，主要因content-box盒模型下width/height不含padding和border；改用border-box可使宽高包含内边距和边框；margin不增加自身占位但影响间距，需注意外边距合并与溢出问题。
-
IE中max-width+height:auto失效需加width:auto修复：img{max-width:100%;width:auto;height:auto;}，动态加载时用setTimeout延迟重绘，IE8降级用padding-top模拟宽高比。
-
用transform而不是top/left是因为前者由GPU加速、不触发重排，性能更好；需配合transition声明，写在常态规则中，并确保父容器有position:relative以限定定位上下文。
-
服务端渲染（SSR）通过在服务器生成完整HTML提升首屏速度与SEO，主流框架如Next.js、Nuxt.js、SvelteKit均支持数据预取与组件渲染，流程包括请求处理、数据获取、HTML生成与客户端激活；虽面临服务器负载与水合同步问题，但可通过缓存与架构优化应对，适用于内容型网站，尤其利于搜索引擎抓取与用户体验提升。
-
:indeterminate伪类仅在JavaScript显式设置checkbox.indeterminate=true时生效，HTML中直接写indeterminate属性无效；需配合appearance:none才能自定义样式，且选择器优先级要足够高。
-
Map的键可为任意类型且严格保留原始类型和引用，普通对象键会被隐式转为字符串；Map按插入顺序迭代、有实时size属性和O(1)增删查接口；Map不继承Object.prototype，需显式转换才能兼容对象操作。
-
本文详解如何在React（或类JSX环境）中动态渲染具有层级结构的嵌套数据——父级字段需跨多行（rowspan），子级字段逐行展开，避免常见DOM结构错位问题。
-
JavaScript生成[min,max]闭区间随机整数的正确写法是Math.floor(Math.random()*(max-min+1))+min，其中max-min+1确保包含端点且概率均等，须用Math.floor而非Math.round以避免边界值概率减半。
-
本文介绍如何通过语义清晰的HTML结构与简洁JavaScript操作，在表格<td>单元格中并排渲染两组独立数据（如r_laps和r_dfs），并支持自定义格式（例如为第二项添加括号包裹）。
-
iframe加载后，其内部文档默认未获得焦点，导致addEventListener('keydown')无法响应键盘事件；通过JavaScript在iframe加载完成时主动调用contentWindow.focus()，可使其获取焦点并启用键盘事件监听。
-
防抖是“等你停手再执行”，节流是“固定节奏执行”；防抖适用于搜索建议、表单校验等需操作结束后响应的场景，节流适用于滚动加载、resize适配等需持续但限频响应的场景。
