-
margin-top和margin-bottom用于控制元素垂直间距，分别设置上、下外边距，常用于标题、段落等元素间留白；需注意块级元素间外边距合并现象，即相邻上下外边距取较大值而非相加，可通过统一使用margin-bottom、添加边框或设置overflow:hidden避免；推荐使用rem/em单位并保持方向一致性以提升布局可控性与响应性。
-
顶部固定栏导致内容被遮盖，应通过给body或主容器设置padding-top预留空间；padding-top在内容区内撑开空白，避免遮挡且保持滚动正常，禁用htmlpadding和margin-top推首元素。
-
matchAll返回迭代器，须用for...of、展开语法或next()遍历；必须加g标志，禁用y标志；捕获组按索引访问更兼容；非捕获组不占位；未匹配捕获组值为undefined。
-
JavaScript原型链是对象查找属性的隐式路径，通过__proto__链接到prototype实现继承；class是语法糖，底层仍基于原型链；推荐Object.create实现安全继承。
-
HTML本身没有函数，所谓“HTML函数”实为JavaScript绑定；拖慢浏览器的根源是HTML+JS组合引发的重排、重绘及同步布局，而非HTML标签本身。
-
setup抽离业务逻辑的核心是将重复、可复用、与UI解耦的部分封装为组合式函数（Composable），如分页、表单校验等，使setup仅剩“连接”和“声明”，降低维护成本；按业务域组织函数（如useOrderList.js），避免技术类型泛化；通过provide/inject跨层级共享状态，setup内只保留胶水代码，不进行二次加工。
-
前端路由异步拦截核心是利用路由守卫配合Promise控制导航，确保权限校验、表单提示、数据预加载等关键操作完成后再跳转，并需超时控制与错误处理。
-
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则大概率重排。
