193浏览

0评论

深入理解JavaScript中的宏任务和微任务机制

目录引入宏任务与微任务引入// 开启一个定时器 1秒后执行setTimeout( () => { console.log(1)}, 1000)console.log(2)以上的代码控制台的输出结果是“ 2，1";即先输出...

• 2023-05-17

223浏览

0评论

TypeScript类型使用示例剖析

目录JavaScript的内置类型 VS TypeScript内置类型元祖接口interfaceinterface和type有什么区别？枚举怎么让Babel支持const enum?字面量类型特殊类型类型的装饰JavaScript的内...

• 2023-05-17

240浏览

0评论

JavaScript中forEach和map的使用场景

目录foeEachforEach方法是同步执行的，不能使用异步操作。mapmap方法不会遍历已经添加并且未被删除的元素。什么是迭代器模式JavaScript 的 forEach 和 map方法是应用了迭代器...

• 2023-05-17

190浏览

0评论

uniapp小程序自定义tabbar以及初次加载闪屏解决方法

很惭愧，这竟然是老衲在csdn的首次内容输出，还请看官，高抬贵手，多喷两句， 反正我也不听~...

• 2023-05-17

204浏览

0评论

通过手写instanceof理解原型链示例详解

目录Instanceof的作用手写Instanceof什么是原型原型的应用场景什么是原型链Instanceof的作用Instanceof是判断一个实例是否是其父类或者祖先类型的实例的方法。原理就是Inst...

• 2023-05-17

383浏览

0评论

JS 简单实现拖拽评星的示例代码

目录一、实现效果二、总结与思考废话开篇：通过 canvas 简单拖拽评星，主要是通过个人的理解去实现这样的一个效果。一、实现效果html<div class="main"> <div class="sc...

• 2023-05-17

248浏览

0评论

深入理解JS中的微任务和宏任务的执行顺序及应用场景

目录微任务和宏任务的区别及具体场景任务之间的执行顺序微任务和宏任务的区别及具体场景微任务和宏任务皆为异步任务，它们都属于一个队列，主要区别在于他们的执行顺序，Event Lo...

• 2023-05-17

612浏览

0评论

JS电梯导航的实现示例

目录预览效果主要的js代码整体代码预览效果之前css 利用 scroll-behavior 和 锚点 实现了 电梯导航，点击可以看这篇文章css实现电梯导航的效果。评论区有人想让我用js也实现...

• 2023-05-17

232浏览

0评论

Cropper.js进阶实现图片旋转裁剪处理功能示例

目录引言准备工作页面结构编写JavaScript总结全部代码如下引言在Web应用中，处理用户上传的图片是一项非常常见的需求。有时，用户可能需要旋转图片以获得更好的视觉效果。本文...

• 2023-05-17

207浏览

0评论

JavaScript基于ChatGPT实现打字机消息回复

目录1 背景2 简介3 服务端实现3.1 协议3.2 消息格式3.2.1 event3.2.2 id3.2.3 retry3.2.4 data3.3 示例4 浏览器 API4.1 建立连接4.2 监听事件5 实践5.1 服务端5.2 浏览器6...

• 2023-05-17

180浏览

0评论

js循环中使用正则失效异常的踩坑实战

目录1、异常案例：2、原因分析3、解决方法13、解决方法23、解决方法3总结1、异常案例：使用正则匹配111const regular = /111/g; // 匹配111 // console.log(regular.test('1...

• 2023-05-17

149浏览

0评论

JavaScript注册监听事件和清除监听事件方式详解

目录前言注册监听事件传统方式方法监听事件注册方式addEventListener()attachEvent()addEventListener()与attachEvent()的兼容移除监听事件传统方法的移除移除方法监听事件...

• 2023-05-17

199浏览

0评论

Web Components入门教程示例详解

目录Web Components不兼容IE困境Web Components核心技术自定义元素HTML模板(template、slot)shadow root(影子Dom)Web Components不兼容IE2011年提出Web Components，为了解决...

• 2023-05-17

318浏览

0评论

ts中的void和never类型及区别

目录ts中的void和never类型voidnever补充：void类型和never类型void类型never类型ts中的void和never类型void　　表示没有任何类型// 没有返回值的函数，其返回值类型为 voidfun...

• 2023-05-17

186浏览

0评论

GoJs中标题和缩略图使用技巧

目录前言标题的使用随图形变化的标题不随图形变化的标题缩略图的使用总结前言在可视化图形中为了方便区分，需要给图形一个标题。可以在画布外面用html调整位置之后作为图形的...

• 2023-05-17

164浏览

0评论

如何使用require.context实现优雅的预加载

目录前言丑陋的预加载单张预加载多张预加载优雅的预加载require.context前言在前端开发中，对页面花里胡哨度[注1]要求越高的页面，用到的图片、音频什么的就越多，比如什么结婚请...

• 2023-05-17

123浏览

0评论

利用JavaScript实现的10种排序算法总结

