-
CanvasAPI通过getImageData获取像素数据，结合ImageData对象实现灰度化、反色、亮度调节及卷积滤波等图像处理，利用TypedArray和WebWorkers优化性能，注意边界处理与alpha通道操作。
-
用::before或::after插入分隔符时，为什么分隔符不显示？常见错误是没给伪元素设置content，或者内容为空字符串。CSS伪元素默认不渲染，必须显式声明content:""或content:">"等值才能生成节点。另一个高频问题是父容器或子项设置了overflow:hidden，而分隔符用绝对定位或负margin溢出后被裁剪。面包屑中常因flex容器收缩导致伪元素位置异常。确保每个分隔符所在或元素设置了position:relative
-
HTML5原生支持周数输入的类型是type="week"，格式为YYYY-W##（如2024-W24），符合ISO8601标准；type="date"不支持周数。
-
工厂模式通过函数封装对象创建，根据参数返回不同实例，无需new操作。优点包括简单易用、解耦创建与使用、支持动态创建、避免重复代码及适合复杂构建；缺点有无法识别类型、缺乏继承机制、内存浪费、难扩展维护及调试困难。适用于小型项目，大型应用需结合其他模式弥补不足。
-
直接装Node.js官方LTS版本最稳妥，因其自带V8引擎、npm和命令行工具，无需额外安装其他JS运行环境；LTS版本稳定性高、维护期长，适合学习、企业项目及主流脚手架。
-
歌单页主体必须用<main>包裹，且仅一个；歌单封面、标题、简介、歌曲列表等核心内容属于<main>内，其中可分<section>语义分组；歌曲列表须用<ol>保持序号语义；<aside>仅用于强相关非核心内容如相似歌单。
-
position:sticky表头生效需同时满足：设置top值（如top:0）、父容器有滚动上下文且非overflow:hidden/clip、祖先元素无transform/filter等新层叠上下文属性，并避免直接用于table的thead/th在默认display下失效。
-
行内元素底边留白源于baseline对齐时浏览器预留字体descender空间，非margin/padding；可用vertical-align、font-size:0、flex布局等更优方案替代绝对定位。
-
fixed侧边栏问题根源是父容器触发新包含块，导致定位基准异常；小屏需媒体查询降级为static；高度应设100vh+overflow-y:auto；iOS卡顿需GPU加速并简化样式。
-
HTML表单水平居中可通过五种CSS方法实现：一、text-align配合inline-block；二、margin:auto配固定宽；三、Flexbox的justify-content；四、Grid的place-items；五、绝对定位加transform。
-
应关闭浏览器默认搜索图标并用伪元素自定义：先设-webkit-appearance:none隐藏原生控件，再用.search-wrapper::before绝对定位绘制图标，配合em单位和transform实现缩放自适应，同时清除::-webkit-search-cancel-button残留。
-
CSS通过word-break、overflow-wrap和white-space精准控制文本换行：word-break控制词内断行（如keep-all防中文断字），overflow-wrap在必要时软换行长单词，white-space管理空白与换行行为。
-
img标签必须带src和alt属性：src缺失则不加载图片，alt缺失导致可访问性违规及旧版IE显示红叉；路径须准确（推荐绝对路径），width/height宜声明以避免布局偏移，跨域图需服务端支持CORS。
-
使用overflow属性控制CSS卡片内容溢出，overflow:hidden裁剪超出内容，overflow:auto按需显示滚动条，overflow-x与overflow-y可分别控制横向和纵向溢出，确保布局整齐或内容可访问。
-
底部工具栏被顶起是因为grid容器未占满视口且工具栏参与行轨道分配；应设min-height:100vh、grid-template-rows:1frauto（或minmax(0,1fr)auto），并确保工具栏位于第二行。
