-
<p>Math.random()不安全、不可重现且易产生分布偏差，密码等场景须用crypto.getRandomValues()；生成整数应使用Math.floor(Math.random()*(max-min+1))+min。</p>
-
十六进制颜色写错一位即失效，浏览器仅接受3位或6位合法十六进制（a–f），非法字符或位数错误会导致整条声明静默忽略；rgb()、rgba()、hsl()等函数也需严格遵循参数类型、范围与单位规则，否则同样静默失效。
-
可通过CSS.registerProperty()或@property注册带类型（如<color>、<length>）的自定义属性，提升样式计算与动画性能；仅类型可插值时才支持transition和@keyframes动画，需确保赋值合法且initial-value合理。
-
能不改业务代码就切Mock，前提是依赖创建逻辑外移且注入点可控；必须用构造函数注入、接口/纯虚类声明依赖，Mock需严格遵循接口契约并覆盖边界场景，切换入口须统一前置至组装阶段。
-
:checked伪类实现侧边栏开关需满足三条件：input与侧边栏同级且input在前、用~或+选择器定位、避免display:none而改用opacity:0等隐藏；否则点击无反应或键盘不可操作。
-
credentials选项的三个取值分别代表：①omit（默认值），完全不发送Cookie，同域亦不发；②same-origin，仅同源时发送Cookie；③include，无论同域或跨域均发送Cookie，但需服务端配合Access-Control-Allow-Credentials:true及非通配符Origin。
-
Canvas流体效果本质是粒子系统加速度场更新：用800–2000个粒子在二维速度场中运动，以显式欧拉法积分，贝塞尔曲线连接邻近粒子；关键在速度场计算、粒子响应与防抖连点逻辑。
-
顶栏滚动自动隐藏需用IntersectionObserver或scroll事件监听，禁用:hover等伪类；推荐用占位div配合threshold[0]触发，结合lastScrollY与5px阈值节流判断方向，避免闪现，并为body设overscroll-behavior-y:contain。
-
关键在于使用CSS的background-image与transition属性，通过:hover触发渐变变化。首先用linear-gradient定义背景色，如：.btn{background-image:linear-gradient(45deg,#ff7a00,#ff0080);background-size:200%200%;transition:background-position0.4sease;}，再设置悬停时的背景位置：.btn:hover{background-position:100%
-
justify-content:space-between并非万能：单子项时退化为flex-start，多行时仅作用于每行内部，固定间隙需改用gap；稳健工具栏应依赖gap+align-items+明确容器控制。
-
JavaScript模块化是为解决代码复杂度而演进的产物，从IIFE作用域隔离，到CommonJS服务端同步加载、AMD浏览器异步加载，再到ES6Module原生支持，逐步实现静态分析、TreeShaking与动态导入，最终统一模块标准，提升代码可维护性、复用性与工程化水平。
-
font-size:0能消除inline-block间隙，因其使HTML解析生成的空白文本节点失去字号而不可见；但子元素需显式重设font-size、line-height等继承属性，否则文字消失或布局错乱。
-
加display:block是使img居中的必要前提，因其默认为行内元素，而margin:0auto仅对块级元素生效；若不设置，该样式会被浏览器直接忽略。
-
当图片被包裹在<a>标签中时，若链接区域超出图片实际尺寸，往往源于默认行内元素行为或不当的布局属性；本文通过重构容器结构与合理设置display属性，精准限定点击范围为图片视觉边界。当图片被包裹在``标签中时，若链接区域超出图片实际尺寸，往往源于默认行内元素行为或不当的布局属性；本文通过重构容器结构与合理设置`display`属性，精准限定点击范围为图片视觉边界。在Web开发中，一个常见却易被忽视的问题是：图片链接（<
-
图片加载失败时alt文案不显示，通常不是alt写错，而是图片未用<img>标签、被CSS隐藏、或动态插入时src非法/为空导致浏览器未触发加载失败逻辑；alt必须存在于合法<img>中且非空（装饰图用alt=""），否则无法生效。
display: block：使图片成为块级元素，占据整行。margin: 0 auto：水平居中图片。方法二：使用 CSS 类（推荐）