-
通过CSS动画与渐变背景结合，可创建流动渐变、光扫效果和多层动效；利用background-position、background-size配合@keyframes实现无需JavaScript的流畅动画，常用于背景、按钮悬停或卡片设计，需注意渐变尺寸和动画缓动以确保视觉平滑。
-
使用HTML属性和JavaScript可有效限制表单输入。首先通过maxlength、min/max、pattern、required和type等属性设置基础规则，如限制长度、数值范围和格式；再结合CSS的:valid/:invalid伪类实现视觉反馈；对于更复杂需求，利用JavaScript监听输入事件，实时过滤非法字符或自动格式化内容。最终建议前端限制与服务器端验证结合，确保数据安全与准确性。
-
首先检查图片路径和CSS应用是否正确，再通过内联样式、外部CSS或class选择器设置background-image，并确保background-size等属性适配，最后利用开发者工具排查404或覆盖问题。
-
应使用requestAnimationFrame替代setInterval实现动画主循环，因其与屏幕刷新率同步、精度高且不易卡顿；需在回调中更新状态并重绘，末尾递归调用自身，避免耗时操作，配合keydown/keyup监听按键状态，注意Canvas坐标系、图像加载时机、变换隔离及AABB碰撞检测等关键细节。
-
TreeShaking是构建工具利用ES6模块静态结构实现的代码优化技术，通过标记、剔除、压缩三步移除未使用代码。其生效依赖于静态import/export、无副作用声明、命名导出及正确配置如babel的modules:false和生产模式打包，确保仅保留运行时真正需要的代码，从而减小包体积。
-
absolute与fixed定位核心区别在于参考系：absolute相对最近已定位祖先，fixed始终相对视口且滚动不动；前者适合随页面滚动的弹窗，后者适合屏幕钉住的浮层。
-
使用浏览器直接打开本地HTML文件，输入file:///路径即可运行JavaScript；2.推荐安装HTMLViewer等专用App进行实时预览和调试；3.对于AJAX等需同源策略的功能，应通过KSWEB等本地服务器运行；4.注意文件路径正确、语法无误，并避免file://协议加载外部资源。
-
JavaScript模块化将代码拆分为独立可复用单元，ES6模块（import/export，编译时加载、实时引用）与CommonJS（require/module.exports，运行时加载、值拷贝）核心区别在于设计目标和运行机制不同。
-
datalist在联想手机上可用但体验取决于浏览器引擎而非品牌；Android系统WebView（尤其旧版）支持不完整，Chrome/Edge（v80+）正常，微信/QQ内置浏览器等常失效；推荐type="text"+inputmode，并用'list'inHTMLInputElement.prototype检测原生支持，失效时JS模拟下拉。
-
默认情况下，<details>元素不可聚焦，因此details:focus选择器无效；需通过添加tabindex="0"使其成为可聚焦的交互元素，才能正确响应:focus伪类并应用自定义焦点样式。
-
JavaScript在浏览器中经解析、编译、执行三阶段运行：先词法分析生成AST并检查语法；再由Ignition转字节码、TurboFan优化热点函数为机器码；最后通过调用栈、堆内存和事件循环协同执行，微任务优先于宏任务。
-
Canvas中用globalCompositeOperation实现图片混合，其本质是像素级合成，需先后绘制图片并在第二张前设置该属性；CSSmix-blend-mode适用于重叠的img元素但受限于stackingcontext；SVGfeBlend更可控但性能开销大。
-
:has()是现代CSS中唯一原生支持根据子元素反选父元素的结构伪类，语法为父选择器:has(子选择器)，如div:has(p)；需注意浏览器兼容性、性能影响及子选择器写法陷阱。
-
应使用无头浏览器、拦截Ajax接口、注入JS脚本或启用CDP四种方法抓取HTML5动态网页数据：一、Puppeteer模拟真实访问并提取渲染后DOM；二、通过Network面板定位接口直接请求JSON；三、用Selenium/Playwright注入脚本读取Vue/React运行时数据；四、通过CDPWebSocket监听网络响应并执行运行时评估。
-
JavaScript垃圾回收靠可达性判断对象是否该被清除：从根对象出发标记所有可访问对象，未被标记的不可达对象即被清除；可达性取决于引用链是否连通，而非delete或null赋值。
