-
Canvas页面空白的主因是getContext调用过早或被忽略；需确保DOM加载完成、浏览器支持、canvas尺寸非零，且区分属性与CSS尺寸，避免预览缓存，并在动画中正确清屏和调用requestAnimationFrame。
-
Canvas2D抗锯齿需对齐像素网格（如x+0.5）、禁用内部缩放而改用CSS缩放，WebGL需启用antialias:true并同步setPixelRatio与setSize，SVG则天然抗锯齿且应内联使用。
-
Vue组件懒加载基于JavaScript动态导入import()语法，Vite自动识别并拆分为独立chunk，配合manualChunks分包、prefetch预取及长期缓存策略，实现按需加载与性能优化。
-
crossorigin属性仅在需读取跨域资源原始内容时必需，如canvas操作、WebGL纹理绑定、AudioContext解码等；纯展示无需添加，且必须与服务端CORS响应头配合生效。
-
nav和dropdown必须是两个独立block，因nav只管语义结构与布局，dropdown专责交互行为（显隐、定位、过渡），二者职责分离才能避免样式耦合与测试爆炸。
-
一个文档中只能有一个main标签，它是语义化容器而非切换组件；应固定main元素并动态更新其子节点，配合aria-live、焦点管理和滚动恢复保障可访问性与SEO。
-
HTML本身不参与SourceMap配置，因其无编译转换过程；真正需配置的是构建工具（如Vite、Webpack）对JS/CSS生成的SourceMap，HTML仅作为资源容器被动引用。
-
Word加载本地HTML图片慢的根本原因是其逐个同步解析img标签src路径且不支持缓存或异步，相对路径基准目录为临时工作目录而非HTML所在目录；解决方法是将图片统一复制到HTML同级media子目录，并将所有src改为相对路径如"media/xxx.png"，避免file://或UNC路径。
-
使用flex-wrap和gap可实现Flexbox布局中的自动换行与间距控制。1.设置flex-wrap:wrap允许子元素在空间不足时换行，避免溢出；2.使用gap统一设置子元素间的水平和垂直间距，简化样式管理；3.建议结合flex:11200px等弹性设置与媒体查询优化响应式效果，避免混用margin防止间距混乱，提升布局效率与可维护性。
-
应优先使用HTML5原生属性（required、type、pattern）做基础校验兜底，再用JavaScript增强交互反馈、组合逻辑与异步校验；checkValidity()仅返回布尔值，reportValidity()才触发提示；异步校验需手动管理状态并防抖；复杂规则放JS，简单规则用pattern。
-
通过CSS的background-image等属性可灵活设置网页背景图片。首先使用background-image指定图片路径，如body{background-image:url('bg.jpg');}；默认图片会平铺，可通过background-repeat控制，取值包括repeat（默认）、no-repeat（不重复）、repeat-x（横向重复）和repeat-y（纵向重复），例如添加background-repeat:no-repeat防止重复；利用background-position调整图片
-
最简可用姓名邮箱联系表单需用<formmethod="POST"action="/contact">配对，含三组<label>+<input>（name必填），type="email"和required启用原生校验，本地测试action="#"防跳转，后端依name属性接收数据。
-
解析HTML需用专用工具：一、Python的BeautifulSoup（易用，容错强）；二、JavaScript的DOMParser（前端原生）；三、Python的lxml（速度快，支持XPath）；四、Node.js的jsdom（服务端模拟DOM）；五、命令行htmlq（轻量，CSS选择器提取）。
-
<time>标签必须带ISO8601格式datetime属性，含显式时区，显示文本须与datetime逻辑一致，否则机器解析失效。
-
答案：Redux中间件通过三层函数结构拦截action，在分发前执行异步处理、日志等逻辑，支持自定义功能如promise中间件，并可通过applyMiddleware集成，结合DevTools调试，需注意顺序与错误处理。
