-
直接修改input[type="radio"]样式无效，因浏览器限制其CSS属性生效；需通过label绑定、隐藏原生控件、利用:checked状态配合自定义元素实现样式控制。
-
导航菜单小屏不折叠的主因是BEM修饰符未随响应式状态动态添加；应通过matchMedia监听并切换--mobile类，而非依赖CSS自动推导，且需确保父容器无高度/溢出限制。
-
展开运算符...是JavaScript中对可迭代对象或类数组对象进行逐项取出的操作符；它只在需多个独立值的位置生效，如函数调用、数组/对象字面量中，不可单独使用或在赋值左侧。
-
Angular无内置XML解析功能，需用DOMParser手动解析XML字符串或HTTP响应的text数据，再转换为JS对象供模板绑定，注意编码、命名空间及性能问题。
-
前端调用SpringBootActuator需先启用端点并配置CORS。1.引入actuator依赖并在application.yml中暴露health、info等端点；2.通过WebMvcConfigurer配置允许前端域名访问/actuator/**路径；3.前端使用fetch请求如/actuator/health获取数据；4.生产环境应限制敏感端点，结合SpringSecurity添加认证，避免直接暴露env、shutdown等高危接口。
-
推荐使用<header>与<p>标签组合：主标题用<h1>，副标题用带class="subtitle"的<p>，语义清晰且不破坏大纲；<hgroup>已废弃但部分浏览器支持；ARIA可增强可访问性；CSS伪元素适合固定文本场景。
-
移动端1px边框发虚变粗的根本原因是设备像素比（dpr）导致CSS1px被渲染为多个物理像素，浏览器插值拉伸后模糊；解决方案是用伪元素配合transform:scale(1/dpr)缩放边框至1物理像素，并设transform-origin和pointer-events:none规避副作用。
-
本文介绍如何根据导航栏是否启用navbar-fixed类，动态为.title-img元素添加或移除margin-top:20%样式，通过JavaScript实时检测类名变化并精准控制样式，避免硬编码冗余逻辑。
-
HTMLimport已废弃，仅执行脚本而不解析DOM、样式或模板；现代方案应使用ES模块配合fetch/DOMParser动态加载并手动解析HTML片段。
-
HTML多选框用<inputtype="checkbox">实现，需统一name值分组、设value区分选项、禁用ID重复；JS通过querySelectorAll获取全部并手动同步checked/indeterminate状态。
-
固定导航条导致内容被遮挡，应通过padding-top为内容区预留高度；响应式可用CSS变量联动；慎用margin-top；滚动条宽度变化可用scrollbar-gutter或强制显示解决；需确保导航条定位、尺寸设置正确。
-
改网页标题只有两种可靠方式：静态写在<head>里的<title>，或运行时用document.title赋值；其他操作均不保证生效，尤其影响SEO和历史记录。
-
本文介绍在CI环境（如AzurePipelines）中避免端口冲突的实践方案：通过Playwright配置动态选取空闲端口启动devserver，无需修改Webpack配置，兼顾本地调试与持续集成稳定性。
-
多级组件联动应避免链式$emit，优先采用provide/inject、事件总线（mitt）或Pinia状态管理；基础组件可合理使用语义化$emit，业务逻辑事件应在页面层组合。
-
background-repeat从IE8起无需任何前缀；IE8仅支持repeat、no-repeat、repeat-x、repeat-y，space/round等值需IE9+；Autoprefixer不加前缀但会过滤不支持的值。
