-
iOSSafari中transition卡顿主因是非合成属性触发CPU重排重绘；仅transform和opacity可GPU加速；需谨慎用will-change、translateZ(0)/translate3d(0,0,0)，并避免布局抖动与不良timingfunction。
-
使用CSSmedia属性可实现响应式设计，根据设备屏幕尺寸、分辨率等加载对应样式；2.通过@media规则为不同媒体类型（如screen、print）设置条件样式，例如为屏幕设背景色、打印时隐藏导航栏；3.结合max-width、min-width等媒体特性适配多端布局，小屏用单列，大屏用网格；4.可在HTML中用link标签引入特定媒体类型的外部样式表，如打印样式或高分屏优化样式；5.合理运用media需注意断点选择与样式覆盖，建议配合开发者工具调试。
-
muted是视频自动播放的必要条件，必须在HTML中与autoplay同时声明，且移动端需加playsinline；仅设autoplay必失败，因浏览器按有声无交互拦截；JS后设muted无效，失败后须捕获并提供播放按钮。
-
referrerpolicy="no-referrer"仅对当前元素触发的单次主动请求生效，不继承、不传递，且对iframe、表单提交（未显式设置）、window.location跳转无效；验证需用本地服务捕获原始请求头，避免开发者工具误导。
-
Promise是JavaScript处理异步的核心机制，通过pending/fulfilled/rejected三种不可逆状态封装未来操作，支持.then()/.catch()链式调用、Promise.all()/race()并发协调及async/await语法糖简化异步流程。
-
HTML性能优化不直接计分但影响FCP、LCP、CLS等核心指标；改img的loading="lazy"和decoding="async"可减少主线程阻塞、避免布局偏移，需配width/height；preload须慎用，仅限字体、关键CSS、hero图等高优且无法自动发现的资源，并严格指定as和crossorigin；关键CSS应精准内联首屏必需规则，避免全量或含@import/@font-face，超14KB时分段异步加载；优化本质是理解浏览器渲染流水线，而非盲目压缩或加属性。
-
首屏白屏时间长通常不是HTML文件本身加载慢，而是其触发的阻塞行为所致，如未优化的script、无尺寸图片、同步CSS或服务端响应慢。
-
Safari中input[type="text"]阴影失效是因为其默认启用系统级渲染样式，需同时设置-webkit-appearance:none、border、background-color、padding、line-height并注意overflow和伪元素重置。
-
<p>removeAttribute无法批量清除属性，需结合hasAttribute判断与数组遍历逐个删除align、bgcolor、border等已废弃的内联样式属性，避免误删id、class、data-*等语义化属性。</p>
-
FileReader可读取任意File对象，能否正确解析取决于所选方法：readAsText适用于文本文件，readAsDataURL适合资源预览，readAsArrayBuffer用于二进制处理，readAsBinaryString已废弃；浏览器限制其仅能读取用户主动选择的文件，且操作均为异步。
-
优化图片需用现代格式（如WebP）+合理尺寸+有损压缩；HTML压缩只删注释、合并空白、移除可选闭合标签；构建时图片须经imagemin插件压缩，CSS背景图也要走loader处理。
-
掌握CSS浮动布局需合理设置浮动方向、清除浮动及间距控制。1.卡片设左浮动与固定宽度，通过padding和box-sizing控制间距；2.父容器用overflow:hidden或伪元素清除浮动，防止塌陷；3.结合媒体查询实现响应式断点适配。虽现代布局多用Flex或Grid，但float在兼容旧项目中仍具价值。
-
使用getElementById可通过唯一ID高效获取单个元素，若无匹配则返回null；querySelector支持任意CSS选择器并返回首个匹配项，适用复杂场景但性能稍低；需获取多个元素时应使用querySelectorAll，其返回静态NodeList可遍历操作，三者根据实际需求选择以实现精准DOM控制。
-
HTML5最简合法结构为<!DOCTYPEhtml><html></html>，但开箱即用底线模板须含lang、charset、viewport、title等；doctype必须全小写且首行无BOM，head/body不可省略，否则引发解析错乱与构建失败。
-
form属性用于将表单控件逻辑关联至指定form元素，支持input、textarea、select、button、output和label；需严格匹配目标form的id，且控件必须有name才能提交。
