-
CSSGrid中grid-template-areas须用合法英文标识符，中文名会导致声明失效；区域名需与grid-area严格匹配；行字符串等长并用“.”占位；侧边栏宽度应使用minmax(300px,1fr)而非纯fr；gap会扩大实际空间且不兼容IE；响应式切换布局时须同步更新grid-area值。
-
只有形如#RRGGBB且每组两位十六进制数完全相同时，才能缩写为#RGB，例如#FF6666→#F66；#001不合法，会被解析为#000111；缩写仅支持3位或6位，不支持4位。
-
本文详解Vue+Vite项目中因HTML缓存导致用户加载旧版资源的根本原因，指出<metahttp-equiv>标签对缓存控制完全无效，并提供基于Cloudflare的正确HTTP头配置方案及长期可维护的缓存策略。
-
HTML5中背景图必须用CSS的background-image实现，应写在<style>或外部CSS中而非HTML内联样式，路径需相对于CSS文件，常见问题多因路径错误导致404。
-
浮动元素覆盖定位元素的本质是层叠上下文与文档流冲突；解决方法包括用z-index控制顺序、统一层叠上下文，或改用Flex/Grid布局替代浮动。
-
浅拷贝只复制对象第一层属性的引用，深拷贝则递归复制所有层级；=赋值、Object.assign()、展开运算符等均为浅拷贝，JSON.stringify+parse有类型丢失和循环引用限制；手写需处理类型判断、循环引用及内置对象，生产环境推荐lodash.cloneDeep。
-
尾调用优化通过重用栈帧避免递归中的栈溢出，当函数最后一步调用自身且满足条件时生效，如阶乘函数中传递累加器参数实现尾递归。
-
Wasm负责计算密集型任务，JavaScript处理DOM和异步逻辑，通过TypedArray共享内存、预分配内存、避免频繁序列化优化数据交互，结合WebWorker提升性能，实现接近原生的执行效率。
-
HTML5没有html5play函数，所谓“超时”实为play()因缺少用户手势被浏览器同步拒绝；须绑定click等交互事件、catchPromise错误、监听loadedmetadata或canplaythrough确保加载就绪。
-
使用CSS的position和:hover实现下拉菜单：通过父级li设置relative定位，子菜单absolute定位并默认隐藏，hover时显示，结合box-shadow、z-index等优化体验，无需JavaScript即可完成交互。
-
JS代码分割通过动态import()和构建工具将应用拆分为按需加载的chunk，提升加载速度与用户体验。
-
HTML5视频比例由CSS的object-fit属性和video元素原生宽高比共同决定，而非Vaio系统设置；需结合loadedmetadata事件、缩放兼容处理及Windows显示缩放设为100%来确保准确渲染。
-
运行HTML文件可直接双击用浏览器打开，或使用VSCode的LiveServer插件实时预览，若需HTTP服务则可通过Node.js的http-server或Python的http.server模块启动本地服务器，在浏览器访问localhost地址查看效果。
-
关键在于input的list属性值必须与datalist的id严格一致；仅text、search等特定类型支持，且各浏览器触发条件和兼容性差异大，移动端尤其受限。
-
自定义构造函数用于批量创建具有相同结构和行为的对象，通过首字母大写的函数定义，结合new操作符生成实例，如Person构造函数创建person1和person2；在构造函数中使用this绑定属性，推荐通过prototype添加方法以共享行为、节省内存，同时可用instanceof检测对象类型，理解构造函数有助于掌握JavaScript面向对象机制，尽管现代语法多用class，但其本质仍是构造函数的语法糖。
