-
<select>元素不支持line-height，因其为替换元素，行高由系统或UA样式控制；有效方案是用padding、height+box-sizing控制高度，或改用自定义下拉组件。
-
使用Notepad++批量替换HTML标签，先打开替换窗口（Ctrl+H），在查找目标中输入正则表达式如<strong>(.*?)</strong>，替换为<b>$1</b>，勾选“正则表达式”模式，最后点击“全部替换”完成操作。
-
Web转App后，HTML<inputtype="file"multiple>在AndroidWebView中常失效，导致仅能单图选择；根本原因在于WebView默认禁用多文件选择器，需通过原生层适配或改用兼容性更强的技术方案。
-
事件循环是单线程任务执行节奏：同步代码→清空所有微任务→执行一个宏任务→循环。Promise.then总比setTimeout先执行，因前者属微任务、后者属宏任务，且每轮宏任务后必须立即清空全部微任务。
-
RGB/HSL写CSS渐变更灵活可控：支持透明度（rgba/hsla）、直观调色（HSL明度/饱和度可调）、适配CSS变量与计算、兼容IE9+；Hex仅适用于静态单色场景。
-
HTML原生不支持文件包含，需借助JavaScript动态加载、iframe嵌入、服务器端包含（SSI）、构建工具预处理或PHP等服务端语言实现。
-
使用a:visited可设置已访问链接的样式，如color、background-color等，但受隐私保护限制，仅允许修改颜色类属性；为避免覆盖，应按LVHA顺序定义link、visited、hover、active状态。
-
transition必须写在子元素常态规则中，且父元素hover时子元素属性值必须发生可过渡的真实变化。常见错误包括：属性不可过渡（如display）、变化量为0、选择器未命中或优先级被覆盖。
-
面包屑导航的HTML结构通常在header.html、index.html或主布局文件中修改，位于<navaria-label="breadcrumb">或class="breadcrumb"的<ol>/<ul>容器内。
-
gap属性统一用于Grid和Flex布局中控制子元素间距，推荐使用gap替代margin以提升布局清晰度与维护性，其仅作用于子元素间且支持多种单位，结合响应式设计可灵活调整间距，现代浏览器已广泛支持。
-
localStorage和sessionStorage的核心区别在于生命周期和作用域：前者持久保存、同源共享，后者仅限当前标签页、关闭即清空；二者均只支持字符串存储，存对象需JSON序列化，读取需反序列化。
-
使用CSS的:active伪类可设置按钮按下时的颜色和样式。通过为按钮添加:active状态，自定义背景色、文字颜色及位移效果，如.btn:active{background-color:#0056b3;transform:translateY(1px);}，实现点击反馈。该方法适用于button、a标签等元素，需注意移动端Safari可能需添加onclick=""以激活:active状态。配合transition可使颜色变化更平滑，避免改变宽高以防页面抖动，提升交互体验。
-
应使用minmax()+auto-fit/auto-fill实现响应式列数，如grid-template-columns:repeat(auto-fit,minmax(280px,1fr)))，配合媒体查询兜底；统一用gap控制间距，避免子项margin；优先用grid-auto-rows替代显式行定义。
-
使用HTML表单和JavaScript可实现文件上传，需设置enctype="multipart/form-data"；2.通过FormData收集文件数据，结合fetch或XMLHttpRequest发送请求；3.可监听upload.onprogress事件显示上传进度；4.前端应校验文件大小和类型以提升体验；5.后端需配套接收接口。
-
回流是浏览器重新计算元素几何属性并重建渲染树的过程，重绘是仅更新样式而不改变布局的视觉刷新；回流必触发重绘，但重绘不一定触发回流。
