-
PurgeCSS通过静态扫描HTML/JS/Vue等文件中出现的类名和ID，匹配配置路径来剔除未使用CSS，可减少60%–90%体积；需显式配置content、处理动态类名、用safelist保底，Vite推荐使用vite-plugin-purgecss。
-
正确设置HTML文件路径需根据资源位置选择相对路径、绝对路径、根相对路径或远程URL。1、相对路径基于当前文件位置，适用于内部资源引用，便于迁移；2、绝对路径从磁盘根目录开始，如file:///C:/project/images/photo.jpg，但可移植性差；3、根相对路径以“/”开头，从网站根目录定位，适合大型项目统一管理；4、远程资源使用HTTP/HTTPS完整URL，如CDN链接，确保跨域合法与安全性。
-
答案：通过为表格单元格设置position:relative，可使其成为绝对定位元素的包含块，从而在单元格内精确控制如角标等子元素的位置。结合实际场景，在td中添加relative定位并配合absolute定位的badge类，能实现“新”标签位于单元格右上角的视觉效果；需注意设置固定尺寸、管理z-index层级，并避免在rowspan或colspan中复杂布局，以确保兼容性与稳定性。
-
用JavaScript实现两级联动：HTML仅提供两个select结构，JS用对象映射国家与地区数据，监听countrySelect的change事件动态填充regionSelect；注意绑定时机、禁用选项处理及移动端体验优化。
-
可通过Conky结合HTML/CSS渲染桌面信息，使用YAMi构建浏览器式控制面板，并利用i3blocks自定义状态栏样式实现i3窗口管理器下的高度定制化界面。
-
精准匹配手机需结合设备能力而非仅宽度：用(max-width:767px)and(pointer:coarse)排除平板与鼠标设备；prefers-color-scheme比JS切换更可靠，需设默认浅色样式并同步调整背景/边框；orientation易失效，应配合JS监听防抖；prefers-contrast和color-gamut关乎可访问性，print媒体查询防打印墨耗。
-
label能关联所有可聚焦、可交互的原生表单控件，但仅对具备原生交互能力的控件（如文本类input、checkbox、radio、textarea、select、button、range、color）点击label才能触发聚焦或切换；显式for绑定需确保id唯一匹配，隐式包裹更可靠；aria-labelledby仅用于无障碍描述，不替代for功能。
-
本文介绍在Feathers.js（v5+）中结合Knex迁移（migrations）实现数据库表创建与初始数据加载的最佳实践，替代手动监听事件或阻塞服务启动的临时方案。
-
JavaScript正则难点在于RegExp创建方式、标志位行为及方法返回值结构：/pattern/g与newRegExp('pattern','g')因转义差异导致行为不一致；g标志影响exec()的lastIndex；match()无匹配时返回null而非空数组；需捕获组+全局时用exec()循环或matchAll()；replace()中$符号仅在正则参数下生效。
-
闭包是实现应用状态管理的核心机制，因为它通过封装私有变量并提供受控访问方法，确保状态的完整性和可预测性。1.使用闭包可以将状态变量（如state和listeners）隐藏在函数作用域内，外部无法直接访问；2.通过返回getState、setState和subscribe等方法，形成闭包，持续访问和修改私有状态；3.这种模式实现了模块化和数据保护，防止意外修改；4.所有状态变更必须通过setState进行，便于集中处理逻辑、触发通知和维护一致性。因此，闭包为状态管理提供了安全、可控且结构清晰的解决方案。
-
纯CSS手风琴核心是checkbox:checked配合兄弟选择器控制max-height过渡动画，input须与面板同级且在前、display:none，label[for]关联触发，用max-height而非height/display实现可过渡的折叠效果。
-
用flex实现图标+标题+连线的水平布局，核心是三段式弹性分配：图标固定宽且不缩放，标题占满中间可变区域（flex:1），连线用真实元素设flex:1+border-bottom自适应拉伸；伪元素画线易因换行或宽度变化失效，真实DOM更稳定可靠。
-
小屏幕下网页内容被裁切时，应通过设置overflow-x:auto启用横向滚动，并结合Flexbox或CSSGrid实现自适应布局。1.使用overflow-x:auto允许容器水平滚动，配合min-width防止内容压缩；2.采用display:flex与flex-wrap:wrap使子元素弹性伸缩并自动换行；3.利用grid-template-columns:repeat(auto-fit,minmax(200px,1fr))创建响应式网格；4.避免固定宽度，优先使用fr、%等相对单位；5.在关键容器
-
Bootstrap5默认禁用了按钮的:active和:focus阴影样式，若需为选中的Radio按钮（如btn-check+label.btn组合）添加视觉反馈（如边框或阴影），可通过CSS相邻兄弟选择器精准定位已勾选状态并自定义样式。
-
HTML是标记语言而非编程语言，应聚焦文档结构；需手写基础标签、用LiveServer预览、厘清class/id用途差异、阻止表单默认提交，并通过DevTools实时调试。
