-
普通函数有独立this和作用域，可被new调用、重绑定；箭头函数无this、arguments、prototype，继承外层this，不可new，适合回调等无需动态上下文场景。
-
JavaScript垃圾回收通过自动管理内存防止泄漏。采用标记-清除解决引用计数的循环引用问题，V8引擎进一步使用分代回收与优化技术提升性能，开发者需注意意外全局变量、定时器等导致的内存泄漏。
-
答案：前端开发中，键盘事件（如keydown、keyup）和鼠标事件（如click、wheel）是实现用户交互的基础。常用按键的keyCode包括Enter(13)、Esc(27)、方向键(37-40)等，但现代开发推荐使用event.key或event.code以提升兼容性与语义性；通过监听keydown可实现快捷键功能，如Ctrl+S保存；鼠标事件涵盖单击、双击、移动及滚轮操作，可通过event.button判断按键类型，并用preventDefault()阻止右键默认菜单，wheel事件支持delt
-
本文详解如何通过修正CSSfloat属性与合理设置容器内边距，使图片精准左对齐并环绕文本显示，避免图片沉底错位问题。
-
JavaScriptProxy是用于拦截和自定义对象基本操作的内置构造函数，通过目标对象和处理器对象（含get、set等陷阱）实现行为监控，支持数据响应式、属性日志等，但不递归代理嵌套对象，需配合Reflect保持默认语义。
-
本文详解HTML结构规范与CSS布局基础，指出因标签误用（如<h1>中混用</p>）导致子元素“看似溢出”的常见误解，并通过修正结构、合理设置display和定位方式，确保.go-button真正嵌套且可控地渲染于.initial-bar内部。
-
可通过CSS动画、JavaScript定时切换、CSS变量控制、预加载优化及响应式适配五种方式实现背景图动态切换，兼顾兼容性、性能与维护性。
-
正确配置transition、选择合适缓动函数、减少布局重排可提升文字大小动画流畅度。1.明确设置transition:font-size而非all；2.使用ease-in-out或cubic-bezier优化动效；3.用固定容器、transform:scale或will-change避免性能问题；4.多元素同步时改用rem配合根字体变化。
-
高度塌陷因浮动元素脱离文档流导致父元素无法包裹子元素；解决方法包括：1.使用clearfix伪类清除浮动并兼容IE；2.设置overflow:hidden触发BFC闭合浮动，但可能裁剪溢出内容；3.添加clear:both的空元素，结构与样式分离差，不推荐；4.采用Flex或Grid布局替代浮动，现代项目首选。维护旧项目可用clearfix，新项目推荐Flex/Grid以提升可维护性。
-
HTML5游戏点击事件需监听canvas的pointerdown并换算坐标做碰撞检测，因canvas是空白幕布；Phaser/PixiJS须显式设interactive=true并用pointerdown而非click。
-
解构赋值和扩展运算符是ES6重要特性，前者用于从数组或对象中提取值赋给变量，支持默认值、重命名和嵌套结构，常用于函数参数；后者通过...展开可迭代对象，实现数组合并、对象扩展及函数参数传递，并能结合剩余参数收集多余项。两者提升代码简洁性与灵活性，广泛应用于现代JS开发。
-
本文详解在Next.js应用中，如何利用router.push()传递动态路由参数（如/user/[id]中的id），并在目标页面中安全、可靠地读取该参数用于数据请求，避免硬编码或依赖localStorage。
-
HTML5原生不提供页面加载进度条，progress标签需手动控制value和max；可用document.readyState+setTimeout粗略模拟，或PerformanceObserver监听资源加载，但均属估算而非精确反映。
-
彻底禁用HTML5表单原生验证的唯一可靠方式是在<form>标签上添加novalidate属性；它必须直接写在<form>元素上，动态添加或写在<input>上均无效，且需确保DOM渲染时该属性已存在。
-
Webpack核心配置必须理解entry、output、module.rules和plugins四大模块，漏配或错配会导致打包失败；其本质是权衡决策而非简单填空，每项配置均影响运行时行为与产物结构。
