-
关键是从静态到交互只需用hover和transition重新组织CSS属性：hover定义悬停状态，transition控制变化过程，二者缺一不可；需在默认状态写transition、hover中改对应属性，推荐从按钮练习，注意属性匹配、过渡时间（0.2–0.35s最佳）及触屏兼容性。
-
本文详解如何使用原生JavaScript结合FullscreenAPI，实现点击触发全屏、滚动鼠标自动退出全屏，并妥善管理事件监听器生命周期，避免内存泄漏与重复绑定。本文详解如何使用原生JavaScript结合FullscreenAPI，实现点击触发全屏、滚动鼠标自动退出全屏，并妥善管理事件监听器生命周期，避免内存泄漏与重复绑定。在现代网页开发中，FullscreenAPI是提升沉浸式体验（如图片画廊、视频播放器、数据看板）的常用手段。
-
根本原因是html和body默认有margin且height不足，必须设height:100%和margin:0，并确保viewport正确设置，否则background-size:cover无法实现全屏铺满。
-
命名路由是通过name属性为路由分配唯一语义化名称，实现跳转与路径解耦；支持改路径不改调用、IDE智能提示、嵌套路由清晰等优势，需规范使用camelCase、业务意图命名、模块化命名空间，并在模板和JS中以对象形式传入name及params/query参数。
-
instanceof的核心是沿原型链单向比对，判定成立需同时满足：A为对象、B为函数、A的原型链中某级严格等于B.prototype。
-
最稳妥的杂志级排版方式是用grid-area四值写法（如1/1/3/4）或grid-template-areas命名区域，前者精准控制行列起止，后者语义直观、易于维护，二者均需确保线号存在且不混用。
-
借用构造函数继承是通过Parent.call(this,...args)在子类中执行父类初始化逻辑，仅复制实例属性，不继承原型方法，导致instanceof失效、无法复用方法，现代开发应优先使用classextends。
-
pagehide能替代unload，但必须结合event.persisted判断：persisted===true表示页面将进入bfcache，不应保存；false才是最后保存时机，否则会导致多存、错存或漏存。
-
Less中filter属性不支持多值直接拼接，必须用空格连接成单个字符串，否则后声明会覆盖前声明；正确做法是用带参数的Mixin封装并动态拼接，配合e()函数移除引号，兼容旧版需显式添加-webkit-filter。
-
图片下方空隙源于img默认inline时的baseline对齐机制，预留descender空间所致；解决方法包括vertical-align:bottom（最快见效）、display:block（最彻底）或改用flex/grid布局。
-
Chrome无视autocomplete="off"是设计行为而非bug，自53版起将其降级为弱信号，优先保障自动填充登录安全；有效绕过需用诱饵字段、非法autocomplete值或动态移除属性。
-
Less无法在运行时响应屏幕变化，所有逻辑均在编译期完成；响应式需依赖CSS媒体查询、预设断点变量或JS实现，@if等控制指令仅支持静态求值，vw等运行时单位不可参与Less计算。
-
scroll-timeline需滚动容器、时间轴定义、动画绑定三者配合；Chrome/Edge115+原生支持，Firefox需开启flag且受限，Safari当前完全不支持。
-
DocumentPicture-in-Picture仅支持Chromium系浏览器（Chrome113+等），且必须由用户手势触发video.requestPictureInPicture()，视频需有有效src、处于安全环境、已播放；状态监听须用document.addEventListener('enterpictureinpicture')和'leavepictureinpicture'，退出应调用document.exitPictureInPicture()。
-
Array.prototype.findLastIndex是同步方法，需先异步加载配置数据（如fetchConfigs），再在已排序的数组中按优先级规则（如环境＞租户＞全局）反向查找首个匹配项；关键在于保证数据就绪与顺序正确，而非让findLastIndex异步化。
