-
address标签用于标识页面或文章的责任主体而非物理地址，应根据归属关系判断：article内标作者，body顶层标全站维护方，仅允许短语内容，禁用块级元素。
-
推荐新手直接通过官方CDN引入Layui：在head中引入CSS，在body底部引入JS，使用https://unpkg.com/layui@2.8.18/；本地部署需解压后按路径引入，注意图标字体路径和加载顺序。
-
JavaScript引擎不对reduce做循环展开优化，因其是封装在引擎内部的原生高阶函数调用；性能关键在于回调内联性、数组结构、类型稳定性及必要时改用for循环。
-
直接改--bs-gutter-x或--bs-gutter-y最轻量推荐，因不依赖Sass编译；不能直接改.row的margin或.col的padding，否则破坏负边距与正内边距配对机制，导致内容偏移、换行错乱。
-
必须用Mixin而非重复手写flex属性组合，因其能杜绝拼写错误、集中响应式逻辑、支持参数化复用；:extend()仅适用于无参静态结构共享。
-
transform:translate(-50%,-50%)配合position:fixed能居中，是因为fixed使元素脱离文档流并相对于视口定位，而translate的百分比基于自身宽高，结合left:50%和top:50%将左上角移至视口中心后再反向偏移一半尺寸，实现视觉居中。
-
BEM本身不提供CSS全局变量，其block前缀（如search-form__input）是最轻量可控的命名空间机制；它通过三段式类名声明作用域边界，使样式归属、角色和状态明确，从而避免class冲突导致的覆盖，但前提是block必须真实存在且不越界。
-
本文解决Select2多选标签中「×」删除按钮点击时意外关闭外部Bootstrap下拉菜单的问题，核心是通过事件委托+e.target类名判断，在全局点击处理逻辑中排除该按钮，而非依赖stopPropagation。本文解决Select2多选标签中「×」删除按钮点击时意外关闭外部Bootstrap下拉菜单的问题，核心是通过事件委托+`e.target`类名判断，在全局点击处理逻辑中排除该按钮，而非依赖`stopPropaga
-
单页应用无刷新跳转的核心是前端路由，通过监听URL变化并动态更新视图实现。主要采用hash模式和history模式：hash模式利用#后的锚点变化触发hashchange事件，兼容性好且无需后端配合；history模式使用pushState和popstate实现更美观的URL路径，需后端支持避免404。前者适合快速开发，后者提升用户体验与SEO，技术选型应根据项目需求与部署环境决定。
-
高频排版时光标丢失本质是焦点管理脱节：点击表格等操作使原生DOM元素获焦而编辑器未接管。需用event.target识别干扰节点并拦截聚焦，智能重聚焦至合法区域，初始化时用白名单加固焦点边界。
-
应优先使用服务端或构建工具注入时间戳，如Hugo的{{.Lastmod.Format"2006-01-02"}}；若用JavaScript，则通过document.lastModified获取并格式化后写入指定容器，但需注意其在CDN缓存、离线等场景下不可靠。
-
data-*属性不参与CSS布局，仅用于存储元数据；布局需依赖class、id及CSS规则，如Flex/Grid；其典型用途是JS读取配置或CSS语义钩子，如[data-state="loading"]控制样式。
-
datalist本质是为input提供纯文本自动补全的语义容器，仅支持直接子元素option且内容须为纯文本，不支持多列、CSS样式或复杂结构；实现多列需改用自定义下拉组件。
-
Chrome等现代浏览器要求视频自动播放必须同时满足autoplay、muted和playsinline属性，否则因策略限制无法播放；用户手势是解除静音的唯一合规时机。
-
支配者树是反映“谁不释放谁就无法被回收”的逻辑结构，直接定位导致内存峰值的顶层支配对象；其RetainedSize越大，说明该对象锁死的内存越多，往往是泄漏源头或误缓存根节点。
