-
滚动指示器宽度不随滚动平滑变化？检查transition是否作用于CSS变量直接改--scroll-width这类CSS变量本身不会触发过渡动画，CSS的transition默认只响应“可动画化属性”（如width、opacity），不响应自定义变量变更。必须把变量值“映射”到真实可过渡属性上。正确做法：用width:calc(var(--scroll-width)*1px);或flex-basis:var(--scroll-width);，再对width或fl
-
将表单校验规则模块化，通过组合策略提升可维护性：定义独立校验函数（如邮箱、密码强度、手机号等），每字段绑定多个规则按序执行；支持动态联动（如密码比对）和异步校验（如用户名唯一性）；统一入口收集结果，返回valid状态和errors信息，便于错误提示与提交控制。
-
HTML里加空格为什么经常“不生效”因为浏览器默认会把连续的空白字符（空格、换行、制表符）合并成一个空格，甚至直接忽略首尾空格。这不是bug，是HTML规范行为——它只关心内容结构，不负责排版细节。常见错误现象： 用多了页面错位、（普通空格）在代码里写了七八个，渲染出来还是一个；用pre标签又导致文字不能换行或样式失控。纯文本场景（如按钮文字、标题中微调间距）：优先用 需要保留多空格+换行的代码/日志展示：用组合想控制某几个词之间的间距：改用CSS的le
-
try-catch仅捕获同步异常，如throw错误、运行时错误、JSON.parse失败；无法捕获异步错误、Promise拒绝、事件回调错误、语法错误及资源加载错误。
-
用<iframe>嵌入在线地图是最常用、最稳定的方式，需使用地图平台提供的分享嵌入代码而非浏览器地址栏URL；注意编码中文参数、添加loading="lazy"和referrerpolicy="no-referrer"，移动端需适配触摸与宽高比，无需APIKey。
-
在DjangoHTML模板中，{%iffeature.is_true==True%}无法正常工作，因为模板语言不识别Python内置常量True；应直接使用{%iffeature.is_true%}进行布尔判断。
-
本文介绍一种简洁、可复用的JavaScript弹窗控制方案：通过单个函数接收弹窗ID参数，自动切换其显示/隐藏状态，并同步管理遮罩层，彻底避免重复定义openPopupX/closePopupX等冗余函数。
-
现代浏览器已彻底移除Flash支持，HTML5视频播放器无法回退到Flash——所谓“切换”实为过时代码冗余，应专注提升HTML5容错性，如提供多格式源、配置CORS、适配HLS及移动端策略。
-
使用aspect-ratio和object-fit可实现响应式图片裁切，通过设置容器宽高比并用object-fit:cover裁剪图片，确保图片填充容器且保持比例，常用padding-bottom技巧兼容性好。
-
本文介绍使用原生JavaScript实现多组独立复选框的智能全选控制：点击全选框可批量操作，而手动勾选/取消任一子项时，自动同步更新全选框状态（全选时才为选中，任一未选则取消）。
-
padding默认增大元素总尺寸，因在width/height外计算；启用box-sizing:border-box可使其从设定宽高中扣减，更符合直觉且利于响应式布局。
-
html5play无法播放VR视频，因其仅为video标签封装，缺乏WebGL渲染、WebXR接口及球面解码能力，需改用photo-sphere-viewer等专用VR播放库。
-
使用浏览器开发者工具和PerformanceAPI定位执行超50毫秒的JavaScript长任务：1.用ChromeDevToolsPerformance面板录制并分析火焰图中Main线程上的长任务；2.通过PerformanceObserver监听longtask条目实现生产环境监控；3.结合主线程活动、FPS及CPU指标判断影响；4.采用代码分割、WebWorker或setTimeout分片优化。
-
space-evenly是justify-content的属性值，使flex容器内子元素间的间距及与容器边缘的距离完全相等，实现视觉对称布局。1.设置display:flex后使用justify-content:space-evenly；2.子元素之间及首尾与容器边距相同；3.适用于导航、图标组等需均匀分布的场景；4.现代浏览器支持良好，注意避免margin干扰布局效果。
-
border-spacing仅在border-collapse:separate时生效，设为collapse则被忽略；它作用于table元素，控制单元格边框外侧间距，不支持负值和百分比，IE8及以下不支持。
