-
CSS中唯一的注释方式是块注释/*...*/，可用于多行注释、代码禁用和模块划分；它在调试、团队协作和代码维护中发挥重要作用，通过合理使用可提升代码可读性和可维护性。
-
通配符选择器（*）可匹配所有元素，用于全局样式重置；可与类型、属性、伪类及兄弟选择器组合，实现灵活精准的样式控制。
-
因为flex-direction:row是CSS规范强制规定的默认值，它使主轴水平向右，子元素按DOM顺序沿主轴排列，故默认从左到右；在RTL环境中起点右移，视觉上变为从右到左。
-
text-align仅控制块级元素内行内内容的水平对齐，不适用于垂直居中；常用值为left、right、center、justify；对浮动元素无效，表格单元格需单独设置，非父容器继承。
-
CSS过渡必须写在常态选择器中且目标属性需有明确数值起止值；display等不支持属性需用opacity或max-height替代；JS动态修改时须强制重排确保动画触发。
-
Nginx的return301必须带$request_uri，否则会截断查询参数导致跳转丢失；$uri不含参数，$host避免多域名绑定错误；私钥权限须为600且属主为nginx用户；HTTP→HTTPS重定向必须在独立80端口server块中配置，续期后需手动reload。
-
Object.entries返回一个二维数组，每个子元素为[key,value]形式的数组，仅包含对象自身可枚举、非Symbol的属性，不遍历原型链、不可枚举属性或Symbol键。
-
TailwindCSS不支持border-gradient，需用外层渐变背景+内层实色背景配合p-1实现；必须双层DOM、同步设置rounded-lg和overflow-hidden，响应式需用sm:p-1md:p-2等前缀。
-
HTML表格每行加复选框应直接置于<td>内，用唯一name="row-select"、data-row-id标识业务主键，避免id重复和内联JS；全选逻辑需双向同步：监听行复选框change事件动态更新表头复选框的checked与indeterminate状态。
-
用.radio--custom替换原生单选框需隐藏input（appearance:none），通过input+label::before/after模拟外观，Mixin须支持参数化、焦点管理、disabled/hover条件适配及IE11降级（如SVG背景），确保可访问性与跨浏览器一致性。
-
HTML5audio快进需修改currentTime属性，方式包括：一、手动设置值并确保readyState≥2；二、按钮点击增量跳转并校验边界；三、拖动range进度条实时映射时间；四、requestAnimationFrame实现平滑连续快进；五、监听seeking/seeked等事件处理异常。
-
background-position:center不总居中是因为它只将背景图锚点设为容器中心，实际显示取决于图片尺寸与background-size配合；默认auto尺寸下大图会溢出，需搭配cover或contain及确保容器有可靠尺寸。
-
text-align仅对块级容器及其内部行内内容生效，不能直接居中行内元素或块级子元素；需通过父容器设置、display转换或flex/grid布局实现居中。
-
gap本身不画边框，而是通过网格容器背景色“透出”间隙来模拟边框效果，需设置容器背景色、子项纯色背景，gap值即为“边框宽度”；IE11需用-ms-grid-column或flex降级；background-clip方案存在兼容性与渲染问题。
-
解构赋值是JavaScript中从数组或对象提取值并赋给变量的简洁语法。它不创建新数据，而是直接拆解已有结构；支持对象（含重命名、默认值、嵌套）和数组（含剩余、交换、函数返回值）解构；可用于函数参数，提升可读性与灵活性；需注意浅拷贝及null/undefined报错问题。
