手写call方法 关注热度:2

源码： Function.prototype.selfCall=function(ctx,...args){ctx=ctx===null||ctx===undefined?globalThis:Object(ctx);constfn=this;constkey=Symbol();Object.defeineProperty(ctx,key,{value:fn,enumberable:false,});constr=ctx[key](...args);deletec..[详情]

防抖和节流 关注热度:9

防抖： 就是指连续触发事件但是在设定一段时间内种 只执行最后一次 列如：设定1000毫秒执行，当你触发事件了，他会1000毫秒后执行，但是还剩500毫秒的时候你又触发了事件，那就会..[详情]

document.adoptNode详解 关注热度:13

document.adoptNode是一个JavaScript方法，它允许你将一个节点从一个文档移动到另一个文档，而不需要克隆它。这是一个性能优化的好方法，尤其是在处理大量数据时。 解法1： //假设我们有..[详情]

MutationObserver总结 关注热度:8

概述 Mutation Observer API 用来监视 DOM 变动。DOM 的任何变动，比如节点的增减、属性的变动、文本内容的变动，这个 API 都可以得到通知。 概念上，它很接近事件，可以理解为 DOM 发生变动..[详情]

js对象赋值面试2024 关注热度:10

下面代码运行会输出什么？ constobj={a:0,}obj[1]=0;obj[++obj.a]=obj.a++;constvalues=Object.values(obj);obj[values[1]]=obj.a;console.log(obj) 输出结果： {1: 1, 2: 2, a: 2}..[详情]

前端Web Components之customElements速查表 关注热度:24

代码速查 生命周期 customElements.define(fancy-components,classextendsHTMLElement{constructor(){super()//相当于Vue的setupconsole.log(先运行构造函数)}connectedCallback(){//相当于Vue的mountedconsole.log(再运行连接回调..[详情]

js的blob对象如何二次操作比如修改blob的type值 关注热度:10

在 JavaScript 中， Blob 对象是不可变的，意味着一旦创建，就无法直接修改其类型或内容。但是，你可以通过其他方法间接实现类似的效果。一种方法是创建一个新的 Blob 对象，然后复制..[详情]

纯js获取cookie 关注热度:11

js 获得cookie 获取 cookie 的方法有多种不同的实现方式，以下是几种常用的方法： 使用 JavaScript 的 document.cookie 属性： constcookies=document.cookie;console.log(cookies); 使用正则表达式来解析 cook..[详情]

js把伪数组转真实数组全部列子 关注热度:17

js把伪数组转真实数组全部列子如下： 在 JavaScript 中，有些对象看起来像数组，但实际上是 伪数组（array-like objects） 。这些伪数组具有 类似数组的特征 ，例如有 数值索引 和 length 属..[详情]

js 方法里 throw new Error 和 return new Error 区别 关注热度:43

当在 JavaScript 方法中使用 throw new Error() 和 return new Error() 时，它们之间有几个关键区别： 1.作用： 2. throw new Error() : 抛出一个错误，中断当前函数的执行，并将错误传递给调用栈上的第..[详情]

async/await 和 promise 区别 关注热度:11

async/await 是 ES2017（ES8） 引入的一种处理异步操作的方法，它 基于 Promise ，但使用起来更加直观和易于理解。下面是 async/await 和 Promise 的区别以及使用上的一些详细列举： 1. 控制流程..[详情]

arrayBuffer 和 blob 区别 关注热度:11

ArrayBuffer 和 Blob 都是用于处理二进制数据的 JavaScript 对象，但它们有一些区别： 1.ArrayBuffer： 2.ArrayBuffer 表示一段固定大小的二进制数据，不能直接访问或操作其中的内容。 3.要访问..[详情]

web workers 子线程那些API能调用，那些不能调用 关注热度:14

在 Web Workers 中，子线程（Worker 线程）具有一些受限制的 API 访问权限，这是为了确保安全性和防止对主线程的阻塞。以下是一些子线程可以调用的主要 API，以及一些不能调用的主要..[详情]

js鼠标点击事件属性 clientX pageX screenX movementX 区别 关注热度:22

这些属性都是在处理鼠标点击事件时常用的属性，但它们有不同的含义和用途： 1.clientX: 2.clientX 属性返回鼠标点击事件的发生点相对于浏览器窗口客户区域（viewport）的水平坐标。 3.它..[详情]

js创建自定义dom对象并设置只读(html可以看js无法访问) 关注热度:17

js创建自定义dom对象并设置只读(html可以看js无法访问) //创建一个自定义元素MyReadOnlyTitlecustomElements.define(my-read-only-title,classextendsHTMLElement{constructor(){super();//创建ShadowDOMconstshadowRoot=this...[详情]

js如何实现不同源如何复制粘贴 关注热度:13

在JavaScript中，由于同源策略（Same-Origin Policy）的限制，直接在不同源的页面之间进行复制和粘贴是不被允许的。同源策略是浏览器的一种安全机制，它限制了一个页面从一个不同源的页..[详情]

xmind文件解压zip后对应每个文件解释说明 关注热度:37

XMind文件实际上是一个压缩文件，通常以.zip格式保存。当你解压缩一个XMind文件时，你将得到一系列的文件和文件夹，其中包含了XMind思维导图的各个组成部分。以下是一些常见的文件和..[详情]

axios详细使用文档 关注热度:28

Promise based HTTP client for the browser and node.js Website • Documentation Table of Contents Features Browser Support Installing Package manager CDN Example Axios API Request method aliases Concurrency ..[详情]

vite 详细配置表 关注热度:33

Vite 是一个快速的现代化前端构建工具，它默认情况下提供了开箱即用的开发环境，但也支持更详细的配置。以下是一些 Vite 中可用的主要配置选项： root 1.类型: String 2.描述: 指定项目..[详情]

svg对象转html 关注热度:21

要将SVG对象转换为HTML字符串，你可以使用XMLSerializer接口。以下是一个将SVG对象转换为HTML字符串的示例代码： varsvg=document.createElementNS(http://www.w3.org/2000/svg,svg);svg.setAttribute(width,100);svg..[详情]

js 解析svg文本 关注热度:31

要解析SVG文本，你可以使用JavaScript中的内置函数DOMParser来将SVG字符串解析为文档对象模型（DOM）。以下是一个解析SVG文本的示例代码： varsvgText=lt;svgxmlns=http://www.w3.org/2000/svgwidth=100hei..[详情]

js 解析xml文本 关注热度:19

要解析XML文本，可以使用JavaScript中的内置函数DOMParser。DOMParser允许你将XML字符串解析为XML文档对象，便于操作和提取其中的数据。以下是一个解析XML文本的示例代码： varxmlText=lt;rootg..[详情]

js 图片转base64 关注热度:32

要将图片转换为Base64编码的字符串，可以使用JavaScript中的Canvas对象来实现。以下是一个将图片转换为Base64的示例代码： function imageToBase64(imgSrc, callback) { var img = new Image(); img.crossOrigin..[详情]

js 把svg下载本地 关注热度:59

要将SVG文件下载到本地，你可以使用JavaScript创建一个下载链接，并模拟用户点击该链接以进行下载。以下是一个实现此功能的示例代码： function downloadSVG(svgContent, fileName) { // 创建一个..[详情]

js 判断页面所有js请求完毕 关注热度:47

要判断页面上所有的JavaScript请求是否完成，可以结合使用DOMContentLoaded事件和window.onload事件。DOMContendLoaded事件在DOM结构构建完成后触发，而window.onload事件在整个页面及其所有外部资源..[详情]

js监听localStorage溢出错误 关注热度:35

在JavaScript中，localStorage的存储容量是有限的，通常约为5-10MB，具体取决于浏览器和配置。当你试图将更多数据存储在localStorage中，超过了其容量限制时，浏览器不会抛出特定的溢出错误..[详情]

js如何获取当前操作系统的字体列表 关注热度:262

有一个需求是JS如何获得当前操作系统的字体列表？貌似JS没有这方面API，有一个思路给到大家，我们可以先初始化当前系统对应所有字体列表，然后创建canvas去渲染字体，如果不成功则..[详情]

模拟vue数据劫持实现发布订阅核心代码 关注热度:106

模拟vue数据劫持实现发布订阅核心代码 //定义一个依赖收集器classDep{constructor(){this.subs=[]//订阅者列表}//添加订阅者addSub(sub){this.subs.push(sub)}//通知所有订阅者数据已更新notify(){this.subs...[详情]

js中中文输入判断compositionstart和compositionend事件 关注热度:52

js中中文输入判断compositionstart和compositionend事件 需求 最近有个需求，根据input输入的文字进行列表过滤。这是个很常见的需求。于是大致的代码如下： templatedivid=appinputtype=text:value=fil..[详情]

js解析xmind文件代码思路 关注热度:56

首先，你需要了解Xmind文件的结构和格式。Xmind是一个流行的思维导图工具，其文件格式是一种基于XML的文本格式。你需要了解XML的基本语法和结构。 接下来，你需要选择一种适合你的..[详情]