区别

canvas的性能优化策略包括：1. 使用requestanimationframe控制重绘频率，避免不必要的刷新；2. 采用离屏canvas或脏矩形技术，只重绘变化区域；3. 减少像素操作，通过imagedata对象批量处理像素数据；4. 缓存静态内容，避免重复绘制；5. 优先使用高效的api如d…

判断javascript对象是否拥有某个属性，主要有三种方法：1. 使用in操作符可检查对象自身及原型链上的属性，适用于需要包含继承属性的场景；2. 使用hasownproperty方法仅检查对象自身的属性，能准确判断属性是否为对象自身定义，避免原型链干扰，适合精确判断自身属性；3. 直接访问属性会…

js浅拷贝是指只复制对象或数组的第一层属性或元素，若属性或元素为对象或数组，则复制其引用而非新对象。1. 使用object.assign()可将源对象属性复制到新对象，但嵌套对象仍共享引用；2. 使用展开运算符(…)实现对象浅拷贝，效果与object.assign()相同；3. 手动遍历…

js实现lru缓存的核心是利用map对象的插入顺序特性，通过在每次访问或更新时将键值对重新插入map末尾，使map头部始终为最近最少使用的数据，当缓存满时删除头部元素即可实现lru策略，该方案具有o(1)的时间复杂度，优于使用object的实现，广泛应用于数据库查询缓存、api响应缓存、静态资源管理…

javascript中的词法作用域在函数定义时确定变量访问权限，作用域链则是执行时查找变量的路径，二者共同实现闭包并区分全局、函数和块级作用域，使代码行为可预测且支持精细的变量管理。 JavaScript中，词法作用域是它处理变量可见性的核心机制，简单来说，它决定了你代码里的变量在哪个地方能被访问到…

获取javascript当前时间戳最推荐的方式是使用 date.now()，它返回自1970年1月1日00:00:00 utc以来的毫秒数，且不创建实例，性能更优；2. new date().gettime() 和 new date().valueof() 也可获取毫秒级时间戳，结果与 date.n…

childnodes返回包含所有类型子节点的nodelist（包括文本、注释节点），children仅返回元素节点的htmlcollection；2. 遍历时可用for…of或foreach，结合nodetype筛选或使用array.from()转换后filter；3. querysel…

map比普通对象更适合存储复杂或非字符串键，因为它允许使用任意类型（如对象、函数）作为键且不会发生类型转换，而object会将非symbol键强制转为字符串导致冲突；map能保持键的插入顺序，提供size属性和可迭代接口，便于操作大量数据，尤其在频繁增删改查时性能更优、内存更高效；对于需处理复杂键类…

javascript中生成uuid的方法主要有使用第三方库或手动实现，推荐使用uuid库中的v4版本生成随机uuid，其在分布式系统中能保证唯一性，相比自增id避免了中心化依赖和安全暴露问题，但占用空间较大且影响索引效率；若不依赖库，可手动实现简易uuid生成器，利用时间戳和随机数按格式拼接，但高并…

javascript中将数组转换为字符串最直接的方法是使用join()或tostring()；2. join()方法可自定义分隔符，若不指定则默认使用逗号，而tostring()方法始终使用逗号且不接受参数；3. join()适用于需要控制输出格式的场景，如生成csv、url参数或html内容，to…