标签：JavaScript

2023-12-29阅读(104)赞(0)

目录 1、方式1: window.location.href 2、方式2: window.open 3、方式3 window.showModalDialog (部分浏览器不支持) 4、Window 其他参考 1、方式1: window.lo...

2023-12-29阅读(43)赞(0)

目录 为什么需要观察者模式 代码示例 应用场景 DOM事件监听： 数据绑定 自定义事件 Promise对象 Pub/Sub模式 观察者模式（Observer Pattern）是一种行为型设计模式，它定义了一种一对多的依赖关系，让多个观察者对...

2023-12-29阅读(44)赞(0)

目录 场景复现： bug解决思路： url传参中文乱码的解决方法 1、escape 和 unescape 2、encodeURI 和 decodeURI 3、encodeURIComponent 和 decodeURIComponent 总...

2023-12-29阅读(43)赞(0)

目录 1.循环引用 2.定时器未清除 3.DOM元素未正确删除 4.全局变量未清除 5.闭包未正确使用 6.事件未正确解绑 7.大量数据未及时清理 8.使用了第三方库或框架 JavaScript 中的内存泄漏是指程序中使用的内存不再被需要却...

2023-12-29阅读(39)赞(0)

题目描述 JS实现一个带并发限制的异步调度器scheduler，保证同时运行的任务最多有两个。 例如目前有4个任务，完成时间分别为，1000ms,500ms,300ms,400ms 那么在该调度器中的执行完成顺序应该为2、3、1、4. 因为...

2023-12-29阅读(45)赞(0)

目录 React 前端实现 一、依赖 二、思路整理 1.将选用展示的数据放在数组中 2. 实用 qrcode + canvas 将 url 装换成 canvas 的二维码图片 3.二维码 cavans 元素们转成 base64 数据保存在 ...

2023-12-29阅读(43)赞(0)

目录 WeakMap的原理 WeakMap的用法 对象私有属性 缓存计算结果 隐藏对象属性 注意事项 总结 在JavaScript中，对象是一种非常重要的数据类型。我们可以使用对象来保存和管理数据，从而实现复杂的应用逻辑。然而，在使用对象时...

2023-12-29阅读(43)赞(0)

