-
CSS变量值不应加外层引号，否则引号会被当作字面量存储；正确写法是--my-str:helloworld;，需转义时用\"或\'，URL和calc等原生语法可直接使用。
-
navigator.geolocation需HTTPS或localhost、检查支持性、必须传error回调；watchPosition需手动clearWatch防泄漏；enableHighAccuracy耗电且室内无效；拒绝权限后需降级方案。
-
poster属性不支持自动截取第一帧，必须用JavaScript主动截取并赋值；video.currentTime=0后截黑图需检查loadeddata事件、跨域设置、移动端延迟及编码特性。
-
语义化标签通过明确网页结构提升用户体验与机器理解，如<nav>、<article>帮助辅助技术识别导航和内容主体；ARIA属性补充HTML不足，用role和状态属性增强动态组件的无障碍访问；结构化数据通过Schema.org词汇提供机器可读的事实，赋能搜索引擎展示富摘要并支持智能应用解析信息。这三者共同构建多维度语义网，使网页内容更易被不同系统高效理解与利用。
-
色差主因是浏览器对HEX颜色的色彩空间解释不一致；必须用rgb(255107107)等显式sRGB语法锚定空间，否则linear-gradient中同一HEX值在Chrome、Firefox、Safari里映射的物理色不同，导致插值路径和最终渐变效果差异。
-
SSR的核心是在Node.js中执行组件并生成带数据的HTML字符串，而非直接返回静态index.html；必须包含组件执行、数据注入、HTML合成三环节，且需规避浏览器API、保证同构、严格对齐客户端水合。
-
使用绝对定位结合transform居中模态框，通过top:50%、left:50%将元素起点移至视口中心，再用transform:translate(-50%,-50%)精准居中，兼容性好且无需知道具体尺寸，推荐配合fixed定位与遮罩层使用。
-
HTML浏览器兼容性问题靠标准声明+特性检测+降级兜底三层解决：DOCTYPE必须首行无空格，html5shiv需配display:block规则，用Normalize.css统一默认样式，JS用存在性检测而非UA判断，构建配置须精准覆盖目标浏览器。
-
代理模式通过开发服务器中转请求绕过浏览器同源策略，因浏览器仅检查前端脚本发起的跨域请求，而代理是服务端对服务端通信；Vite中需在server.proxy配置路径匹配、target、changeOrigin等选项，并确保fetch使用相对路径如'/api/users'。
-
变量提升是JavaScript中var声明被提升并初始化为undefined，而let/const声明虽被提升但不初始化，访问会触发ReferenceError，该区域称暂时性死区（TDZ）。
-
最安全优雅的方式是用工厂函数返回新对象，因对象字面量会导致多个组件实例共享同一引用，引发引用污染；Vue中default必须为无参函数，React中推荐组件内解构合并或useMemo。
-
JavaScript引擎通过隐藏类优化对象属性访问，关键在于保持对象结构稳定：统一初始化顺序、避免动态增删属性、优先使用字面量工厂函数，并将高频属性置于实例自身而非原型。
-
Vue.js中通过slots与CSS变量配合实现结构与样式分离：slots提供内容灵活性（默认、具名、作用域插槽），CSS变量承接主题配置（语义化命名、默认回退值），组合使用可复用组件并自由定制外观，无需修改源码或添加scopedclass。
-
flex-direction在媒体查询中失效的主因是父容器未声明display:flex，或@media未正确作用于目标元素；需基础样式设column，再用min-width断点切row，并同步处理order值。
-
答案是提升HTML代码质量需坚持语义化标签使用、遵循书写规范、关注可访问性，并借助工具优化。具体包括：用<header>、<nav>等语义标签构建清晰结构，保持标题层级逻辑；属性值用双引号、标签小写、合理缩进以提升可读性；为图片添加alt属性，表单使用label关联，提升无障碍体验；结合W3C验证器和Prettier等工具持续优化代码，确保结构正确、风格统一，最终实现易于维护且兼容性强的HTML代码。
