-
图片在flex容器中撑破父容器需同时设置img{max-width:100%;height:auto;flex:110}，因flex默认行为会忽略max-width，必须通过flex-basis:0重置基准尺寸并启用缩放。
-
采用emit主动回传校验结果，子组件内聚校验逻辑并按field标识触发validate事件，父组件聚合状态、统一决策；支持同步/异步、防抖、错误提示与样式联动，结构清晰、响应式强、易于测试。
-
save()和restore()保存/恢复绘图上下文状态而非像素，包括变换矩阵、裁剪路径、样式属性及合成模式；不保存已绘制图形、canvas尺寸和像素数据；栈空时调用restore()会抛DOMException。
-
纯HTML无法实现地图路线规划，因其仅负责结构标记，缺乏坐标计算、路径算法、地图渲染等能力，必须依赖高德等地图SDK或Leaflet+OSRM等组合方案。
-
HTML5<inputtype="date">输出格式为"YYYY-MM-DD"（如"2024-06-15"），是ISO8601子集，moment()可识别但默认按本地时区解析，可能引发跨时区日期偏移问题。
-
SublimeText中快速插入HTML5声明可通过四种方法实现：一、安装HTML5Snippets插件后输入html:5+Tab；二、手动配置HTML.sublime-snippet模板文件；三、使用Emmet输入!+Tab；四、预存html5-template.html文件拖入复用。
-
函数声明和函数表达式最核心区别在于提升行为与语法位置约束：前者全量提升且只能出现在顶层或函数体，后者仅变量名提升、可置于任意表达式位置，并支持命名但名称仅内部有效。
-
主题切换时旧样式残留可通过class选择器控制解决，关键在于明确主题class作用范围并提升新样式优先级。将theme-dark或theme-light等class添加到body等根元素，所有主题样式以此class为前缀限定作用域，确保结构清晰。如：.theme-light.header{background:white;}与.theme-dark.header{background:#1a1a1a;}，切换时仅需更新body的class。若旧样式仍存在，说明第三方或内联样式优先级高，应使用更具体选择器、
-
document.readyState无法准确反映首屏就绪状态，因其interactive和complete仅表示DOM解析与资源加载进度，与FCP、CSSOM构建、布局绘制无直接关系；真实首屏应以performance.getEntriesByType('paint')[0].startTime（first-contentful-paint）为准。
-
getImageData非万能，需同源、坐标合法、画布已渲染；跨域图须设img.crossOrigin='anonymous'且服务端配CORS；空白画布返回全黑数据；ImageData.data是Uint8ClampedArray，按R-G-B-A每像素4字节布局，修改后需putImageData生效；参数须为非负整数，越界易报错；大图处理宜用OffscreenCanvas或WebWorker。
-
绝大多数情况下不值得用浮动布局，因其本为文字环绕设计，强行用于多列会引发清除浮动、父容器塌陷等问题；现代开发应优先选用Flex或Grid。
-
srcset属性在linkrel="icon"标签中不被任何主流浏览器支持；浏览器会忽略srcset和sizes，仅加载href指定的图标，必须用多个link标签分别声明不同尺寸和type的图标。
-
flex-direction:row-reverse用于使视觉顺序与DOM顺序相反，确保~兄弟选择器能匹配“当前及左侧”元素；DOM必须倒序排列（star5→star1），再通过row-reverse翻转视觉顺序，才能实现悬停第3颗时前3颗高亮的交互逻辑。
-
不能。:invalid仅标记校验失败状态，不自动显示提示；需配合兄弟选择器（如+或~）控制同级隐藏元素显隐，或用:user-invalid实现用户交互后提示，但无法动态输出错误文案或响应后端校验。
-
HTML5响应式布局核心是@media媒体查询配合viewportmeta标签、相对单位和Flex/Grid布局。必须写对<metaname="viewport"content="width=device-width,initial-scale=1.0">，断点按内容而非设备设定，容器用%或max-width，字体用rem/em，图片设max-width:100%，优先使用flexbox和grid。
