-
HTML5中集成外部JS/CSS插件需用<script>或<link>标签加载：JS可静态引入（含defer/async）、模块化导入（type="module"）、动态创建；CSS需在<head>中用rel="stylesheet"；importmap可简化模块路径映射。
-
canvas.getContext('2d')返回null主因是canvas元素未加载进DOM，需确保在DOMContentLoaded后获取，检查ID是否拼写正确且元素存在，CSS隐藏不影响getContext。
-
本文详解井字棋（Tic-Tac-Toe）JavaScript实现中因函数参数顺序错误导致“已获胜仍继续输入”的核心Bug，并提供完整可运行的修复方案与最佳实践。
-
JavaScript路由切换核心是不刷新页面改变URL并更新视图，依赖HistoryAPI（pushState/replaceState）和popstate事件监听，或Hash模式的hashchange事件，本质是路径字符串到渲染逻辑的映射。
-
hover放大应使用transform:scale()配合transition实现，transition必须写在常态选择器中，避免重排卡顿；注意transform函数执行顺序、像素对齐及嵌套缩放问题。
-
后代选择器.my-classdiv匹配所有嵌套层级的后代div，而子选择器.my-class>div仅匹配直接子元素，更安全；:scope可限定JS查询上下文，但独立CSS中无效；还需防范优先级覆盖与继承污染。
-
classList切换类最稳妥，避免className全量赋值；CSS变量配合setProperty实现主题切换；getComputedStyle读计算样式但有陷阱；动画优先用transform+CSS过渡而非JS改left/top。
-
应使用CSSGrid替代绝对定位实现列表项布局，因其支持自动换行、响应式调整、语义保留及无障碍访问；仅在需非网格化自由排布时才选用绝对定位。
-
HTML5已废弃<marquee>标签，behavior属性仅为IE特有且仅支持至IE10，现代浏览器完全不识别，故无通用兼容方案，只能对IE6–IE9降级使用<marquee>，其余浏览器需用CSS动画替代。
-
最快实现图片模糊用CSSfilter:blur()，语法为filter:blur(3px)，单位必须带px，推荐范围0.5px–8px，动态控制宜改style.filter或切CSS类。
-
React项目CSS方案应按需选择：小项目用CSSModules，中大型设计系统选Emotion，快速迭代用Tailwind；核心是保证样式隔离、可维护性与开发效率的平衡。
-
最简视差用CSSbackground-attachment:fixed实现，需为区块设明确高度（如100vh）、避免transform和overflow:hidden，移动端加-webkit-前缀；进阶可控视差用scroll+requestAnimationFrame节流；轻量触发用IntersectionObserver；3D方案易翻车，个人页无需使用。
-
用伪元素+opacity实现渐变背景平滑切换最可靠：因CSS渐变不可动画，需用::before和::after承载新旧渐变，通过opacity过渡模拟淡入淡出，避免跳变。
-
真正可控且可比较的排序方法是传入比较函数的Array.prototype.sort()；不传参则按字符串Unicode排序，数值场景错误；(a,b)=>a-b用于数字升序，(a,b)=>b.localeCompare(a)用于多语言字符串降序，避免漏掉相等分支。
-
用position:absolute叠加图片需父容器设position:relative，img2用absolute+top/left定位，居中用top:50%;left:50%;transform:translate(-50%,-50%)，z-index显式设置更稳妥。
