-
metaviewport的user-scalable和minimum-scale经常失效，因iOSSafari自10+起无视user-scalable=no，且双指缩放后忽略minimum-scale；真正有效的是CSS布局约束与visualViewportAPI辅助重置。
-
静态分析通过解析代码AST发现潜在问题，提升JavaScript代码质量。常用工具包括ESLint（主流检查工具）、Prettier（格式化）、TypeScriptCompiler（类型检查）等，可在编辑器、pre-commit钩子和CI/CD中集成，结合规则配置与自动化修复，持续维护可增强项目健壮性与团队协作效率。
-
可用::before伪元素替换默认圆点，先用list-style:none清除原生符号，再在li上设position:relative，通过::before绝对定位插入content字符并调整样式，配合margin-right或padding-left留白，以及padding-left和top:0.25em适配多行对齐。
-
滚动指示器宽度不随滚动平滑变化？检查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播放库。
