-
执行上下文和作用域链决定JavaScript变量访问与函数行为。1.执行上下文分全局、函数、eval三种，采用调用栈管理，每调用函数就创建新上下文并压栈。2.每个上下文经历创建与执行两阶段，创建时设置变量对象、作用域链和this。3.作用域链由定义位置确定，用于逐层查找变量，体现词法作用域特性。4.变量和函数声明会提升至作用域顶部，但赋值不提升，函数提升优先于变量。5.闭包通过保留外层作用域引用实现内部变量持久化，如counter函数持续访问count。掌握这些机制有助于理解this、提升、闭包等问题。
-
闭包是实现应用状态管理的核心机制，因为它通过封装私有变量并提供受控访问方法，确保状态的完整性和可预测性。1.使用闭包可以将状态变量（如state和listeners）隐藏在函数作用域内，外部无法直接访问；2.通过返回getState、setState和subscribe等方法，形成闭包，持续访问和修改私有状态；3.这种模式实现了模块化和数据保护，防止意外修改；4.所有状态变更必须通过setState进行，便于集中处理逻辑、触发通知和维护一致性。因此，闭包为状态管理提供了安全、可控且结构清晰的解决方案。
-
:first-of-type和:last-of-type用于选中父元素中某类型元素的第一个或最后一个实例；例如p:first-of-type设置首个段落样式，p:last-of-type为末尾段落添加间距，不受中间其他标签影响；相比:first-child要求严格首位，这两个选择器仅关注同类型元素的位置，适用于文章排版、列表样式控制等场景，提升CSS语义性与简洁度。
-
传统HTML表格在移动端体验不佳，主要因其设计基于桌面浏览器，导致内容溢出、文字过小、操作不便等问题。实现响应式表格的核心方法包括：1.使用overflow-x:auto实现水平滚动，适用于必须完整展示所有列的场景；2.通过display:block和data-label将表格转为卡片视图，提升信息可读性；3.利用媒体查询隐藏非核心列，减少信息密度；4.混合使用多种策略以适应复杂需求。常见优化建议包括明确数据优先级、重视无障碍性、进行性能优化及充分测试不同设备上的表现。
-
视频加载时依次触发loadstart、durationchange、progress、canplay、canplaythrough；2.播放开始时触发play、playing，随后timeupdate频繁更新时间；3.暂停触发pause，结束触发ended；4.错误触发error，音量变化触发volumechange，掌握顺序可精准控制视频行为。
-
PerformanceAPI是移动端性能监测的核心工具，通过PerformanceObserver监听navigation、resource、paint、longtask等性能条目，可精准捕获用户真实体验数据。相比过时的performance.timing，PerformanceObserver提供更细粒度、更现代的监控能力，结合navigator.sendBeacon可在页面卸载前上报数据，确保完整性。移动端因网络不稳定、设备碎片化、交互敏感及电池限制等特点，性能监测尤为重要，需区别于桌面端策略。应聚焦
-
合理使用CSS后代选择器可精准控制嵌套元素样式，通过父元素与子元素间空格连接实现层级定位，如navulli{color:#333;}仅作用于导航内的列表项，避免全局影响；结合语义化类名如.article-cardh3减少HTML类名冗余，提升结构清晰度与维护性；在响应式设计中，@media内使用后代选择器可针对性调整模块样式，如.sidebarullia在小屏下改为块级；但需避免过度嵌套，层级建议不超过三级，防止性能下降与代码难读，应平衡选择器深度与语义化类名，如用.main-nava替代过深路径，保持C
-
JavaScript通过V8等引擎的多层JIT机制实现高效执行：源代码经解析生成AST，Ignition解释器转为字节码，热点函数由TurboFan基于类型推测等优化编译为机器码。引擎采用内联缓存、函数内联、逃逸分析等技术提升性能，但频繁改变变量类型或对象结构会触发去优化。开发者应保持类型稳定、避免动态修改原型，以利于编译器优化，从而写出高性能代码。
-
Istanbul通过源码插桩和运行时数据收集实现JavaScript代码覆盖率统计。1.源码插桩：解析源码生成AST，在语句、分支、函数等位置插入计数器，如__coverage__[key].s[1]++，记录执行次数；2.运行时数据收集：测试执行时，插桩代码更新计数器，语句执行则对应计数器加一，分支和函数调用也被标记，数据汇总至全局__coverage__对象；3.生成可视化报告：测试结束后，结合原始代码与覆盖率数据，生成HTML、lcov、text等格式报告，展示语句、分支、函数和行覆盖率，绿色表示已
-
Promise是JavaScript中用于处理异步操作的机制，其核心作用是解决“回调地狱”问题，通过链式调用使代码更清晰易维护。Promise对象有三种状态：pending（进行中）、fulfilled（已成功）、rejected（已失败），且状态一旦改变便不可逆。常用方法包括.then()处理成功、.catch()捕获错误、.finally()无论结果如何都执行；此外还有Promise.all()（所有Promise成功才成功）、Promise.race()（首个解决即决定结果）、Promise.res
-
在HTML中，标记必填表单字段最直接的方式是使用required属性。1.通过在<input>、<textarea>、<select>等输入元素上添加required布尔属性，浏览器会在提交时自动验证这些字段是否填写；2.若未填写，浏览器会阻止提交并显示默认提示信息；3.此方法提升用户体验和数据完整性，避免用户因遗漏必填项而反复提交；4.然而，required仅提供客户端验证，不能替代服务器端验证；5.可结合JavaScript自定义错误提示，如使用setCustomV
-
实现div显示隐藏的核心是通过JavaScript操作CSS样式，推荐使用classList.toggle()切换CSS类（如.hidden）来分离关注点，既简洁又易维护；也可直接修改style.display属性或使用jQuery的toggle()方法。除display外，visibility:hidden和opacity:0可保留布局空间，适合不同场景；动画效果可通过transition结合opacity、max-height等可动画属性实现，配合aria-hidden等属性确保可访问性。
-
合理使用HTML注释可提升代码可读性与维护效率，应明确标记模块区域（如头部、导航等）并统一命名格式，便于定位与协作；对复杂逻辑、特殊属性（如aria-hidden）、临时代码及待办事项（用TODO、FIXME等）添加简明注释，有助于团队理解设计意图与问题追踪；注释需及时更新，避免冗余，保持简洁准确，配合团队规范确保风格一致，从而增强代码可维护性。
-
响应式布局的关键是使用视口标签、弹性布局、媒体查询和响应式图像。首先在HTML头部添加<metaname="viewport"content="width=device-width,initial-scale=1.0">，确保页面正确缩放；接着利用Flexbox或Grid实现灵活的自适应布局，如.container{display:flex;flex-wrap:wrap;}和.card{flex:11300px;margin:10px;}创建等高卡片；通
-
异步编程是指在JavaScript中通过非阻塞方式执行耗时任务，如网络请求、定时操作等，以提升性能和用户体验。与同步编程按顺序执行不同，异步编程允许任务发起后继续执行后续代码，待结果返回后再处理，常见场景包括fetch请求、setTimeout、事件监听和文件读取。其发展经历了从回调函数、Promise到async/await的演进，逐步解决了回调地狱问题并提升了代码可读性。Promise通过链式调用改善了嵌套结构，并引入pending、fulfilled、rejected三种状态；async/await
