-
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)；金额应转整数运算，浮点比较需用误差容忍。
-
flex-direction:column未生效主因是父容器未设display:flex或被float、absolute等破坏Flex上下文；子项不占满高度需用flex:1而非height；height:100%失效常因嵌套中某层缺高度，推荐min-height:100vh。
-
HTML加载速度不由标签类型决定，而取决于资源体积、网络传输、浏览器解析效率及设备性能差异；移动端需避免阻塞脚本、内联样式、深层嵌套和未压缩HTML。
-
npminstall后import不生效的主因是模块解析环境不匹配：浏览器原生ESM不支持包名解析，Node.jsESM需.mjs或type:"module"，推荐用Vite等构建工具接管；React生态库如antd需注意编译配置、按需导入插件及CSS显式引入；CDN引入Vue须选对版本并显式解构API；Webpack的require.context行为特殊且不可跨工具迁移。
-
JavaScript数组方法如filter、find、some、every及reduce等，远超forEach和map的基础功能，支持声明式编程，实现高效数据筛选、判断与聚合。reduce通过累加器可完成求和、对象转换、计数、扁平化等复杂操作，配合initialValue灵活处理各类数据结构；some和every用于条件判定，find和findIndex快速定位元素，flat和flatMap则简化嵌套数组处理。这些方法提升代码简洁性与可读性，体现函数式编程优势，是进阶JS开发的关键技能。
-
迭代器模式提供顺序访问聚合对象元素的方法而不暴露内部结构，JavaScript通过实现具有next()方法的Iterator接口，返回包含value和done属性的对象，如createIterator函数示例所示。
-
正确设置transition属性可实现opacity与transform的平滑过渡，.element{transition:opacity0.3sease,transform0.3sease}配合:hover状态，常用于按钮悬停、卡片上浮等交互场景，推荐使用transform和opacity因支持GPU加速，性能更优。
-
应使用rgba()或hsla()单独设置背景透明度，避免opacity影响文字；复杂背景用伪元素叠加遮罩；IE8降级用PNG或filter；渐变背景需提供不透明fallback。
