-
移动端videoautoplay失效因浏览器禁止无用户交互的自动播放，必须静音+在点击等同步事件中调用play()，并检查readyState≥2和playing事件确认生效。
-
flex-basis定义初始尺寸，flex-grow控制剩余空间扩展比例，flex-shrink决定溢出时压缩比例，三者共同决定Flex子元素的空间分配，推荐使用flex简写属性统一设置。
-
video标签无反应应先检查src路径和状态码，常见问题包括404、403、CORS、file://协议限制、MIME类型错误；MP4需H.264+AAC编码；多source兜底时mp4放首位；autoplay必须muted且服务端配置正确。
-
实现语法高亮需通过词法分析将代码分解为token并用不同样式标记，采用双层结构（透明textarea+高亮显示层）实现可输入且着色的编辑器，结合按行解析、防抖与虚拟滚动优化性能，并通过语言配置规则支持多语言扩展。
-
一个能实际提交的HTML登录页面必须包含：<formaction="/login"method="POST">骨架；name="username"和name="password"的对应输入框；type="submit"按钮；密码框必须用type="password"；关键autocomplete、autocapitalize等语义属性不可省。
-
void运算符强制右侧表达式求值后返回undefined，不改变副作用但丢弃原返回值；常用于IIFE、javascript:void(0)、Promise链忽略中间值等场景。
-
误用div和span、标题层级混乱、滥用strong与em、列表使用不当是常见HTML语义化错误。应优先使用header、nav、article等语义标签；保持h1至h6逻辑递进；按语义选用strong、em、b、i；列表用于结构化内容，避免为样式滥用标签。坚持内容决定标签，借助Lighthouse等工具检测，提升可访问性、SEO与维护性。
-
postcss-discard-duplicates仅删除字面重复规则，无法识别语义等价声明；需用css-tree解析AST并归一化值、展开简写、标准化单位与格式；cssorestructure可合并同文件内无隔离的同义规则，但不跨文件、不处理CSS-in-JS、不模拟运行时，且人工须核查覆盖逻辑、媒体查询嵌套及自定义属性依赖。
-
可使用HTML实体编码、Unicode十进制/十六进制编码、CSS伪元素或FontAwesome等方法插入箭头符号；例如→用→或→或→，CSS中用content:"\2192"，FontAwesome用。
-
怎么用:invalid让输入框自动标红直接加:invalid样式就行，但得先确保表单控件有校验约束（比如required、type="email"），否则浏览器根本不会触发这个伪类。它只对「原生校验失败」生效，不是你随便输点啥就变红。常见错误是写了:invalid却没反应——八成是没加required或用了自定义校验（比如JS的setCustomValidity()）但没调用reportValidity()。input[type="email"]输入“abc”会触发
-
maxlength属性原生支持input和textarea的字符数限制，浏览器层面拦截输入，避免闪烁问题；需注意拼写正确、仅适用于表单元素，且后端必须重复校验。
-
使用CSS过渡提升弹窗体验，通过opacity和transform实现淡入滑入效果，配合visibility与transitionend事件控制显隐时机，避免直接过渡display属性。
-
HTML中“备用验证方式切换”需JS控制显隐，推荐用fieldset包裹、region角色标记区块，验证码输入框用inputmode="numeric"而非type="tel"，并做好焦点管理、防抖及无障碍支持。
-
可通过CSS的border-radius属性实现HTML5搜索框圆角效果，支持内联样式、内部样式表、外部CSS文件三种方式，并需注意浏览器兼容性及box-sizing属性配合使用。
-
推荐使用伪元素+渐变背景模拟阴影，通过::before或::after设置linear-gradient配合filter:blur()和z-index实现；也可用多层box-shadow叠加形成过渡错觉，适合简单场景；对复杂图形可选drop-shadow()；CSSPaintAPI为实验性方案。
