-
节流是每隔一段时间执行一次，防抖是等事件停止触发一段时间后才执行。节流通过记录上次执行时间控制频率，适用于滚动监听等场景；防抖通过清除并重启定时器将多次触发合并为一次，适用于搜索输入等需等待操作结束的场景。两者均用于优化高频事件处理，提升性能与用户体验。
-
JSP中嵌入静态HTML有四种标准方法：一、<jsp:include>动态包含；二、<%@include%>静态包含；三、RequestDispatcher.include()方法；四、java.io手动读取输出。
-
::before伪元素必须设置content属性才能渲染，否则即使设置样式也不显示；默认为inline且无宽高，需设display为block等才生效；其内容不可被JS选中，屏幕阅读器默认忽略，z-index在伪元素间无效。
-
图片无法显示时应检查路径、标签语法、服务器环境及文件格式：1.确认使用正确相对或绝对路径，如src="images/example.jpg"；2.正确书写img标签并添加alt属性；3.使用LiveServer等本地服务器预览；4.统一文件命名规范并验证格式完整性。
-
本文详解如何在HTMLCanvas中手绘铃铛轮廓，并通过分离“钟体”与“舌锤”实现逼真的摇铃动画效果，重点控制舌锤摆动与钟体微震，避免简单位移式伪动画。
-
JavaScript原型链是对象继承的核心机制，通过[[Prototype]]隐式引用逐级向上查找属性和方法，最终指向null；构造函数的prototype属性决定实例的原型，ES6class底层仍基于此机制实现继承。
-
JavaScript中变量声明用let、const、var，核心区别在于：let/const为块级作用域且有暂时性死区，var为函数作用域并提升初始化为undefined；let不可重复声明，const不可重复声明且必须初始化、不可重新赋值；推荐默认用const，需重赋值时用let，避免使用var。
-
dragover事件未阻止默认行为是拖拽失效的最常见原因，必须在每次dragover中调用event.preventDefault()；drop只触发于松手时鼠标正下方的元素，需确认目标元素尺寸、遮挡及事件绑定位置；文件读取仅限drop回调中的event.dataTransfer.files。
-
使用transform结合Flex布局可实现流畅动画。1.用translate替代margin/定位避免重排；2.借助transform模拟order排序动画；3.用scaleX实现平滑伸缩；4.注意will-change、gap兼容性及容器属性稳定，确保性能与效果统一。
-
GeolocationAPI使用前须检查权限与环境：先确认navigator.geolocation存在，再用permissions.query预判状态；调用getCurrentPosition时必须设置timeout、maximumAge和enableHighAccuracy；watchPosition需手动clearWatch；仅HTTPS或localhost下可用。
-
CSSNano压缩后样式失效的主因是默认激进策略误合并、误删规则及重命名CSS变量，解决需禁用mergeLonghand、discardDuplicates、reduceIdents等高风险选项并升级至v5+适配PostCSS8。
-
JavaScript是单线程语言，但依赖运行时环境（如浏览器或Node.js）的事件循环和底层多线程能力实现异步非阻塞；JS引擎无线程调度能力，所有同步代码顺序执行；异步任务由宿主环境代劳，通过微/宏任务队列调度；WebWorker提供独立线程隔离运行；async/await仅为Promise语法糖，不创建新线程。
-
cover等比缩放至至少一边撑满容器，必裁剪；contain等比缩放至完全可见，必留白；二者均不拉伸变形，而100%100%强制拉伸会失真。
-
requestAnimationFrame适用于需与屏幕刷新率同步的连续视觉更新，如滚动视差、Canvas绘图等；一次性动画应优先用CSStransition。其核心是递归调用加时间戳控制，使用浏览器提供的高精度timestamp，避免Date.now()。
-
if适用于布尔逻辑、范围条件或真值判断，switch仅适合等值匹配多个固定值；用错场景会导致可读性差、漏break或隐式转换错误。
