-
根本原因是相同选择器、相同权重、不同来源的CSS规则同时参与层叠计算。应二选一统一来源，或通过@layer、作用域隔离、属性选择器等降低冲突风险。
-
后端路由在URL匹配路径时即被触发，无论请求来自浏览器直接导航还是前端fetch；但二者目的、行为和适用场景截然不同：导航用于页面跳转与HTML渲染，fetch用于程序化数据交互与动态UI更新。
-
JavaScript中类的静态方法与属性直接定义在类本身上，不依赖实例即可调用；静态方法用static声明、通过类名调用、不可访问this及实例成员，常用于工具函数或工厂方法；静态属性同样用static声明，为类级别共享值，通过类名访问，适合存放版本号、默认配置等。
-
马赛克还原本质是不可逆的视觉欺骗，只能通过Canvas像素操作（getImageData/putImageData）对实时绘制的马赛克块进行插值或渐变过渡以削弱色块感，无法恢复原始像素。
-
对象字面量{}创建最常用安全，适合静态结构；键名含特殊字符须加引号；点号访问合法标识符，方括号支持动态键；方法中this指向调用者，易丢失需绑定。
-
前端生成PDF主要依赖jsPDF和html2canvas库的组合。1.使用jsPDF可编程创建PDF，适合结构化文档，能精确控制文本、图形、图片等元素；2.结合html2canvas可将HTML内容转为Canvas图片，再由jsPDF嵌入PDF，实现复杂样式“所见即所得”导出，但文本不可选。该方案减轻服务器负担、提升用户体验、支持离线操作，适用于报告下载、证书生成、打印预览等场景。需注意性能优化（如简化DOM、压缩图片、合理设置scale）、字体嵌入以保证跨设备一致性，以及处理跨域图片和CSS兼容性问题，
-
JavaScript的try...catch仅捕获同步执行异常，不处理异步错误、语法错误、资源加载失败及Promise拒绝；需在调用处包裹且await异步操作，catch参数应命名避免覆盖Error，finally中避免return或throw。
-
HTML转PDF时<ahref>链接失效的主因是PDF生成器未启用可点击链接支持或HTML链接格式不规范；wkhtmltopdf需加--enable-local-file-access和--allow参数，浏览器打印要求链接为完整URL，pdfkit须透传对应参数，且PDF查看器权限也影响链接表现。
-
Grid是三栏自适应首选方案，用grid-template-columns可设定宽+自适应布局（如200px1fr300px）或等比伸缩（1fr2fr1fr），配合媒体查询实现响应式单列；gap控制间距更可靠，避免margin塌陷。
-
HTML5不提供验证码加密校验功能，仅负责表单结构和基础交互；加密校验需前后端协作：前端用HTML5+JS实现输入控制与防呆，后端完成生成、存储、比对及安全校验。
-
事件委托利用事件冒泡将监听器绑定到父级元素，实现对子元素事件的统一管理。1.在动态内容中，新增或删除DOM元素时无需重复绑定事件，如待办列表中通过父容器监听“完成”“删除”按钮点击，提升维护性；2.在大量交互元素场景（如表格、树形结构）中，减少监听器数量，显著降低内存消耗并提升性能。
-
小屏卡片错位或溢出主因是视口控制缺失与弹性容器响应边界不当，具体表现为width固定、min-width过大、flex-wrap未启用；应改用clamp()自适应宽度，配合aspect-ratio、line-clamp和contain优化性能。
-
CSSSubgrid通过让子网格继承父网格的行列定义解决了嵌套对齐难题。1.传统网格布局中子网格需手动计算对齐，维护困难；2.Subgrid允许子网格直接引用父级轨道，实现自动对齐；3.在复杂数据表格中可精准对齐多级内容，如销售拆分数据；4.主流浏览器已全面支持Subgrid，兼容性显著改善。
-
本文介绍如何使用jQuery实现：当用户在输入框中输入文本时，自动禁用下拉菜单（<select>）中文字内容完全相同的<option>项，避免重复选择。
-
柯里化是将多参函数转换为单参函数链的过程，每次只接收一个参数并返回新函数，直至参数收齐才执行原逻辑；核心在于参数分层与部分应用，而非语法炫技。
