-
高阶函数是接受函数为参数或返回函数的函数，用于提升代码简洁性、复用性与可维护性；它支持行为抽象（如filter/map/reduce）、延迟执行与配置复用、异步流程组合、闭包状态封装等核心实践。
-
纯HTML和CSS实现彩色色块时，若页面空白无显示，通常是因为未设置<div>的宽高——空元素默认尺寸为0×0，无法呈现背景色。
-
最可靠方案是用Flex或Grid布局替代float/inline-block；Flex适用于均匀分布，Grid适合固定列数；需规避vertical-align和line-height导致的偏移及最后一行塌陷问题。
-
能，flex-wrap:wrap可解决子元素换行溢出，但需父容器设display:flex且子元素总宽超容器；若无效，常因未启flex布局、子项设flex-shrink:0或white-space:nowrap等干扰因素。
-
flex-grow不能直接推按钮到底部，必须确保卡片容器有明确高度（如min-height），且flex-grow作用于按钮的直接兄弟元素（内容区），而非任意包装层。
-
使用align-items:baseline可实现标题与图标文字基线对齐，原理是让Grid子元素按文本基线（如字母x底部）对齐，解决因字号或行高差异导致的视觉错位。需确保元素包含内联内容以形成基线，纯图标可添加隐藏文本或伪元素辅助，IE支持有限，现代浏览器适用，也可用align-self:baseline局部调整。
-
应内联精简兜底CSS保障基础可读性：设字体字号行高、恢复块级元素布局、提供链接按钮视觉提示、隐藏依赖样式的交互元素，并置于外链样式前，配合preload与error监控提升健壮性。
-
HTML无法清空数据库，因其仅为标记语言，无执行权限；真正删库需后端接口实现并严格鉴权，前端仅通过fetch或form触发请求。
-
使用table-layout:fixed可防止表格列宽被内容撑开，通过设定固定宽度和文本换行处理，确保布局稳定，适用于响应式设计。
-
card翻转时内容消失或错位根本原因是transform-style:preserve-3d没加在父容器上，导致子元素的3D变换被扁平化。没有它，rotateY看起来像单纯缩放或裁剪，背面内容直接不可见。翻转容器（如.card）必须设transform-style:preserve-3d它的父级如果设置了overflow:hidden，会裁掉旋转后伸出的背面区域，得改成overflow:visible或用clip-path精控背面元素记得加backface-visi
-
使用CSS动画实现侧边栏展开收起，通过transform和transition提升性能，结合JavaScript控制状态，并利用媒体查询适配不同屏幕，确保流畅交互与良好用户体验。
-
localStorage容量非固定5MB，实际因浏览器而异：Chrome/Edge约10MB、Firefox约5MB、iOSSafari低至2.5MB；按源隔离，超限时setItem()抛QuotaExceededError。
-
本文介绍如何使用filter()与some()组合，从一个完整对象数组中精准筛选出未被另一个数组包含的元素，适用于基于特定字段（如day）的差集计算场景。
-
行内样式默认覆盖外部样式，因其权重为(1,0,0,0)，首位a=1直接胜出；解法仅三种：避免行内样式、用CSS变量、谨慎用!important；且行内样式不响应伪类与动画。
-
IE11仅支持2012年旧版CSSGrid规范，需手动将display:grid改为display:-ms-grid，并用-ms-grid-column/-ms-grid-row等属性替代现代语法，fr单位须换算为具体数值或百分比，Autoprefixer仅加前缀不降级语法。
