-
实现CSS渐变文字的核心技巧是使用background-clip:text与color:transparent结合。1.将文字设为透明；2.为文字添加渐变背景；3.使用background-clip:text使背景仅在文字区域内显示。这种方式依赖于background-image接受渐变函数，而color属性无法直接设置渐变。为确保兼容性，需添加-webkit-前缀，也可借助Autoprefixer自动处理。此外，还可拓展玩法，如使用图片纹理、动态背景、结合text-shadow或filter等效果，增强
-
本文详解如何使用Yup的ref()和notOneOf()实现密码字段对用户名的动态校验，避免密码中包含用户名，并结合正则确保密码符合复杂度要求。
-
HTML5中可用<canvas>实现像素级图片对比：将两张同尺寸图绘至两个canvas，用getImageData()提取RGBA数据逐点比对，差异像素标红；也可用CSSclip-path+拖拽实现视觉滑动对比；推荐使用pixelmatch库提升性能与容差控制。
-
类名应按功能或语义命名而非样式效果，如用search-submit而非btn-primary；避免颜色、尺寸等视觉属性；采用BEM风格并约定前缀；选择器宜浅层、单类名优先；禁用ID和标签选择器；用自定义属性管理状态。
-
不能直接控制——animation-delay仅推迟动画开始时间，起始位置由@keyframes的0%帧中transform:translateX()值决定，如0%{transform:translateX(100%)}实现从右侧开始滚动。
-
最直接的方法是使用Chrome开发者工具。通过“Sources”面板可直接找到并另存为CSS文件；若需定位特定元素样式，可在“Elements”面板选中元素后点击“Styles”中的文件链接跳转至对应CSS；对于动态加载的CSS，可通过“Network”面板筛选CSS请求，右键在新标签页打开并保存。内联样式需在“Elements”面板复制element.style内容，而动态插入的style标签也可在此找到并复制。注意相对路径资源失效、预处理器编译后代码不可逆、浏览器前缀冗余等问题，确保提取的CSS在目标
-
闭包是函数与其外部词法环境的组合，使函数可访问并保持对外部变量的引用，即使外部函数已执行完毕。例如，inner函数在outer中定义并返回后仍能访问name变量；createCounter返回的函数每次调用都能读写count，形成私有状态。闭包基于词法作用域：函数作用域在定义时确定，查找变量沿作用域链向上进行。典型应用包括私有变量、事件回调、柯里化和模块模式。但闭包可能引发内存泄漏，如循环中使用var创建多个闭包会共享同一变量，应改用let或IIFE修复。理解闭包需掌握作用域链与执行上下文生命周期。
-
JavaScript动画核心是控制元素样式随时间变化，推荐用requestAnimationFrame（rAF）；它与屏幕刷新率同步、自动暂停、避免丢帧，性能优于setTimeout/setInterval。
-
手机端表格滚动失效的根本原因是overflow-x需作用于表格父容器而非table本身，应套div设overflow-x:auto、white-space:nowrap，并配合table-layout:fixed与显式列宽控制宽度。
-
background-attachment:fixed失效是规范行为而非bug，因其固定参照物为视口而非父容器；在滚动容器、transform/will-change触发层叠上下文或iOSSafari中易退化为scroll；可用伪元素+position:fixed模拟，或改挂html元素并设全高防塌陷。
-
应监听pageshow事件并检查persisted属性，若为true则手动刷新页面；同时需用pushState/replaceState配合popstate事件主动管理状态，保存滚动位置、表单数据等DOM状态。
-
动态元素CSS不生效的主因是class未正确添加或伪类前提条件缺失，而非选择器失效；需检查class拼写、tabindex设置、pointer-events、ShadowDOM隔离及样式层叠顺序。
-
JavaScript模块系统分CommonJS、AMD、ES6Module三类，本质不兼容，需构建工具桥接；CommonJS仅Node同步运行，浏览器无require；AMD依赖require.js异步加载；ES6Module为原生静态模块，需type="module"或.mjs。
-
Proxy和Reflect是运行时干预对象行为的底层机制，用于解决属性拦截、方法重写、可观测性等真实问题，而非语法糖；Proxy可拦截新增/删除属性等操作，优于Object.defineProperty，Reflect则提供统一、安全的默认操作接口。
-
使用transition与height或max-height结合可实现CSS高度平滑过渡。1.基础设置：通过transition声明height变化，配合overflow:hidden实现固定高度展开收起；2.动态内容：用max-height替代height:auto，设置足够大的值以适应不定高内容；3.应用场景：常用于折叠面板，通过JavaScript切换类名触发过渡；4.优化建议：避免height:auto，可添加will-change提升性能，适当调整过渡时间增强自然感，注意减少重流影响。合理运用原
