weixin_43822134的博客

使用.catch()或try/catch处理Promise拒绝避免嵌套Promise，保持代码可读性在.then中始终返回某些内容使异步代码更易读，类似同步代码使用处理并行操作优先使用和避免不必要的Promise，批量处理并发请求实现可取消的Promise（使用AbortController）确保测试覆盖所有状态（成功、失败、等待）利用ES2020的和。

1、场景选择原则：使用防抖（搜索、验证）使用节流（滚动、鼠标移动）结合使用（初始节流 + 结束防抖）2、参数调优指南事件类型推荐延迟说明键盘输入100-300ms平衡相应与性能鼠标移动50-100ms保持流畅交互窗口调整200-500ms避免频繁重绘滚动事件10-100ms根据滚动速度调整API请求300-500ms减少服务器压力// 监控执行频率${// 监控执行频率 let executionCount = 0;} , 1000);

全局作用域：整个程序可访问函数作用域：函数内部可访问{}内可访问（ES6+）变量查找规则：当前作用域 → 父作用域 → … → 全局作用域在函数定义时确定（词法作用域）函数 + 其词法环境允许访问定义时的作用域注意内存管理4、ES6 增强：块级作用域暂时性死区（TDZ）模块作用域避免全局污染优先使用块级作用域缓存外部变量合理使用闭包。

1、全局、函数、eval山中执行上下文2、创建阶段（VO、作用域链、this）和执行阶段3、函数声明完全提升，变量声明部分提升4、决定变量访问的链式结构5、函数保留其创建时的词法环境6、后进先出（LIFO）的栈结构7、块级作用域和词法环境8、利用调用栈和开发者工具进行调试。

1、掌握四种绑定规则和箭头函数特征2、对于回调函数和需要固定this的场景3、使用bind或类字段箭头函数4、在嵌套函数中使用5、始终使用严格模式避免意外全局绑定6、React 类组件手动绑定，Vue 选项式API自动绑定7、使用console.log检查当前this8、在需要动态this的场景（如原型方法）避免使用。

懒加载是现在Web开发中不可或缺的性能优化技术。通过合理应用路由懒加载、图片懒加载以及其他资源的按需加载，可以显著提升应用性能，改善用户体验。关键是要：1、根据应用特点选择合适的懒加载策略2、使用现代API（如Intersection Observer）3、提供优雅的加载状态和降级方案4、持续监控性能并优化。

提供更简洁的函数语法解决传统函数中this绑定的常见问题简化回调函数的编写理解箭头函数的核心特性（特别是词法作用域的this）对于编写现代Javascript代码至关重要。在合适的场景使用箭头函数可以使代码更简洁、更可预测，同时避免常见的this绑定错误。

JS实现颜色值格式转换 rgb和十六进制的转换【16进制转换为RGB 】16进制一般有3位或者6位,如果为3位的话，需要补齐为6位set16ToRgb(str){ var reg = /^#([0-9A-Fa-f]{3}|[0-9A-Fa-f]{6})$/ if(!reg.test(str)){return;} let newStr = (str.toLowerCase()).replace(/\#/g,'') let len = newStr.length; if(le