JavaScript Window 打开新窗口(window.location.href、window.open、window.showModalDialog)
目录 1、方式1: window.location.href 2、方式2: window.open 3、方式3 window.showModalDialog (部分浏览器不支持) 4、Window 其他参考 1、方式1: window.lo...
目录 1、方式1: window.location.href 2、方式2: window.open 3、方式3 window.showModalDialog (部分浏览器不支持) 4、Window 其他参考 1、方式1: window.lo...
目录 为什么需要观察者模式 代码示例 应用场景 DOM事件监听: 数据绑定 自定义事件 Promise对象 Pub/Sub模式 观察者模式(Observer Pattern)是一种行为型设计模式,它定义了一种一对多的依赖关系,让多个观察者对...
目录 场景复现: bug解决思路: url传参中文乱码的解决方法 1、escape 和 unescape 2、encodeURI 和 decodeURI 3、encodeURIComponent 和 decodeURIComponent 总...
目录 1.循环引用 2.定时器未清除 3.DOM元素未正确删除 4.全局变量未清除 5.闭包未正确使用 6.事件未正确解绑 7.大量数据未及时清理 8.使用了第三方库或框架 JavaScript 中的内存泄漏是指程序中使用的内存不再被需要却...
题目描述 JS实现一个带并发限制的异步调度器scheduler,保证同时运行的任务最多有两个。 例如目前有4个任务,完成时间分别为,1000ms,500ms,300ms,400ms 那么在该调度器中的执行完成顺序应该为2、3、1、4. 因为...
目录 React 前端实现 一、依赖 二、思路整理 1.将选用展示的数据放在数组中 2. 实用 qrcode + canvas 将 url 装换成 canvas 的二维码图片 3.二维码 cavans 元素们转成 base64 数据保存在 ...
目录 WeakMap的原理 WeakMap的用法 对象私有属性 缓存计算结果 隐藏对象属性 注意事项 总结 在JavaScript中,对象是一种非常重要的数据类型。我们可以使用对象来保存和管理数据,从而实现复杂的应用逻辑。然而,在使用对象时...
目录 Javascript中的every()与some()的区别和应用 every()定义和用法 every()参数说明 some()定义和用法 some()参数说明 every(...
目录 探索小圆球加载效果实现原理 html代码如下 样式代码 canvas画圆的步骤 模拟函数代码 计算缩放比例的公式 翻转动画的实现原理 探索小圆球加载效果实现原理 抖音的小圆球加载效果相信大家都见识过,也对其中的实现原理应该有一定的好奇...
目录 前言 JS语言的特点 JS中同步和异步的使用 事件循环是什么? 事件循环执行过程 微任务和宏任务的区别 JS执行/运行机制 最后 前言 在前端开发中,涉及到JS原生的使用原理是非常重要的知识点,尤其是在实际工作过程中会遇到各种复杂的业...
目录 1.定义数组 1.1 「类型 + 方括号」表示法 1.2 数组泛型 1.3 用接口表示数组 1.4 类数组 2. any 在数组中的应用 总结 1.定义数组 1.1 「类型...
目录 webpack打包,在配置里面有这样一句话是path.resolve(__dirname, 'dist') 那__dirname是什么意思呢? webpack打包,在配置里面有这样一句话是path.resolve(...
目录 发布订阅模式的基本原理 发布订阅模式和观察者模式的区别 对象关系 解耦 发布订阅模式的应用场景 生产者 & 消费者关系 消息队列 自定义事件系统 结语 JavaScript 发布订阅模式(Publish/Subscribe P...
目录 效果图 代码 总结 效果图 代码 <template> <div class=\"outWrap\"> <div :class=\" isHorizontalScreen ? \'horizontalEc...
JS中some和every的区别和用法 some和every是数组中迭代的方法相同点:some和every都有三个参数,即item→当前项,index→当前的索引值,array→数组本身;都可以遍历数组 不同点...
目录 u–form u-form-item 补充: 附:uview表单校验使用的坑 总结 表单提交是很常见的功能,本文基于uniapp+uview2.0实现表单常见属性校验处理,使用到组件有u–form、Form-i...
目录 express的代理转发 项目结构 转发 转发记录 前端页面 express的代理转发 其实我的内心关于这个Express,我的内心是拒绝的,不是说,我对这个框架有什么看法,而是因为这个大作业的问题。是的我还是一个大三老菜鸡,苦练 J...
目录 前言 获取视频时长 获取第一帧画面 结语 前言 当我们做一个后台系统的音频管理模块时,通常需要将我们上传的视频做一个前端的提前处理。首先是我们对于文件的大小要限制,文件类型做限制,然后还会有些特定的要求,比如自动去读取文件的一些信息,...
首先我们来分析下UI小妹发来的产品原型图: 微信小程序商品分类页需要实现 1.单击左边的商品类目,右侧实现联动跳转到对应商品类目标题; 2.触屏拖动右侧商品列表,右侧跳转到对应商品类目; 2.分析需求我们可以把屏幕分为以下部分,主要使用到v...
目录 引言 准备工作 页面结构 添加样式 编写JavaScript 总结 全部代码如下 引言 在Web应用中,让用户上传并裁剪图片以创建个人头像是一项非常常见的需求。本文将介绍如何使用著名的图片裁剪库Cropper.js来实现一个简易的圆形...
目录 虚拟滚动 虚拟滚动插件 Web Worker优化长任务 Web Worker的通信时长 requestAnimationFrame 制作动画 JS的加载方式 加载方式的总结 虚拟滚动 当我们开发的时候,遇到大数据加载,页面卡顿的问题应...
在JavaScript中,箭头函数是一种简化的函数语法,它在ES6(ECMAScript 2015)引入。箭头函数的语法比传统的function表达式更简洁,同时还有一些特性,例如继承外部作用域的this值。 箭头函数的基本语法如下: (p...
目录 刷新令牌 Refreshing-access-tokens 请求参数 grant_type(必需的) refresh_token(必需的) scope(选修的) 客户端身份验证(如果客户端被授予机密则需要) 验证刷新令牌授予 例子 R...
目录 前言 快速开始 jsonpath 使用jsonpath封装api 封装axios 封装api 完成后的效果 前言 jsonpath是一个可以在复杂的json数据中根据用户指定的规则找到特定数据的库。 本文利用jsonpath对接口进行...
目录 独立调用和方法调用 构造函数调用 间接调用 严格模式下 javascript 中作用域链和 this(上下文)的指向是很容易混淆的,简单的说就是: 作用域链取决于函数声明的位置,函数声明之后,从函数内部往外,一直到window,这就是...
目录 TS 中 never,void,unknown类型详解 一. never 二. void(空值) 三. unknown 四. never与void的区别 五. 其他注意事项 补充:TypeScript-unknown类型 TS 中 n...
目录 类的基本语法 类的继承 类的静态方法 类的优势和适用场景 结论 类的基本语法 在 JavaScript 中,使用 class 关键字可以定义一个新的类。类与传统的 JavaScript 函数有些相似,它们都可以接受...
目录 严格相等运算符 (===) 对象属性的比较 使用 Lodash 等工具库判断两个对象是否相等 JSON.stringify 方法 使用 Object.is() 方法 严格相等运算符 (===) 使用 === 运算符...
目录 实现方法 使用方法 测试方法 结论 在JavaScript中,我们经常需要对数组中对象的属性进行统计。例如,我们可能有一个包含产品名称和数量的数组,我们需要统计每个产品名称出现的次数,并将其数量相加。在本文中,我们将介绍如何使用Jav...
在使用echarts的自定义饼图Customized Pie时,定义的动态数据会发生颜色无法渲染的问题,如下图所示: 该图表的颜色是根据itemStyle内的color属性而来,如下: itemStyle: { color: \'#4d90...