-
用伪元素::after模拟下划线，设position:relative于容器，::after含content:""、display:block、height:2px、bottom:-2px，初始transform:scaleX(0)，悬停transition:transform0.3sease至scaleX(1)，并设transform-origin:leftbottom。
-
JavaScript继承基于原型链，ES6的class为语法糖。1.原型链继承通过子类prototype指向父类实例，实现方法共享，但引用属性共用有污染风险；2.构造函数继承利用call调用父构造函数，实现属性独立，但无法继承原型方法；3.组合继承结合两者优点，既通过call继承实例属性，又通过原型链继承方法，是传统方式中最推荐的；4.ES6Class继承使用extends和super，语法清晰，语义明确，底层仍基于原型，是现代开发首选方案。
-
Promise状态一旦变为fulfilled或rejected即不可逆，保障异步结果可预测、避免重复处理、确保链式调用确定性、简化错误边界，并需警惕resolve/reject参数的可变性陷阱。
-
无痕刷新依靠虚拟DOMdiff算法精准复用节点并保留状态，关键在于稳定key、不变更type/name、手动恢复光标/滚动等原生状态，避免破坏性更新。
-
关键帧百分比支持小数且语法合法，但问题在于插值逻辑与人眼预期错位、旧版浏览器四舍五入、关键帧过密被裁剪；需用两段式写法（如60%,79.999%{opacity:1;}）明确静态区间。
-
可通过@font-face引入自定义字体，使用WOFF2格式优化性能，并通过GoogleFonts等服务嵌入网络字体，结合unicode-range控制字符子集以提升加载效率。
-
Koa2通过洋葱模型实现中间件的执行，请求时逐层进入，响应时逐层返回。每个中间件在awaitnext()前后分别处理请求和响应阶段，结合async/await实现异步控制，compose函数递归调度中间件，确保按序执行。该机制适用于日志、错误处理、权限校验等场景，提升了代码可读性与可维护性。
-
密码框用autocomplete="new-password"，验证码框用autocomplete="one-time-code"（短信）或autocomplete="off"（图形），且name/id避免敏感词；参数独立提交，后端严格校验时效、唯一性及字符清洗。
-
按钮实现弹性拉伸需协同transition中的transform与border-radius：基础设固定px圆角（如12px），hover时同步缩放并增大圆角（如16px），配以cubic-bezier弹性缓动；文字防溢出用white-space:nowrap+min-width；伪元素阴影需移transform至其自身并设z-index:-1。
-
主题换肤应通过:root定义--primary、--text、--bg等5–8个语义化变量，用class切换html元素主题类并配合localStorage记忆偏好，避免硬编码颜色、内联样式及忽略SVG/第三方组件适配。
-
JavaScript原生不支持装饰器语法，@decorator会报错因V8等引擎尚未实现该Stage3提案；元编程主要靠Proxy、Reflect等实现，高阶函数是无需编译的稳妥替代方案。
-
MP4不能边缓冲边播放是因为moov元数据在文件末尾，需用ffmpeg-iinput.mp4-ccopy-movflags+faststart将其移至开头，并确保HTML5video标签设preload="auto"且服务端响应头含Accept-Ranges:bytes。
-
本文详解如何使用TailwindCSS实现固定高度容器内多个等高列（如周历七列）的整体垂直滚动，避免内容溢出，并确保各列同步滚动、高度一致、响应良好。
-
表单响应式需统一设width:100%和box-sizing:border-box；小屏下label与input须用flex-direction:column堆叠；焦点时调用scrollIntoView({block:'nearest'})防键盘遮挡；原生控件如date/number需设font-size≥16px及min-height:44px。
-
图片不显示主因是img标签缺失src或alt属性；src必须为有效路径，相对路径以HTML文件位置为基准；404需查Network面板，403系服务器权限问题；90%场景无需picture，优先CSS响应式+srcset。
