-
当使用Jimp从Base64字符串加载位图（如BMP）时，若未显式声明MIME类型，Jimp可能因字节签名误判为音频（如audio/mpeg），导致“UnsupportedMIMEtype”错误；解决方法是通过mime选项手动指定正确的图像类型。
-
利用PerformanceAPI监控页面加载与资源性能，2.通过error与unhandledrejection事件捕获异常，3.集成Sentry、Lighthouse等工具实现可视化分析，4.结合埋点与sendBeacon追踪用户行为，构建完整前端监控体系。
-
在flex布局中，margin:auto能让元素靠右是因为它会自动吸收主轴方向的剩余空间；只需给目标元素设置margin-left:auto即可实现右对齐，前提是父容器为display:flex且元素未脱离文档流。
-
闭包是JavaScript函数作用域与执行上下文共同作用的自然结果，核心在于函数静态绑定定义时的词法环境（[[Environment]]），并捕获外层变量引用而非值快照。
-
用border-image实现多色拼接边框最直接，需配合border-image-slice控制分割，推荐内联SVG作源，显式设置border-width，加fill关键字兼容圆角，动态改色优先用CSS变量。
-
应使用rem/em等相对单位替代px，配合:root字号基准与font-family回退链，确保缩放时层级协调、渲染一致；禁用缩放违反可访问性，需通过真实缩放测试验证响应效果。
-
grid-template-areas必须每行引号内字符数相等、区域名不重复不遗漏、空白用"."占位；grid-template-columns/rows单位需按fr/px/auto语义合理搭配；grid-template简写顺序固定为行/列/区域，缺项需用/占位；其值不支持CSS变量或表达式。
-
灰色带删除线的CSS属性表示被更高优先级规则覆盖，需通过RevealinStyles定位生效规则，检查specificity、加载顺序、!important、继承与重置、第三方库及shadowDOM等影响因素。
-
JavaScript是解释型、动态类型、基于原型、事件驱动的多范式脚本语言；它无需编译、弱类型隐式转换、依赖原型链继承、依托事件循环处理异步。
-
用flex-column实现底部固定布局需设父容器min-height:100vh且flex-direction:column，main设flex:1占剩余空间，footer不设flex；Grid方案用grid-template-rows:auto1frauto更语义化，1fr表示剩余空间，二者均需处理移动端vh抖动问题。
-
flex-grow按权重分配剩余空间，order改变子元素显示顺序。例如flex-grow:2的元素比flex-grow:1的多占一倍空间，order:-1的元素排在最前，二者结合可实现响应式布局调整。
-
父容器未设置display:grid或网格线不足导致跨行跨列失效，需确保父元素正确声明为grid容器，合理定义网格轨道，使用正确语法如grid-column:1/3或grid-column:2/span2，并检查样式优先级与覆盖问题。
-
confirm方法是浏览器提供的用于获取用户“是/否”确认的机制，其核心作用是返回布尔值：点击“确定”返回true，点击“取消”或关闭对话框返回false。它常用于删除操作、提交表单前确认、离开未保存页面提示等场景。1.confirm具有阻塞性，会暂停JavaScript执行；2.样式不可控，无法与现代UI统一；3.信息展示有限，不支持复杂内容；4.移动端体验不佳；5.存在轻微安全风险。替代方案是使用自定义模态对话框，具备样式可控、交互丰富、非阻塞、兼容框架等优势，并可通过HTML/CSS/JavaScr
-
对象属性读取速度受隐藏类、原型链深度和属性动态变化影响，现代引擎如V8对结构稳定对象优化良好，建议避免频繁增删属性、缓存常用属性值，并在键为动态类型时选用Map以提升性能。
-
在React中更新嵌套于对象属性中的数组时，必须确保新值仍是数组而非函数；直接在setArr的回调中执行数组拷贝与元素交换，并将结果赋给对应属性即可避免mapisnotafunction等类型错误。