目录 Javascript中的every()与some()的区别和应用 every()定义和用法   every()参数说明 some()定义和用法   some()参数说明  every(...

2023-12-29阅读(40)赞(0)

目录 探索小圆球加载效果实现原理 html代码如下 样式代码 canvas画圆的步骤 模拟函数代码 计算缩放比例的公式 翻转动画的实现原理 探索小圆球加载效果实现原理 抖音的小圆球加载效果相信大家都见识过，也对其中的实现原理应该有一定的好奇...

2023-12-29阅读(35)赞(0)

目录 前言 JS语言的特点 JS中同步和异步的使用 事件循环是什么？ 事件循环执行过程 微任务和宏任务的区别 JS执行/运行机制 最后 前言 在前端开发中，涉及到JS原生的使用原理是非常重要的知识点，尤其是在实际工作过程中会遇到各种复杂的业...

2023-12-29阅读(36)赞(0)

目录 发布订阅模式的基本原理 发布订阅模式和观察者模式的区别 对象关系 解耦 发布订阅模式的应用场景 生产者 & 消费者关系 消息队列 自定义事件系统 结语 JavaScript 发布订阅模式（Publish/Subscribe P...

2023-12-29阅读(31)赞(0)

目录 1.定义数组 1.1 「类型 + 方括号」表示法 1.2 数组泛型 1.3 用接口表示数组 1.4 类数组 2. any 在数组中的应用  总结 1.定义数组 1.1 「类型...

2023-12-29阅读(30)赞(0)

目录 webpack打包，在配置里面有这样一句话是path.resolve(__dirname, 'dist') 那__dirname是什么意思呢? webpack打包，在配置里面有这样一句话是path.resolve(...

2023-12-29阅读(33)赞(0)

JS中some和every的区别和用法 some和every是数组中迭代的方法相同点：some和every都有三个参数，即item→当前项，index→当前的索引值，array→数组本身；都可以遍历数组 不同点...

2023-12-29阅读(30)赞(0)

目录 u–form u-form-item 补充: 附：uview表单校验使用的坑 总结 表单提交是很常见的功能,本文基于uniapp+uview2.0实现表单常见属性校验处理,使用到组件有u–form、Form-i...

2023-12-29阅读(34)赞(0)

目录 效果图 代码 总结 效果图 代码 <template> <div class=\"outWrap\"> <div :class=\" isHorizontalScreen ? \'horizontalEc...

2023-12-29阅读(91)赞(0)

目录 express的代理转发 项目结构 转发 转发记录 前端页面 express的代理转发 其实我的内心关于这个Express，我的内心是拒绝的，不是说，我对这个框架有什么看法，而是因为这个大作业的问题。是的我还是一个大三老菜鸡，苦练 J...

2023-12-29阅读(29)赞(0)

目录 前言 获取视频时长 获取第一帧画面 结语 前言 当我们做一个后台系统的音频管理模块时，通常需要将我们上传的视频做一个前端的提前处理。首先是我们对于文件的大小要限制，文件类型做限制，然后还会有些特定的要求，比如自动去读取文件的一些信息，...

2023-12-29阅读(33)赞(0)

首先我们来分析下UI小妹发来的产品原型图： 微信小程序商品分类页需要实现 1.单击左边的商品类目，右侧实现联动跳转到对应商品类目标题； 2.触屏拖动右侧商品列表，右侧跳转到对应商品类目； 2.分析需求我们可以把屏幕分为以下部分，主要使用到v...

2023-12-29阅读(31)赞(0)

目录 引言 准备工作 页面结构 添加样式 编写JavaScript 总结 全部代码如下 引言 在Web应用中，让用户上传并裁剪图片以创建个人头像是一项非常常见的需求。本文将介绍如何使用著名的图片裁剪库Cropper.js来实现一个简易的圆形...

2023-12-29阅读(28)赞(0)

目录 虚拟滚动 虚拟滚动插件 Web Worker优化长任务 Web Worker的通信时长 requestAnimationFrame 制作动画 JS的加载方式 加载方式的总结 虚拟滚动 当我们开发的时候，遇到大数据加载，页面卡顿的问题应...

2023-12-29阅读(31)赞(0)

在JavaScript中，箭头函数是一种简化的函数语法，它在ES6（ECMAScript 2015）引入。箭头函数的语法比传统的function表达式更简洁，同时还有一些特性，例如继承外部作用域的this值。 箭头函数的基本语法如下： (p...

2023-12-29阅读(31)赞(0)

目录 刷新令牌 Refreshing-access-tokens 请求参数 grant_type（必需的） refresh_token（必需的） scope（选修的） 客户端身份验证（如果客户端被授予机密则需要） 验证刷新令牌授予 例子 R...

2023-12-29阅读(30)赞(0)

目录 前言 快速开始 jsonpath 使用jsonpath封装api 封装axios 封装api 完成后的效果 前言 jsonpath是一个可以在复杂的json数据中根据用户指定的规则找到特定数据的库。 本文利用jsonpath对接口进行...

2023-12-29阅读(31)赞(0)

目录 独立调用和方法调用 构造函数调用 间接调用 严格模式下 javascript 中作用域链和 this（上下文）的指向是很容易混淆的，简单的说就是： 作用域链取决于函数声明的位置，函数声明之后，从函数内部往外，一直到window，这就是...

2023-12-29阅读(31)赞(0)

目录 TS 中 never,void,unknown类型详解 一. never 二. void(空值) 三. unknown 四. never与void的区别 五. 其他注意事项 补充：TypeScript-unknown类型 TS 中 n...

2023-12-29阅读(32)赞(0)

目录 严格相等运算符 (===) 对象属性的比较 使用 Lodash 等工具库判断两个对象是否相等 JSON.stringify 方法 使用 Object.is() 方法 严格相等运算符 (===) 使用 === 运算符...

2023-12-29阅读(30)赞(0)

目录 类的基本语法 类的继承 类的静态方法 类的优势和适用场景 结论 类的基本语法 在 JavaScript 中，使用 class 关键字可以定义一个新的类。类与传统的 JavaScript 函数有些相似，它们都可以接受...

2023-12-29阅读(30)赞(0)

目录 实现方法 使用方法 测试方法 结论 在JavaScript中，我们经常需要对数组中对象的属性进行统计。例如，我们可能有一个包含产品名称和数量的数组，我们需要统计每个产品名称出现的次数，并将其数量相加。在本文中，我们将介绍如何使用Jav...

2023-12-29阅读(28)赞(0)

目录 从数组中删除空对象： 补充：特殊位置删除 总结 从数组中删除空对象： 使用 Array.filter() 方法遍历数组。 将每个对象传递给 Object.keys() 方法并检查键的长度是否不等...