-
优化JavaScript性能需减少重绘与回流：回流必触发重绘，应批量读写DOM、用class代替内联样式、离线操作DOM、避免强制同步回流，并借助requestAnimationFrame和DevTools调试。
-
JavaScript操作DOM需先获取元素再执行操作，常用选择器包括getElementById、querySelector、querySelectorAll等，操作方式涵盖内容、属性、样式及结构控制，并需注意性能、兼容性与安全性。
-
使用:last-child伪类选择器可改变列表最后一项的字体颜色，如li:last-child{color:red;}将最后一个列表项设为红色，适用于ul、ol等结构，需确保li为连续子元素且无其他类型元素插入，支持现代浏览器及IE9+，可通过添加类名精确控制范围，如.my-listli:last-child{color:blue;}。
-
async/await是Promise的语法糖，async函数必返回Promise（如return42→Promise.resolve(42)），await仅在async函数内有效，会暂停执行并等待Promiseresolve，错误需用try/catch捕获，并发请求应使用Promise.all而非连续await。
-
响应式编程通过Observable实现对异步数据流的优雅处理，Observable作为可观察的数据流，支持多值推送、惰性执行与链式操作符，借助RxJS可在JavaScript中实现如防抖搜索、事件合并等复杂逻辑，广泛应用于Angular等框架中。
-
异步迭代器通过Symbol.asyncIterator实现，支持forawait...of语法按需处理流数据。它适用于网络请求、文件读取等场景，可逐块消费数据避免内存堆积。例如用response.body.getReader()读取大文件流，结合TextDecoder分行解析；也可用asyncfunction*创建自定义流，如分页拉取用户数据，实现高效实时的数据处理。
-
首先引入qrcode.js库，再创建div容器用于显示二维码，接着通过newQRCode()生成固定内容二维码，然后结合input输入框和按钮实现动态生成，最后可添加CSS样式美化显示效果。
-
通过JavaScript的HistoryAPI在页面加载时移除URL中的查询参数，可防止用户刷新结果页时重复执行逻辑，确保每次查看新结果都需重新提交表单。
-
使用JavaScript结合HTML实现计数器，通过按钮触发函数更新显示数值。1.HTML创建显示区域和按钮；2.JS定义变量及increment、reset函数操作DOM；3.可扩展incrementBy(step)实现步长增加。关键点：HTML结构、事件绑定、JS状态维护与DOM更新。
-
应缓存数组长度以提升性能。错误写法每次循环都读取array.length，正确写法为for(leti=0,len=array.length;i<len;i++)。
-
本文讲解如何修复移动端汉堡菜单展开后主内容不随导航栏下移的问题，核心是避免使用position:absolute导致导航栏脱离文档流，并通过max-height过渡实现平滑动画。
-
在JavaScript类中，同名的实例字段（如method="sss"）和原型方法（如method(){}）会共存于不同对象层级：前者作为实例自身的可枚举属性存在，后者位于原型链上；访问时始终优先返回实例属性，导致看似“覆盖失败”的行为。
-
JavaScript代码覆盖率衡量测试用例执行的语句、分支、函数和行数，主流工具如Jest/Vitest基于Istanbul统计四类指标：语句、分支、函数、行覆盖率；需警惕“假高覆盖”，应重点关注分支与函数覆盖率以暴露测试盲区。
-
HTML5Canvas绘制圆环或扇形需用arc()方法：一、设lineWidth并stroke()得空心圆环；二、调整startAngle/endAngle和lineCap实现带缺口进度环；三、moveTo圆心+lineTo半径+arc+lineTo圆心+fill()绘实心扇形；四、两次beginPath+arc+stroke()叠加双色同心环；五、配置shadow属性增强立体感。
-
style标签与link标签优先级无绝对高低，同属作者样式表，实际由声明顺序和选择器特异性共同决定：后出现者覆盖先出现者，特异性高者胜出。
