-
<samp>表示程序或系统的输出结果，<code>表示计算机可执行的代码片段；二者语义不同，影响屏幕阅读器理解、SEO及未来语义化解析。
-
在Vue3中使用ref结合TypeScript接口可提升类型安全与可读性，需通过泛型标注ref类型，优先用interface定义实体，初始化值须符合接口约束，解构时避免丢失响应性与类型，复杂状态推荐reactive配合接口，简单字段用ref。
-
call是函数对象的原生方法，用于临时指定并立即执行函数时的this值，第一个参数为thisArg，后续参数依次传入目标函数，不修改原函数。
-
用flex+flex-grow:1实现均分，但需父容器display:flex且子项无固定宽；标签数≤4时保底min-width:80px，>4时用CSS变量配合calc()和max()动态计算宽度，变量须JS设置并绑定到容器。
-
Flex垂直居中需父容器有明确高度且img设vertical-align:middle或display:block；IE11存在align-items兼容问题，需额外测试或改用column+margin:auto方案。
-
JavaScript创建自定义事件需用CustomEvent构造函数定义类型与detail数据，并调用dispatchEvent在目标元素触发；监听时用addEventListener，通过event.detail获取数据。
-
直接对font-size使用transition无效，应改用transform:scale()实现平滑缩放；或在新浏览器中用CSS自定义属性配合clamp()和transition。
-
Stylelint保存时自动修复不生效，主因是VSCode格式化链路冲突或customSyntax未配置；应关闭editor.formatOnSave、启用stylelint.autoFixOnSave，确保安装官方插件、配置匹配的customSyntax及可修复规则。
-
可选链仅防null/undefined访问错误，不防运行时异常；?.()返回Promise|undefined，需显式处理；应结合??提供默认值，并用isReady等状态标识确保SDK已初始化。
-
relative定位本身不使元素脱离文档流，仅作为absolute子元素的定位参照；需配合top/right/bottom/left才产生视觉位移，且其top向下偏移、left负值向左；它是最近非static祖先，但受外层定位元素或flex/grid布局影响。
-
可访问性设计不仅是合规要求，更是包容性责任。它通过语义化HTML、替代文本、键盘操作、色彩对比、表单标签、合理使用ARIA等手段，确保残障人士平等获取信息；同时提升SEO和用户体验，扩大用户群。常见误区包括滥用div、无效alt文本、焦点混乱、颜色对比不足、ARIA误用。应从设计阶段融入可访问性，结合自动化工具与人工测试，并持续学习迭代，使其成为开发常态。
-
浮动容器中margin:auto失效，因浮动元素脱离文档流，父容器宽度无法约束子元素，导致左右外边距计算为0；应改用inline-block+text-align、绝对定位或直接使用Flex/Grid布局。
-
应选用Notepad++便携版v7.9.5及更低版本、FirefoxESR78.15.0，禁用自动更新与扩展，通过file://协议直读HTML文件，关闭语法高亮冗余渲染和系统视觉特效，以适配双核CPU、2GB内存等低配硬件。
-
应使用@media(prefers-reduced-motion:reduce)直接重置动画属性，而非依赖JS；需设animation:none、transition:none、transform:none、opacity:1等并加!important确保生效。
-
本文详解如何将两个等长的一维数组（键数组与值数组）配对生成二维键值对数组，并利用Object.fromEntries()构建初始化对象，同时对比map+fromEntries、forEach和reduce三种实现方式的适用场景与注意事项。