目录1、冒泡排序算法2、选择排序算法3、插入排序算法4、 希尔排序算法5、归并排序算法6、 快速排序算法7、堆排序算法8、计数排序算法9、桶排序算法10、基数排序算法排序算...

• 2023-05-17

170浏览

0评论

如何从JavaScript数组中删除空对象

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

• 2023-05-17

414浏览

0评论

echarts自定义饼图数据刷新和颜色渲染问题浅析

在使用echarts的自定义饼图Customized Pie时，定义的动态数据会发生颜色无法渲染的问题，如下图所示：该图表的颜色是根据itemStyle内的color属性而来，如下：itemStyle: { color:...

• 2023-05-17

160浏览

0评论

JavaScript统计数组中相同的数量的方法总结

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

• 2023-05-17

438浏览

0评论

JavaScript中的class类详解

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

• 2023-05-17

405浏览

0评论

在JS中判断两个对象是否相等方法详解

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

• 2023-05-17

162浏览

0评论

TS 中 never,void,unknown类型详解

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

• 2023-05-17

176浏览

0评论

jsonpath做接口封装使用技巧

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

• 2023-05-17

164浏览

0评论

从0构建Oauth2Server服务之Refreshing-access-tokens

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

• 2023-05-17

162浏览

0评论

javascript函数的4种调用方式与this的指向

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

• 2023-05-17

235浏览

0评论

Cropper.js进阶之实现圆形头像裁剪功能示例

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

• 2023-05-17

187浏览

0评论

JavaScript前端优化策略深入详解

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

• 2023-05-17

130浏览

0评论

一文带你掌握JavaScript中的箭头函数

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

• 2023-05-17

156浏览

0评论

Express代理转发服务器实现

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

• 2023-05-17

219浏览

0评论

JavaScript实现读取上传视频文件的时长和第一帧画面过程讲解

目录前言获取视频时长获取第一帧画面结语前言当我们做一个后台系统的音频管理模块时，通常需要将我们上传的视频做一个前端的提前处理。首先是我们对于文件的大小要限制，文件类...

• 2023-05-17

168浏览

0评论

微信小程序实现商品分类页过程结束

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

• 2023-05-17

426浏览

0评论

JS中some和every的区别和用法详解

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

• 2023-05-17

155浏览

0评论

手把手教你uniapp和uview2.0实现表单校验实战

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

• 2023-05-17

122浏览

0评论

Echarts图表移动端横屏进入退出的实现

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

• 2023-05-17

151浏览

0评论

webpack打包中path.resolve(__dirname, 'dist')的含义解析

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

• 2023-05-17

123浏览

0评论

深入了解JavaScript发布订阅模式

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

• 2023-05-17

148浏览

0评论

typeScript中数组类型定义及应用详解

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

• 2023-05-17

283浏览

0评论

Javascript中的every()与some()的区别和应用小结

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

• 2023-05-17

191浏览

0评论

实现抖音两个旋转小球的loading技巧实例

目录探索小圆球加载效果实现原理html代码如下样式代码canvas画圆的步骤模拟函数代码计算缩放比例的公式翻转动画的实现原理探索小圆球加载效果实现原理抖音的小圆球加载效果...

抖音
• 2023-05-17

140浏览

0评论

JS的事件循环执行机制详解

目录前言JS语言的特点JS中同步和异步的使用事件循环是什么？事件循环执行过程微任务和宏任务的区别JS执行/运行机制最后前言在前端开发中，涉及到JS原生的使用原理是非常重要的...

• 2023-05-17

115浏览

0评论

基于JS实现带并发限制的异步调度器

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

• 2023-05-17

173浏览

0评论

如何根据url 批量下载二维码实现详解

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

• 2023-05-17

133浏览

0评论

深入探究JavaScript中WeakMap的原理与用法

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

• 2023-05-17

307浏览

0评论

一文带你理解JavaScript 观察者模式

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

• 2023-05-17

166浏览

0评论

js解决url传递中文参数乱码问题的方法详解

目录场景复现：bug解决思路：url传参中文乱码的解决方法1、escape 和 unescape2、encodeURI 和 decodeURI3、encodeURIComponent 和 decodeURIComponent总结场景复现：做后台管理...

• 2023-05-17

178浏览

0评论

JavaScript中内存泄漏的几种情况总结

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

• 2023-05-17

263浏览

0评论

JavaScript Window 打开新窗口(window.location.href、window.open、window.showModalDialog)

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

• 2023-05-17

141浏览

0评论

JavaScript指定字段排序方法sortFun函数

目录1. 排序方法sortFun2. 排序规则compare3. 排序示例4. 总结在前端开发中，经常需要对数组进行排序操作。在 JavaScript 中，数组的排序方法是sort()，但是它并不支持根据指定的...

• 2023-05-17

236浏览

0评论

躲避这些会改变原数组JavaScript数组方法让开发流畅无阻

目录不会修改原数组的方法新增、查找、迭代非改变原数组的操作会修改原数组的方法push() 和 unshift()pop() 和 shift()reverse()sort()splice()最佳实践结论JavaScript是一...

• 2023-05-17