262浏览

0评论

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

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

• 2023-05-17

67浏览

0评论

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

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

• 2023-05-17

321浏览

0评论

JavaScript中的class类详解

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

• 2023-05-17

279浏览

0评论

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

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

• 2023-05-17

68浏览

0评论

TS 中 never,void,unknown类型详解

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

• 2023-05-17

74浏览

0评论

jsonpath做接口封装使用技巧

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

• 2023-05-17

46浏览

0评论

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

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

• 2023-05-17

63浏览

0评论

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

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

• 2023-05-17

148浏览

0评论

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

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

• 2023-05-17

75浏览

0评论

JavaScript前端优化策略深入详解

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

• 2023-05-17

51浏览

0评论

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

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

• 2023-05-17

57浏览

0评论

Express代理转发服务器实现

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

• 2023-05-17

129浏览

0评论

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

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

• 2023-05-17

82浏览

0评论

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

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

• 2023-05-17

312浏览

0评论

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

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

• 2023-05-17

64浏览

0评论

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

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

• 2023-05-17

54浏览

0评论

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

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

• 2023-05-17

73浏览

0评论

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

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

• 2023-05-17

55浏览

0评论

深入了解JavaScript发布订阅模式

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

• 2023-05-17

75浏览

0评论

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

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

• 2023-05-17

208浏览

0评论

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

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

• 2023-05-17

78浏览

0评论

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

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

抖音
• 2023-05-17

57浏览

0评论

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

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

• 2023-05-17

41浏览

0评论

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

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

• 2023-05-17

88浏览

0评论

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

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

• 2023-05-17

62浏览

0评论

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

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

• 2023-05-17

226浏览

0评论

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

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

• 2023-05-17

71浏览

0评论

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

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

• 2023-05-17

87浏览

0评论

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

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

• 2023-05-17

189浏览

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

55浏览

0评论

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

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

• 2023-05-17

156浏览

0评论

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

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

• 2023-05-17

157浏览

0评论

H5如何实现唤起APP及调试bug解决

目录前言：唤端url schema打开方式：适用性：前言：为什么我对这个突然感兴趣呢，是因为最近在做需求的时候存在H5收银台唤起vx/jfb app的场景，但在调试时总会有bug（某一个版本的应用无...

• 2023-05-17

62浏览

0评论

JavaScript针对SPA应用的前端优化策略概述

目录性能优化关于SPA单页面应用程序的优化1、路由懒加载2、组件懒加载组件懒加载的使用场景懒加载原理3、Tree shaking的优化4、骨架屏优化白屏时长性能优化所有开发者都无...

• 2023-05-17

134浏览

0评论

JavaScript面试必备之垃圾回收机制和内存泄漏详解

目录1.垃圾回收机制1.1 标记清除1.2 引用计数2.什么是内存泄漏2.1 JavaScript内存分配和回收的关键词：GC根、作用域3.常见的几种内存泄漏的方式3.1 未被注意的全局变量3.2 闭...

• 2023-05-17

57浏览

0评论

JavaScript闭包和作用域链的定义实现

目录引言闭包的定义和实现作用域链闭包和作用域链的关系使用闭包的注意事项结论引言在JavaScript中，每个函数都有自己的作用域。作用域规定了哪些变量和函数可以在当前函数内...

• 2023-05-17

58浏览

0评论

7个令人惊讶的JavaScript特性详解

目录从任何一个代码块中 break解构一个已存在的变量对数值进行解构类声明是块级作用域的同名参数typeof 不安全新数组从任何一个代码块中 break你应该已经知道你可以从任意...

• 2023-05-17

232浏览

0评论

千万不要错过的JavaScript高效对比数组差异方法

目录基础概念什么是数组？什么是对象？需求分析解决方案第一步：比较arr1中存在但在arr2中不存在的元素第二步：比较arr2中存在但在arr1中不存在的元素第三步：比较arr1和arr2中都存在...

• 2023-05-17

97浏览

0评论

JavaScript鼠标移动事件以及实战案例

目录一、鼠标点击事件1.onclick单击事件2.ondblclick双击事件3. onmousedown鼠标按下事件4. onmouseup鼠标松开事件二、鼠标移动事件三、案列：总结一、鼠标点击事件1.onclick...

• 2023-05-17

78浏览

0评论

关于JS中的箭头函数

更简短的函数并且不绑定this。箭头函数表达式的语法比函数表达式更简洁，并且没有自己的this，arguments，super或new.target。箭头函数表达式更适用于那些本来需要匿名函数的地方...

• 2023-05-17

209浏览

0评论

Echarts实现点击列表联动饼图的示例代码

目录简单易懂的Echars案例，实现点击列表联动饼图效果图1. 首先我们先写一个左侧列表 StageLineStageLine 子组件 StageItem2.接下来我们写右侧饼图3. 在最外层父级，写一些方法...

• 2023-05-17

61浏览

0评论

JavaScript 中的 parseInt() 函数详解

目录参数描述总结parseInt() 函数可解析一个字符串，并返回一个整数。parseInt 可以接受 2 个函数。parseInt(string, radix) 解析一个字符串并返回指定基数的十进制整数， radi...

• 2023-05-17

164浏览

0评论

flv.js的具体使用教程

目录简介flv.js常用方法flv.js简单使用简介Flv.js 是 HTML5 Flash 视频（FLV）播放器，纯原生 JavaScript 开发，没有用到 Flash。由 bilibili 网站开源。它的工作原理是将 FLV 文件...

• 2023-05-17

298浏览

0评论

JavaScript 装饰器模式用法详解

目录什么是装饰器模式为什么要有装饰器模式装饰器模式应用场景举个栗子给汽车加个真皮座椅一个简单的数据缓存总结什么是装饰器模式装饰器模式（Decorator Pattern）是一种结构...

• 2023-05-17

204浏览

0评论

JavaScript中的this关键字用法详解

目录this的绑定call与apply当方法失去主语的时候，this不再有？不可见的调用总结先举一个生活例子：小明正在跑步，他看起来很开心这里的小明是主语，如果没有这个主语，那么后面的代词...

• 2023-05-17

69浏览

0评论

JS+CSS实现超漂亮的动态翻书效果(思路详解)

目录前言思路准备正文一、CSS实现1、搭建基本框架2、编写CSS二、JS实现总结前言本文将带大家来实现一个非常有趣的案例——打开书本效果。我们平常冲浪时是不是看...

• 2023-05-17

57浏览

0评论

JS中null和undefined的区别

目录前言定义异同点实际应用总结1.JS 中如何判断 undefined2.JS 中如何判断 null前言在JavaScript中，null和undefined是两个常见的数据类型，但总是在使用时由于对两者区别不清...

• 2023-05-17

303浏览

0评论

千万别错过的JavaScript sort方法使用指南

目录JS的方法sort默认是按什么方式排序的sort方法介绍sort方法默认排序规则数字排序字符串排序对象排序附加内容sort方法是否改变原数组？sort方法在处理非ASCII字符时的问题s...

• 2023-05-17

170浏览

0评论

JavaScript中好用的数组对象排序方法分享

目录简单的排序方法实现多重排序具有通用性的排序方法使用 Lodash 库结论在日常工作中，我们经常需要对数组对象进行排序。尤其是在处理数据可视化需求中，根据不同的数值维度进...

• 2023-05-17

285浏览

0评论

js select支持手动输入功能实现代码

select下拉框的onkeydown事件，修改下拉框的值 function catch_keydown(sel){ switch(event.keyCode) { case 13: //回车键 event.returnValue = false; break;...

• 2023-05-17