-
class是构造函数的语法糖，本质基于原型链和new调用；两者行为等价但class不可枚举、不提升、强制new调用；继承推荐class，简单工厂用构造函数更灵活；兼容性和维护性比语法选择更重要。
-
使用||设置默认值，如constusername=inputName||'匿名用户'；2.利用&&安全访问属性，如user&&console.log(user.name)；3.条件执行函数，如isValid&&saveData()；4.注意副作用仅在条件满足时触发，如debugMode&&console.log('调试信息')。合理使用可提升代码简洁性与性能。
-
:not()本身不隐藏元素，需配合display:none等样式；常见误用是用它做排除式可见性控制，正确做法是先全局隐藏再显式显示目标元素。
-
<p>JavaScript数组排序需掌握核心算法以应对自定义逻辑与性能优化。内置sort()方法默认按字符串排序，数字排序需传入比较函数(a,b)=>a-b实现升序或b-a降序。冒泡排序通过相邻元素交换实现O(n²)时间复杂度，适合理解基础原理；选择排序每次选取最小值插入，交换次数较少但同样为O(n²)；快速排序采用分治法，以基准值分割数组并递归，平均性能O(nlogn)，效率较高。实际开发中应优先使用内置sort()，其在大量数据时性能更优，仅在特殊需求下手动实现。处理对象数组可按字段
-
应避免循环中反复查询DOM，优先用document.querySelectorAll批量获取后处理；遍历子节点时用children而非childNodes；事件委托推荐用closest+matches。
-
优先推荐CSSGrid方案，因其能按行列严格对齐、避免浮动塌陷；次选固定容器+object-fit实现图片等比缩放；float仅作兼容补救，需清除浮动并设min-height和vertical-align。
-
答案：通过控制CSS引入顺序、提升选择器特异性、规范命名和使用模块化方案可解决样式覆盖问题。具体包括：基础样式优先引入，定制样式后置；利用嵌套或类组合提高优先级；采用BEM等命名规范避免全局冲突；结合Sass、CSSModules和构建工具实现样式隔离与去重，确保样式逻辑清晰、作用域明确。
-
使用LiveServer扩展可实现在浏览器中实时预览HTML文件，安装后右键选择“OpenwithLiveServer”即可自动打开页面并支持热重载。
-
JSON.parse()和JSON.stringify()本身很快，但高频或大数据量时因内存分配、GC压力及主线程阻塞会导致明显卡顿；10KB以下无感，1–5MB阻塞20–100ms，超10MB易触发长任务。
-
答案是实现时间旅行调试工具需记录状态变化并支持回放与逆向执行。首先通过动作日志和不可变数据结构记录可序列化的事件流，结合状态快照或增量diff优化存储；其次利用命令模式封装操作，生成逆操作以实现撤销，并隔离副作用确保回放一致性；再通过时间轴滑块、步进控制和状态对比提供直观的UI交互；最后通过限制历史长度、按需启用等方式平衡性能。核心在于将状态变更转化为可重放的事件流，并妥善处理副作用，方能构建可靠的时间旅行调试体验。
-
play()方法无结束回调，其Promise在播放开始时解决而非结束；监听ended事件才是标准做法，需在loadedmetadata或canplay后绑定，避免漏触发。
-
要实现页面的平滑滚动，核心在于利用BOM接口结合requestAnimationFrame逐步更新滚动位置。1.使用window.scrollTo()或scrollTop属性控制滚动目标；2.通过requestAnimationFrame实现与浏览器刷新率同步的动画循环；3.引入缓动函数（如ease-out）提升滚动自然感；4.记录起始时间、计算进度并动态调整滚动位置；5.在动画完成或用户干预时及时终止循环。相比CSS的scroll-behavior:smooth，该方法具备更高的控制粒度、更广的兼容性和
-
使用sed命令可批量修改HTML和CSS类名，先通过find定位文件，用sed替换内容，建议先备份并用grep预览匹配，确保准确无误。
-
使用CSSFlexbox的display:flex结合justify-content:space-between和flex:1可实现按钮在行内均匀分布、等宽填充，并整体撑满父容器。
-
答案：CSS按钮悬停效果通过色彩变化提供交互反馈，提升可用性与视觉吸引力。核心是利用:hover伪类和transition实现平滑颜色过渡，如背景、文字、边框色变化；进阶可结合渐变、伪元素、box-shadow和transform创造动态效果。设计时需遵循品牌一致性、对比度达标、符合用户心理预期，并避免过度动画。性能上应优先使用transform和opacity，减少回流，合理设置transition，确保跨设备兼容与流畅体验。
