-
双击HTML文件打不开是因浏览器安全限制file://协议，非转换失败；应使用http.server或LiveServer等本地服务解决，注意路径、权限及缓存问题。
-
直接设body{margin:0;padding:0;}不够用，因浏览器对h1、ul、form等元素有独立默认边距；需配合box-sizing:border-box并重置关键元素或选用normalize.css。
-
required属性仅对可输入且具“空值”语义的表单控件生效，如text、email、number、textarea、select（含空value选项）、checkbox、radio及file等；hidden、button等无效；它仅判空不校验格式，提示不可定制，不能替代服务端验证。
-
通过::selection伪元素可自定义文本选中样式，支持color、background-color等属性，提升页面个性化与品牌一致。
-
本文详解为何函数在控制台可执行却无法返回或更新页面内容，重点解决return有效但DOM未更新的问题，提供完整可运行的分页渲染方案。
-
Canvas导出空白或黑图的主因是资源未就绪，需确保图片load完成、跨域图设crossOrigin、优先用库内置导出、DPR适配需缩放canvas属性而非CSS、SVG需转canvas且内联资源、污染错误源于跨域图未配CORS。
-
HTML批量导入错误预览需通过split('\n')为每行添加data-line属性，用DOMParser解析并捕获parsererror获取行号，失败时退用正则匹配；不可依赖innerHTML+try-catch因浏览器自动修复且无原始行号；CSS高亮须精准作用于data-line元素，注意pre/code内换行处理及IE兼容性。
-
@media内嵌套@keyframes无效，因CSS规范禁止；应全局定义动画，用media控制animation:none来禁用，优先处理prefers-reduced-motion以保障可访问性。
-
移动端CSS过渡失效主因是属性不可合成、未启硬件加速、层叠上下文截断及touch事件延迟；应优先用transform/opacity、加translateZ(0)、touchstart即时触发、≤0.2s短时长并降级适配低性能设备。
-
本文讲解如何避免useEffect在父组件尚未传入有效props时提前执行，通过条件判断实现安全的数据请求，确保副作用逻辑仅在必要数据就绪后触发。
-
必须用requestAnimationFrame而不是setTimeout，因其由浏览器调度、对齐刷新率、页面不可见时自动暂停；setTimeout受主线程阻塞影响易卡顿跳帧。
-
正确使用注释和遵循编程规范能提升HTML代码可读性与维护性。1.注释以<!--开始，-->结束，不可嵌套且避免使用--；2.使用<!DOCTYPEhtml>声明，优先语义化标签如<header>、<main>；3.属性值用双引号，标签小写，合理缩进；4.注释用于模块标记、调试和协作沟通，增强团队效率。
-
position:relative偏移不脱离文档流，元素仍在原位置占位；偏移量作用于自身原始位置，父容器无需定位；z-index有效但会创建层叠上下文；适合±20px内微调，推荐配合transform使用以提升性能。
-
真正能发出去就打开的方案是将图片转为dataURL内联进HTML，即用base64编码替换img标签的src路径，使HTML独立运行不依赖外部文件。
-
backdrop-filter在原生边框上无效，因其不形成堆叠上下文且无背后内容；需用绝对定位伪元素（::before/::after）模拟毛玻璃边框，满足content、脱离文档流、尺寸覆盖三条件，并注意z-index、inset、background及Safari的-webkit前缀兼容性。
