随笔分类 - JavaScript
摘要：今天在调用请求浏览器全屏的方法等时候遇到了这个问题，直接看报错的意思是非法的调用，看一下报错的代码 const canvas = document.querySelector('canvas.webgl') window.addEventListener('dblclick', () => { co
阅读全文
摘要：在使用 element-ui 的 MessageBox.confirm 方法时，你可能注意到一个细节：当确认框弹出时，确认按钮会自动获得焦点。虽然这种设计在大多数情况下是合理的，但有时我们可能不希望出现这种自动聚焦的行为。 解决方案 我们可以通过简单的包装来解决这个问题。以下是实现代码： TypeS
阅读全文
摘要：Echarts会为我们传入的 series[].value 计算 percent，默认取两位小数，且不会四舍五入。 如果你需要设置计算得出的百分比精度，可以修改 series-pie.percentPrecision。不过需要注意的是，Echarts v4版本并不支持手动设置百分比数值的精度。 如果
阅读全文
摘要：引言 在工作中我经常需要处理一些复杂、动态表单，但是随着需求不断迭代，我们也许会发现曾经两三百行的.vue文件现在不知不觉到了两千行，三千行，甚至更多... 这对于一个需要长期维护的项目，无疑是增加了很多难度。 因此，为了减小文件大小，优化表单组织的结构，我在日常的开发中实践出一种基于组件的表单拆分
阅读全文
摘要：今天遇到一个问题，在使用codemirror对两条文本内容进行对比时，有同事反馈在它的电脑上会显示成：前面一半是正常显示差异内容，而后面就变成了全部是新增的。 像这样： 预期的对比结果是这样： 我们观察用于对比的两个文本，实际上上面的文本都是去掉后面括号中的内容，对比结果不应该表现成全部删除全部新增
阅读全文
摘要：localStorage 是我们常用的浏览器 API，用于在客户端进行持久化存储时非常方便。但你是否仅熟悉 setItem() 和 getItem() 两个基础方法？本文将介绍 localStorage 的一些不常见但非常实用的方法和属性。 方法和属性 setItem(key, value) – 存
阅读全文
摘要：引言 在JavaScript编程中，Promise 是一种处理异步操作的常用机制。Promise 对象代表了一个尚未完成但预期将来会完成的操作的结果。在本文中，我们将探讨如何通过使用 ES2024 的 Promise.withResolvers API 来优化我们的 Promise 实现。 现有实现
阅读全文
摘要：🚀 在 React 应用中，我们经常需要在组件之间共享状态和数据。而 React 的 createContext 和 Provider 就是为了解决这个问题而诞生的。 createContext：创建自定义上下文 首先，让我们来看看 createContext。这个函数接受一个初始值作为参数，并返
阅读全文
摘要：example e.g. 1 e.g. 2 e.g. 3 解释 在 typescript 中 定义一个 class class 的 constructor 里面的语句在转义成 JavaScript 之后会被放在最后执行 在其他区域声明的变量会在其之前执行 但是如果是在 constructor 参数里
阅读全文
摘要：踩坑记录 JavaScript 的 class 里面有两种定义方法的方式 普通函数(fun1) 箭头函数(fun2) class Obj { func1() { // write some code... } func2 = () => { // write some code... } } 其中使
阅读全文
摘要：__proto__和[[Prototype]]的区别 先看下面这一段代码： const obj1 = Object.create(null); // very plain object obj1.__proto__ = Array.prototype; console.log(obj1.slice)
阅读全文
摘要：// 类数组转换为数组 const list = [] // 假定为类数组 const arr1 = Array.from(list); const arr2 = Array.prototype.splice.call(list); const arr3 = [...list];
阅读全文
摘要：原理 以前只用过数组解构为数组，或者将其他类数组解构为数组，但是还不知道对象为什么不能解构为数组 后面学习到了Symbol.iterator属性以后才知道，只要一个对象是可迭代的，那它就可以迭代为数组。 代码示例如下 代码 let obj = { 0: 'zero', 1: 'one', 2: 't
阅读全文
摘要：function Obj() { this.name = 'azoux'; } const my = new Obj(); console.log(my); Obj.prototype = Array.prototype; Array.prototype.coco = 1; console.log(
阅读全文
浙公网安备 33010602011771号