-
应使用URL构造函数+URLSearchParams安全操作URL参数，避免直接赋值window.location.href导致意外跳转；需更新地址栏而不刷新时，用history.pushState()或replaceState()配合newURL()。
-
使用Flexbox的gap属性替代margin可有效控制按钮组间距，避免首尾多余空白。通过设置display:flex和gap值，如8px，实现按钮间均匀间隔。结合justify-content属性（如flex-start、center、flex-end、space-between）可灵活对齐按钮组，同时保持间距一致。响应式设计中，可用媒体查询调整gap值，适配不同屏幕尺寸。该方法比传统margin更简洁易维护，推荐优先使用。
-
本文详解React-Leaflet中响应地图点击事件的正确方式，指出<MapContainer>不支持直接绑定onClick，推荐使用useMapEvent钩子在自定义子组件中监听地图事件，并完整实现点击添加Marker与Circle的交互逻辑。
-
使用CSS的border属性为HTML5的<nav>标签设置边框，可实现导航栏样式定制。通过border、border-bottom、border-left等属性可分别设置整体或单一边框，结合padding、display:flex等布局属性优化外观。示例中为导航链接添加虚线边框，并用:first-child排除首个元素的左侧边框。利用border-radius实现圆角效果，box-shadow增强层次感。响应式设计中通过媒体查询在小屏幕上移除边框仅保留底部分隔线，确保视觉简洁。核心是语义化结
-
JavaScript有8种数据类型：7种原始类型（string、number、boolean、null、undefined、symbol、bigint）和1种引用类型（object）。关键在于理解值的存储、比较、传递方式及可变性，而非死记类型。
-
PurgeCSS删除已用CSS类的根本原因是默认仅扫描指定文件中的字符串字面量，无法识别动态拼接、运行时生成或JS注入的类名；需通过content显式配置路径、调整PostCSS插件顺序、正确处理特殊语法及框架组件类。
-
layout.css应仅包含跨页面一致的骨架样式，如body重置、基础变量、栅格容器、页头页脚结构类和响应式断点；严禁业务样式、语义类、!important、元素选择器及伪类交互规则。
-
用font-size控制字号需依靠CSS，推荐使用rem单位建立相对缩放体系，避免混用单位及废弃的<font>标签，并通过开发者工具排查层叠与继承问题。
-
必须用官网推荐的完整CDN地址：CSS用bootstrap.min.css，JS用bootstrap.bundle.min.js（含Popper），JS放底部或加defer；栅格需container→row→col三层嵌套；断点类名按顺序书写，务必添加viewportmeta标签。
-
应使用aria-current="step"标记当前答题卡，因其是浏览器原生支持的语义化方式，屏幕阅读器可直接识别“当前步骤”，配合[aria-current="step"]CSS选择器与data-status区分业务状态，确保无障碍、多设备、服务端渲染下状态准确一致。
-
HTML5本身不支持建模与反射，需通过WebGL（如Three.js）实现；反射依赖MeshStandardMaterial的metalness、roughness、envMap及光照配置，且必须正确加载环境贴图并设置depthWrite:false。
-
怎么用Bulma的is-flex类快速搭出响应式行内布局Bulma的Flex布局不靠自定义CSS，全靠预设的工具类组合。核心是is-flex（开启flex容器）配合is-flex-direction-row/column、is-justify-content-center等控制轴向和对齐。它默认不设flex-wrap，所以子项超宽会溢出——这是最常踩的坑。常见错误现象：is-flex加了但子元素还是竖排堆叠，或在小屏上挤成一团看不见。必须给父容器加is-flex，子元素不用
-
BigInt类型用于处理超大整数，解决Number类型精度丢失问题；通过添加n后缀或BigInt()创建，支持常规数学与位运算，但不可与Number混用或使用Math方法；适用于大ID、加密、金融等高精度场景。
-
本文详解Firebase安全规则与服务端身份验证的正确配合方式：明确区分客户端无感访问与服务端可信写入，避免误用request.auth!=null导致无法写入，同时杜绝硬编码密钥或开放未授权写权限的风险。
-
CSS响应式断点机制通过“断点前缀+类名”组合实现，如md:text-center；主流框架默认提供sm/md/lg/xl/2xl五级断点，需在配置中定义，未声明则不生成；失效常见原因包括缺失viewport标签、未定义断点名、按需构建未触发类生成。
