-
优先使用原生loading属性实现图片懒加载，现代浏览器中只需添加loading="lazy"即可；对于旧浏览器则降级采用IntersectionObserverAPI监听视口，避免频繁scroll事件导致的性能问题；通过预加载、低质量占位图和CSS过渡优化视觉体验，减少空白感；将懒加载逻辑封装为模块化组件，支持按需引入与配置扩展，兼顾兼容性、性能与用户体验，形成完整的懒加载解决方案。
-
HTML表单本身不支持分页，必须靠后端或JavaScript控制HTML只是数据容器和提交通道，没有内置分页逻辑。所谓“表单分页”，实际是把一个长表单拆成多步，每次只展示部分字段，用户点击“下一步”才加载/显示下一部分——这本质是UI状态管理，不是HTML自带能力。常见错误现象：TypeError:Cannotreadproperty'next'ofundefined（JS分页逻辑没初始化好）、表单提交后只拿到最后一步的数据（没合并各步input值）、回退时输入内容
-
flex-direction:column不能实现瀑布流，因其子项垂直堆叠、无法回填空白，且flex-wrap在column下无效；纯CSS瀑布流唯一可靠方案是columns属性。
-
掌握JavaScript需循序渐进：1.夯实基础语法，包括变量、函数、DOM操作；2.深入执行上下文、闭包、原型链等运行机制；3.熟练ES6+语法与模块化；4.学习主流框架与工程化工具；5.攻克设计模式、源码实现与性能优化，结合实战持续提升。
-
本文详解background-image动态修改导致CSStransition失效的根本原因，并提供无需@keyframes的纯CSS+JS清洁方案，确保按钮在状态切换（如播放/暂停）时，背景色与旋转动画均能平滑过渡。
-
根本原因是transform、opacity等属性触发合成并创建新层叠上下文，使子元素z-index仅在内部生效；修复方式是给父容器添加transform:translateZ(0)或will-change:transform以创建更高阶层叠上下文。
-
text-stroke无效果因非标准属性，须用-webkit-text-stroke（Chrome/Safari/新版Edge支持，Firefox完全不支持）；需配合-webkit-text-fill-color:transparent显形，宽度只认px等绝对单位，多色依赖CSS变量或JS动态设置；text-shadow可模拟多色描边但性能开销大。
-
用display:flex实现响应式导航栏核心是断点控制与可访问性保留：主容器设flex，子项用flex:11auto并加min-width:0；移动端用aria-controls和role="menu"配合JS焦点管理，避免display:none或transform隐藏。
-
注入数据找不到来源的根本原因是provide未在inject组件的同步祖先链中正确执行。需检查provide是否被条件逻辑跳过、是否在异步钩子中调用、组件是否被Teleport或高阶封装断开继承链、key是否大小写/符号一致、Symbol是否共享，以及inject是否在setup中正确调用并确保响应性。
-
BEM是最值得坚持的CSS命名规范，因其三段式结构（block__element--modifier）天然隔离作用域、避免样式污染、命名即含义，且易于理解、复用和维护。
-
为HTML5搜索框添加loading动画有四种方法：一、CSS旋转动画配合伪元素；二、SVG内联加载图标；三、CSS自定义属性控制动画开关；四、纯CSS无JS状态模拟。
-
border-image在iOSSafari（尤其15及更早）不生效，因WebKit不支持渐变作为border-image-source；推荐用background-clip:padding-box配合padding模拟渐变边框，或clip-path裁切背景，backdrop-filter仅iOS15.4+支持内发光效果。
-
本文介绍一种基于JavaScript的滚动拦截方案：在用户未完成关键交互（如点击“3/3”标签）前，强制限制页面垂直滚动，确保内容按设计顺序呈现。方案兼顾性能（使用requestAnimationFrame防抖）、可扩展性（支持动态解锁点）与设备兼容性（基于视口百分比判断）。
-
/favicon.ico必须放在网站根目录，否则浏览器无条件请求时会失败并显示空白图标；HTML中需硬编码<link>标签，且多尺寸PNG和Apple图标应显式声明。
-
老虎机转盘动画的核心技术是HTML构建结构、CSS通过transform和transition实现视觉动画、JavaScript动态控制动画过程与结果；2.实现随机停止需由JavaScript计算每个转盘的目标位置并结合CSStransition实现平滑滚动，利用transitionend事件依次停止并重置位置；3.结果判定在所有转盘停止后比较各转盘符号是否匹配预设中奖规则，并给出反馈；4.性能优化包括使用transform和opacity触发GPU硬件加速、合理设置动画时长与cubic-bezier缓动
