-
应使用<link>引入公共CSS文件并置于页面专属样式之前，禁用@import，通过CSS自定义属性实现轻量配置，构建阶段用CSSModules或提取插件确保样式唯一打包。
-
JavaScript内存管理基于自动垃圾回收机制，开发者需理解其原理以避免泄漏。程序内存生命周期包括分配、使用和释放三阶段，前两者由开发者控制，后者由引擎自动处理。基本类型存储在栈中，速度快且固定；引用类型如对象、数组存于堆中，空间大但易碎片化。垃圾回收主流采用标记-清除算法，从根对象出发标记可达对象，未被标记的将被回收，现代引擎还优化为分代与增量回收。引用计数因无法处理循环引用已较少使用。常见内存泄漏包括意外全局变量、闭包滥用、事件监听未解绑及定时器残留，可通过严格模式、及时解绑和清理引用等手段预防。掌
-
无法直接关闭非脚本打开的主窗口，可行方式包括：一、用window.close()关闭JS打开的窗口；二、重定向至登录页并清除会话数据；三、用beforeunload事件提示确认并登出；四、用history.replaceState替换URL并更新DOM模拟退出。
-
:in-range和:out-of-range在input的value落入或超出min/max定义的闭区间时触发，仅对type="number"、"range"、"date"且含有效min/max属性的元素生效；空值或非法输入通常视为:out-of-range，但行为不统一，需配合required和pattern验证。
-
JavaScript中Array.prototype.includes方法用于快速判断数组是否包含特定元素，返回布尔值。1.语法为arr.includes(searchElement[,fromIndex])，searchElement是查找的元素，fromIndex是可选的起始索引，默认从0开始；2.includes方法直接返回true或false，语义清晰且处理NaN更可靠，indexOf则因返回索引需额外判断；3.对于对象或数组等复杂数据类型，includes使用严格相等（===）比较引用而非内容，
-
interval参数控制轮播图自动切换间隔，单位毫秒；值越小切换越快，0或false禁用自动播放；Swiper需在autoplay.delay中设置，Bootstrap5优先读取data-bs-interval属性，手写时推荐setTimeout链式调用。
-
用transform:translateX()+transition实现导航栏下划线动画最顺滑；需配合offsetLeft/offsetWidth动态计算位置、监听resize、使用pointerdown事件并避免will-change长期驻留。
-
访问GoogleFonts官网选择字体如Roboto并获取含字重的链接；2.将生成的link标签插入HTML的head中；3.在CSS中通过font-family应用字体并设置备用字体；4.可选@import方式引入但推荐link以提升性能。
-
html5play不是HTML5标准函数，而是项目自定义封装；正确监听播放事件应绑定在video/audio元素上，如playing、pause、ended等标准事件。
