-
BEM+classnames是React中管理CSS类名的刚需组合，前者规范命名结构，后者负责条件合并，二者分工明确、不可替代。
-
color-mix()在oklch空间混合黑白可精准控亮暗，避免srgb冲淡失饱和；hsllightness非物理亮度且色相易偏移；兼容需@supports全写法检测并手动fallback；深色模式须重设混合比例。
-
scrollTop是JavaScript中用于获取或设置元素垂直滚动位置的属性，单位为像素，常用于监听页面滚动、回到顶部、懒加载等；获取页面滚动用window.pageYOffset更可靠，容器滚动直接读写element.scrollTop；可赋值设位置，支持smooth滚动；注意兼容性、怪异模式差异及防抖优化。
-
SVG缩放本身不耗性能，卡顿源于重排、重绘或复杂路径渲染；优化需精简path、禁用filter、用viewBox替代宽高调整、合理使用canvas替代。
-
本文详解如何在JavaScript中准确计算两个本地时间字符串（EXIF创建时间和表单提交时间）之间的秒级差值，解决因时区解析不一致导致的10小时偏差问题。核心在于统一时间基准：将两者均视为同一设备本地时间，而非强制转为UTC。
-
原生template标签仅作内容占位，不自动渲染或绑定数据，需手动克隆content并配合Mustache、newFunction等方案实现批量HTML生成。
-
本文介绍在ReactRouterv6中实现「按路由动态控制布局」的核心方案：通过条件渲染将Sidebar从/login等无需导航的页面中移除，同时保持其他受保护路由的完整布局结构。
-
JavaScript事件循环是单线程下调度异步任务的核心机制，通过执行栈、宏任务队列和微任务队列协同工作：先执行同步代码，再清空全部微任务，最后取一个宏任务进入下一轮；微任务（如Promise.then）总在当前宏任务结束前执行完毕，宏任务（如setTimeout）则需等待下一轮循环。
-
应使用CSS自定义属性（如--tooltip-color）在:root或:host中声明语义化颜色变量，避免内联style设置或重复命名，确保主题切换、暗色模式及跨组件复用的稳定性与可维护性。
-
JavaScriptDate对象月份从0开始导致getMonth()返回值比实际小1，需+1修正；安全格式化推荐Intl.DateTimeFormat或手动补零；日期计算应避免直接增减月/日，而用newDate(y,m±1,d)或setDate等方法处理边界。
-
Bootstrap适合快速开发和组件统一，TailwindCSS提供高度定制和灵活构建，Foundation适用于传统企业项目；根据团队技能与项目需求选择。
-
HTML5表单submit事件未触发的主因是浏览器未识别点击为提交操作：button未设type="submit"、input类型非submit/image、preventDefault后未补救、约束验证失败、pattern格式错误、autocomplete干扰或DOM状态异常。
-
HTML5拖拽排序核心是dragstart中设置dataTransfer，drop时必须preventDefault；推荐用text/plain传id，用insertBefore精准插入，移动端需用SortableJS等库替代原生API。
-
eval和with因破坏静态作用域分析与编译优化，显著降低JavaScript执行性能；应使用JSON.parse、解构赋值、方括号访问等安全高效替代方案。
-
HTML本身不是JSON格式，二者语法用途不同；常见的是在HTML中嵌入JSON字符串或用JSON描述HTML结构；美化工具是否有效取决于处理对象是纯JSON还是嵌套内容。
