-
本文介绍如何通过重构ReactRouter路由结构，彻底避免外部跳转路由（如/myroute）在重定向前短暂渲染公共布局（如<Common>）导致的页面闪烁问题。核心方案是将跳转路由提升至顶层Switch，脱离任何包裹组件。
-
lodash不能格式化HTML5日期，因其专注通用操作而不含日期处理模块；正确做法是用原生Date或dayjs解析ISO字符串再格式化。
-
用grid-template-columns:repeat(auto-fit,minmax(200px,1fr))可实现列数随容器宽度自动增减，无需媒体查询；auto-fit拉伸剩余空间，auto-fill保留空列；配合gap和justify-content:center优化对齐与间距；可用clamp()限制单列宽在200px–300px间。
-
:checked+label动画失效或卡顿的根本原因是transition仅对可动画且连续变化的属性生效，而该选择器本身不改变样式，需确保规则中修改的是opacity、transform等支持插值的属性，并避免display、height:auto、transition:all等陷阱。
-
repeat()函数可简洁定义多列布局，如repeat(4,1fr)替代冗长的1fr1fr1fr1fr；支持与固定尺寸组合如200pxrepeat(3,1fr)80px；配合auto-fit/auto-fill实现响应式列数调整；仅接受正整数、auto-fit或auto-fill，不支持嵌套或小数。
-
H5微博不支持长图上传，仅限单张、宽高比固定、最大边≤4096px、大小≤5MB；微博App可识别高度≥宽度×3的RGB模式JPG/PNG长图并启用上下滑动浏览，需本地拼接且宽度为720/750px、高度≤20000px。
-
应使用requestAnimationFrame替代setTimeout实现平滑动画，配合预加载图片（newImage()+onload）、避免复用实例、用opacity/visibility控制切换，并通过picture或服务端适配WebP等格式。
-
SPA路由切换CSS动画不触发，主因是组件卸载重建导致DOM节点丢失、定位上下文断裂、transition类名不匹配或key未正确更新；需保留DOM、显式设position:relative、完整定义6个过渡类、用location.pathname作key并确保钩子时机恰当。
-
JavaScript有for、while、do...while、for...in、for...of五种循环语句；遍历数组推荐for和for...of，forEach是数组方法非语句；for...in不适用于数组，while/do...while需手动控索引，易出错。
-
根本原因是box-sizing默认为content-box，导致padding不包含在100vh内，使总高度超视口而出现滚动条；应改用border-box并配合background-origin:padding-box等设置。
-
mysqli_query返回false时密码比对根本未执行，因查询失败导致$row为null，password_verify无法运行；须检查连接、SQL字段名、预处理防注入，并确保密码用password_hash存储且verify参数顺序正确。
-
JavaScript模块化通过import和export实现封装复用，每个文件为独立作用域模块；支持命名导出、默认导出及统一导出对象；导入需匹配导出方式，注意路径、作用域与执行时机；建议按功能职责组织模块，用index.js聚合入口，并规避循环依赖等陷阱。
-
需创建my-website根目录及css、js子目录，编写index.html（含HTML5标准结构与语义标签）、style.css（外部样式）和script.js（DOM交互逻辑），最后双击HTML文件本地运行并用开发者工具验证资源加载与功能。
-
虚拟DOM是用JS对象模拟真实DOM的轻量级副本，核心价值在于减少不必要的渲染；它通过Diff算法同层比较、key优化、属性差异最小化实现精准更新，并配合批处理与异步更新降低重排重绘次数。
-
JavaScript数字类型为64位双精度浮点数，导致0.1+0.2≠0.3；整数安全范围为±(2^53−1)；金额应转整数运算，浮点比较需用误差容忍。
