-
内联样式权重固定为(1,0,0,0)，不可叠加且最高优先级；ID选择器每出现一次b位加1；类/属性/伪类共用c位可累加；权重逐位比较，不求和；继承样式权重为(0,0,0,0)。
-
按钮等宽的关键是flex:100配合min-width:0，以禁用收缩并破除浏览器对button的隐式最小宽度限制，同时需父容器display:flex且子项不设冲突width。
-
设备方向相关的JavaScriptAPI主要包括DeviceOrientationEvent和DeviceMotionEvent，用于获取移动设备的方向和运动数据。1.DeviceOrientationAPI通过监听deviceorientation事件提供alpha（Z轴旋转）、beta（X轴倾斜）和gamma（Y轴倾斜）三个角度值，实现设备方向检测。2.出于安全考虑，现代浏览器要求页面在HTTPS环境下运行，并可能需用户交互后才能启用传感器；部分浏览器如Chrome需通过PermissionAPI显式
-
用<svg>手写迷你折线图最轻量，需直接归一化数据至目标尺寸（如100×20px），用<polyline>绘制，设stroke-linecap="round"和stroke-linejoin="round"保清晰，动态更新仅改points属性，IE11需改用<path>兼容。
-
本文详解ForgeOSS服务中创建Bucket的完整流程，涵盖身份认证、请求构造、命名规范与常见400错误排查，帮助开发者快速定位并解决createBucket接口调用失败问题。
-
先让绿色立方体转起来是Three.js入门关键，需用<scripttype="module">引入Three.module.js，按scene→camera→renderer顺序初始化，用MeshBasicMaterial避免光照问题，动画必须用requestAnimationFrame循环渲染。
-
固定像素值right:20px在缩放或小屏下错位，是因为20px始终为物理像素，不随视口动态调整；正确做法是用calc(2vw)或CSS变量配合媒体查询动态控制偏移量。
-
align-content控制多行flex容器中各行在交叉轴上的分布，仅当flex-wrap:wrap且交叉轴有剩余空间时生效；align-items才控制每行内子项的交叉轴对齐。
-
:hover生效需满足元素有尺寸、可命中且pointer-events未禁用；安全标签为<button>等，默认支持；<div><span>需设padding/width或cursor:pointer；嵌套悬停须正确书写选择器，动画应加在属性而非伪类上。
-
<tt>标签在HTML4中仅实现等宽字体显示，无语义且HTML5已废弃；虽浏览器为兼容仍渲染，但存在可访问性缺陷、工具报错及未来失效风险，应按语义选用<kbd>、<var>、<code>等替代或CSS方案。
-
最简洁可靠的方式是用Object.entries()配合Map构造函数，因其返回可迭代的[key,value]数组且仅遍历自身可枚举属性；但会丢失Symbol键和不可枚举属性，此时需用Reflect.ownKeys()手动构建。
-
<p>最省事、最稳的方式是加一行CSS：html{scroll-behavior:smooth;}，必须作用于html元素，写在body或*上无效；需排查!important覆盖、目标元素可见性及旧版Safari兼容性问题。</p>
-
insertAdjacentHTML的四个参数按DOM结构定义：“beforebegin”插目标前同级，“afterbegin”插目标内首子，“beforeend”插目标内末子，“afterend”插目标后同级；不执行脚本、不触发事件，需手动处理。
-
AbortController本身不支持去重和熔断，需在外层封装逻辑层：用Map缓存pending请求实现去重，用计数器+时间窗口管理熔断状态。
-
服务端验证是数据安全的核心，JavaScript输入检查仅用于提升用户体验。前端检查可实时反馈、减少无效提交，但易被绕过；后端必须独立验证所有输入，确保字段、类型、长度、格式合法，并防范攻击。两者协同工作，前端提升交互流畅性，后端保障数据安全与业务规则一致性，任何客户端数据都应视为不可信。
