-
使用justify-content可控制Flexbox水平菜单对齐方式：将ul设为flex容器后，设justify-content为flex-start（左对齐）、flex-end（右对齐）、center（居中）、space-between（两端对齐）、space-around（周围等距）或space-evenly（完全等距），结合移除列表默认样式与调整内边距，即可实现简洁响应式菜单布局。
-
初学者常因盒模型、浮动塌陷、margin重叠、z-index失效、优先级混乱和响应式适配等问题导致布局错误。通过浏览器开发者工具检查样式、使用边框定位、验证选择器匹配、清除浮动、重置默认样式、分步注释排查，并采用BEM命名和CSS变量，可高效调试与解决问题。
-
这是浏览器主动拦截的跨域请求，因服务端未返回Access-Control-Allow-Origin等CORS响应头；fetch请求已发出且可能返回200，但浏览器在解析响应时直接拒绝，不进入Promise链。
-
Map和Set是ES6为解决对象/数组语义模糊、性能瓶颈而设计的原生集合类型：Map支持任意类型键、保证插入顺序、提供O(1)操作；Set实现高效去重与存在性判断、支持集合运算、语义明确。
-
装饰器是一种函数，用于在不修改原始代码的情况下增强类、方法、属性或参数的行为。通过@符号应用于目标声明，运行时接收元信息并返回修改后的描述符或对象。类装饰器可修改类定义，如冻结实例或添加元数据；方法装饰器通过descriptor控制方法行为，实现只读、日志、性能监控等；属性和参数装饰器主要用于元数据标注，常用于依赖注入和参数标记，需配合ReflectMetadata使用。尽管JavaScript装饰器尚处Stage2，TypeScript和框架如Angular、NestJS已广泛支持，提供声明式编程能力，
-
<p>直接用Bootstrap的.badge类即可，但需注意Bootstrap5移除了默认背景色，必须搭配.bg-*类（如.bg-danger）才可见；Bootstrap4虽有浅灰背景，仍推荐显式指定颜色类以保证一致性。</p>
-
优先用getElementById获取元素，速度快且返回单个元素或null；querySelector支持CSS选择器但只返首个匹配项；修改内容用textContent（安全）或innerHTML（需信任来源）；设属性优先直接访问内置属性，自定义属性用setAttribute；动态元素事件用委托，移除时须用同一函数引用。
-
校正HTML背景图需配置background-position控制位置、background-size调整尺寸、background复合属性整合设置、background-origin指定定位基准，并检查盒模型与父容器影响。
-
SPA的核心是JavaScript接管路由、动态更新DOM、服务端仅提供单一HTML入口；使用hash路由存在SEO差、导航不精准等缺陷，现代SPA必须用HTML5HistoryAPI并配置服务端fallback。
-
伪元素必须配合content属性才能显示，且需注意定位、层叠、兼容性及适用场景。
-
通过CSSFlexbox的order属性，可无需JavaScript即实现将带.active类的<li>元素自动排至列表最前方，其余元素按原顺序跟随其后。
-
meter元素无JavaScriptAPI取值，仅通过绑定的value属性或外部变量获取数据；其value为只读反射属性，修改不触发事件，也不参与表单提交，本质是单向显示控件。
-
轮播图卡顿或切换生硬，主因是CSS过渡属性与JS动画节奏未对齐：需统一transition与speed、避免触发布局、合理使用will-change和requestAnimationFrame、处理visibilitychange、配置touch-action与passive事件、控制图片加载时机。
-
函数柯里化是将多参数函数转换为依次接收单个参数的函数序列，通过闭包保存参数直至齐全后执行，如add(1)(2)(3)调用方式，支持参数复用、函数组合与延迟计算，提升代码灵活性和可维护性。
-
首先使用UIkit的按钮类创建不同样式和大小的按钮，并通过.uk-width-1-1使其全宽；接着构建响应式导航栏，利用.uk-navbar-container和uk-navbar实现左右布局，配合uk-toggle在小屏显示汉堡菜单；最后通过uk-grid与uk-width-2-3@m等类搭建两栏主侧边栏布局，结合.uk-container确保内容居中适配，完成简洁响应式页面结构。
