-
内联SVG最简单可控，直接写<svg>标签即可；需设viewBox与width/height配合防失真；删子元素fill/stroke属性才能用CSS控制颜色和hover；IE11及旧安卓WebView存在<use>、currentColor、viewBox兼容问题。
-
HTML根元素是html标签，位于DOCTYPE声明后，包裹head和body部分，定义文档起点；通过lang属性指定语言可提升可访问性和SEO。
-
用CSSGrid实现响应式列数需结合媒体查询与grid-template-columns：默认单列，481px起设2列，769px起3列，1025px起4列；更优方案是auto-fit+minmax自动适配列数。
-
cursor:pointer是最常用且应默认添加的交互提示，用于告知用户可点击；需为所有绑定click事件的元素设置，避免用户反复试探；自定义光标须含尺寸、热点坐标和fallback，移动端Safari不支持url()自定义光标。
-
JavaScript交互关键在DOM操作、事件响应、异步行为三链条：确保元素存在再操作，用addEventListener动态绑定事件，fetch需手动检查res.ok并捕获异常。
-
HTML原生type="email"验证不靠谱但够用，仅检查基础格式如@和点，不查域名存在性、不防伪造，用户可轻易绕过，绝不能替代后端校验。
-
通过HTML语义化标签与CSS结合实现响应式表格，使用thead、tbody、colgroup等结构化标签提升可访问性，配合媒体查询、data-label堆叠布局或横向滚动容器适配移动端，确保多设备下内容清晰可读。
-
雪碧图动画闪烁的根源是重绘抖动，因background-position变化未走GPU合成层，导致像素对齐错乱；须用transform:translateZ(0)、整数像素切图、px单位硬编码位移、静态background-size，并避免缩放与IE兼容问题。
-
最常误用且影响性能的是直接修改原数组的方法：push、pop、shift、unshift、splice，其中shift/unshift时间复杂度为O(n)；filter/map/slice虽安全但链式调用产生多中间数组；大数据量下应避免unshift，改用[item,...arr]或push+reverse。
-
HTML中通过is属性扩展原生元素的自定义元素（CustomizedBuilt-inElements）一旦创建，其行为即被固化；标准明确禁止运行时修改is属性来切换类行为，但可通过attributeChangedCallback+手动原型重绑定+生命周期协调实现近似动态效果。
-
CSS多列布局（columns）专为长文本流设计，无法对单行短文本按字符数分列；需确保内容足够、允许换行且容器有明确高度，否则分列无效。
-
本文通过实测数据对比类中箭头函数（实例属性）、原型方法及bind封装函数在内存占用与执行性能上的差异，澄清常见误区：三者在现代引擎中性能几乎无差别，但内存模型与语义行为截然不同。
-
HTML原生color输入框轻量但受限，仅支持#rrggbb格式且无透明度；HSL滑块可控性强但缺色盘直观性；CanvasHSV色盘最专业但开发成本高；表单集成需处理初始值、重置同步与无障碍。
-
需用@font-face引入自定义字体，优先WOFF2格式并提供多格式回退；通过font-family调用，建议加通用字体兜底；可用CSS变量统一管理族名；注意CORS跨域限制及font-display:swap优化加载体验。
-
muted是视频自动播放的必要条件，必须在HTML中与autoplay同时声明，且移动端需加playsinline；仅设autoplay必失败，因浏览器按有声无交互拦截；JS后设muted无效，失败后须捕获并提供播放按钮。
