-
fr单位按剩余空间分配而非等分屏幕，受box-sizing、padding、滚动条等影响；响应式需结合minmax()、grid-template-areas及flex降级方案。
-
必须设且设为zh-CN——它明确表示简体中文+中国大陆规范，影响屏幕阅读器朗读、浏览器翻译、SEO及CSS:lang()伪类；设错或不设会导致语音引擎误用、翻译异常、SEO降级等问题。
-
bind方法创建新函数并永久绑定指定this值和预设参数；调用func.bind(obj)后，新函数无论在哪执行this始终为obj；支持预设前置参数实现柯里化，如func.bind(null,'a','b')调用时自动前置；新函数不可用new调用，无prototype，length为原函数形参减已绑定数。
-
HTML中有<header>标签，它是语义化标签而非页眉专用容器，不强制位置或样式，仅表征逻辑页眉；应按内容层级合理使用，避免滥用导致可访问性下降。
-
required仅校验非空，不校验格式；pattern自动锚定且不支持标志符；min/max/step在number与date中行为不同；setCustomValidity需手动清空；原生校验仅响应表单提交事件。
-
JavaScript表单正则验证关键在于流程嵌入而非语法本身：blur触发主校验、input仅做轻量过滤；必加^$锚点防子串匹配；显式处理中文、空格、emoji；前后端校验逻辑必须一致，且后端不可省略。
-
外边距合并是CSS规范定义的margin-collapse行为，仅发生在普通流中垂直方向块级元素间；有效解法是触发BFC（如overflow:hidden或display:flow-root）或改用flex+gap布局。
-
行内样式本身不直接触发重排，但JS中读写交替（如先读offsetHeight再设style）会强制同步布局；单纯改opacity等属性通常只重绘，改width或display则大概率重排。
-
text-wrap:nowrap不是标准CSS属性，根本不存在；正确写法是white-space:nowrap，它通过禁止自动换行并合并空格来实现单行显示，需配合width、overflow和text-overflow才能稳定生效。
-
Reflect是一套底层统一的对象操作接口，核心价值在于对齐Proxy处理器与原生行为、支持运行时动态操作；其方法需显式传入目标对象，不兼容非对象输入，强调精确控制而非语法简化。
-
color()函数支持多色彩空间精确控色，如display-p3提升色域，Lab/LCH实现感知均匀，通过fallback确保兼容性，逐步成为高精度色彩设计主流方案。
-
移动端CSS动画不触发或卡顿主因是浏览器降级渲染：禁用非transform/opacity属性动画、裁剪合成层、隐藏状态跳帧等；raf在微信iOS版存在后台切回后失效bug；Canvas需适配DPR；SVGSMIL动画iOS已移除。
-
Word“另存为网页”生成的是含mso-样式和表格布局的非语义化HTML，适合快速共享；Pandoc可输出标准语义HTML并支持样式定制；python-docx+BeautifulSoup适合深度定制；导出后须检查路径、编码和表格渲染。
-
应抽离公共样式为base.css顶部同步加载，页面专属样式用preload异步加载，禁用内联style；用CSS变量统一管理主题，构建时按页面拆包并hash命名，服务端注入带版本号的CSS链接并设置fallback。
-
Sticky定位需设置阈值且父容器无overflow限制，现代浏览器支持较好，旧版Safari需加-webkit-前缀，IE不支持需JS模拟或降级处理。
