区别

web locks api 通过 exclusive 和 shared 两种模式协调浏览器中多个脚本对共享资源的访问，避免竞争条件。1. 请求锁使用 navigator.locks.request() 方法，确保只有锁可用时才执行回调；2. 锁有 exclusive（默认，独占）和 shared（共…

在javascript中，阻止事件冒泡是指阻止事件从当前元素向父元素传播。主要方法包括使用stoppropagation()、cancelbubble（ie特有）和return false。1. stoppropagation()是标准方法，适用于现代浏览器；2. cancelbubble是ie早期…

轮询判断多个条件的核心是使用定时器结合异步操作以避免阻塞主线程。首先，定义异步的条件判断函数，其次使用setinterval或requestanimationframe创建定时器，在回调中依次检查条件，若全部满足则执行操作并停止定时器，否则继续轮询。此外，应设置超时机制防止无限轮询。轮询频率需在响应…

实现 javascript 长按事件监听的核心在于模拟，1.使用基础定时器方案结合 mousedown/touchstart 和 mouseup/touchend 事件配合 settimeout 控制定时触发；2.为解决移动端滑动干扰，需添加 touchmove 监听并判断移动距离是否超出阈值；3.…

操作svg元素与操作dom类似，需先获取元素再修改属性或添加事件。1.获取svg元素使用document.getelementbyid()或document.queryselector()；2.修改属性可用setattribute()或直接赋值；3.添加事件监听器通过addeventlistener…

判断javascript数组是否包含某个值，主要有四种方法：includes()、indexof()、find()和some()。1. includes()方法返回布尔值，true表示包含指定值，适用于es2016及以上环境；2. indexof()通过返回索引判断是否存在值，兼容性好但无法正确处理…

encodeuri用于编码完整url，保留结构字符如:、/、?等，适合拼接整个地址时使用；encodeuricomponent用于编码url参数值，会对=、&、#等特殊字符进行彻底编码，适合动态拼接参数内容。两者核心区别在于使用范围不同：encodeuri处理整体结构安全，encodeuri…

js操作webgpu渲染引擎的入门步骤包括：1.获取webgpu设备对象：通过navigator.gpu请求适配器和设备，建立与gpu通信的桥梁；2.创建渲染管线：使用device.createrenderpipeline定义顶点和片元着色器、颜色格式等流程；3.配置渲染目标：通过canvas.ge…

事件冒泡是javascript中事件从子元素向祖先元素逐级触发的传播机制。当你在嵌套结构中点击一个元素，事件会从目标元素开始向上冒泡，依次触发父元素的同类型事件，默认情况下大多数事件在冒泡阶段执行。例如点击按钮时，先执行按钮的点击处理函数，再执行外层div的点击处理函数。要阻止事件冒泡，可以使用ev…

for…in 遍历对象键，for…of 遍历可迭代值。1. for…in 用于遍历对象的键名，适用于对象和数组，但遍历数组时可能包含原型链属性，需配合 hasownproperty 使用；2. for…of 用于遍历可迭代对象（如数组、字符串、map等…