postMessage消息通信Promise化的方法实现
2024-05-18 13:21 | 分类：编程语言 | 评论：0 次 | 浏览: 82
前言postmessage api 想必大家都不陌生，webworker 通信会用到，iframe 窗口之间通信也会用到，尤其像一些通过 i...
解决window.history.back()返回上一页有时候需要点击多次问题
2024-05-18 13:21 | 分类：编程语言 | 评论：0 次 | 浏览: 85
window.history.back()返回上一页有时候需要点击多次遇到两个小问题记录一下window.history.back() 返回...
使用echarts饼状图label既在内部显示数值(百分比),又显示外部指示线
2024-05-18 13:21 | 分类：编程语言 | 评论：0 次 | 浏览: 86
需求项目开发中，产品经理绘制的原型图中，需要前端实现一个饼状图，且既在饼图内部中 显示 百分比，又显示 外部指示线及数值效果如下图所示：查了...
JavaScript解决跨域的三种方法小结
2024-05-18 13:21 | 分类：编程语言 | 评论：0 次 | 浏览: 84
前言什么是跨域问题在web应用中，当一个网页的脚本试图去请求另一个域名下的资源时，就会遇到跨域问题。跨域问题是由浏览器的同源策略所引起的。换...
echarts折线图月份数据不足自动补0和日期达到数据连续的效果(最新推荐)
2024-05-18 13:21 | 分类：编程语言 | 评论：0 次 | 浏览: 82
需求：查询一个月的数据，但是有些数据为0，后端没传，所以要前端进行操作，把没传的数据进行补0填充达到月数据完整效果1.错误展示如果这个月为0...
配置Webpack SourceMap 实践教程
2024-05-18 13:21 | 分类：编程语言 | 评论：0 次 | 浏览: 86
source map 简介source map（源代码地图）就是解决此类问题最好的办法，从它的名字就能够看出它的作用：映射转换后的代码与源代...
使用JavaScript给图片添加水印的实现方法封装
2024-05-18 13:21 | 分类：编程语言 | 评论：0 次 | 浏览: 100
前言当涉及图片处理时，javascript是一种强大的工具。在本篇博客中，我们将学习如何使用javascript来给图片添加水印，并将其封装...
electron-builder允许安装时请求提升权限的场景分析
2024-05-18 13:21 | 分类：编程语言 | 评论：0 次 | 浏览: 83
场景在下面的场景中可能会需要管理员权限：electron开发的软件具有文件操作功能，如果electron安装到c盘，并操作项目中（c盘）的文...
前端使用crypto-js库aes加解密详细代码示例
2024-05-18 13:21 | 分类：编程语言 | 评论：0 次 | 浏览: 87
前言cryptojs是一个javascript加密算法库，用于在客户端浏览器中执行加密和解密操作。它提供了一系列常见的加密算法，如aes、d...
nuxtjs通过ecosystem.config.js配置pm2的方法
2024-05-18 13:21 | 分类：编程语言 | 评论：0 次 | 浏览: 85
在 nuxt.js 项目中，您可以通过 ecosystem.config.js 文件来配置 pm2，以便使用 pm2 来管理 nuxt.js...
微信小程序仿QQ头像轮播效果流程分析
2024-05-18 13:21 | 分类：编程语言 | 评论：0 次 | 浏览: 81
1、效果图2、效果流程分析1、第1个头像大小从1到0缩小的同时，第2个头像左移2、上面动画结束后，延迟50ms，第3个头像从0到1放大3、把...
前端用echarts绘制含有多个分层的波形图关键代码
2024-05-18 13:21 | 分类：编程语言 | 评论：0 次 | 浏览: 91
一、效果图展示先展示一下实际的效果图用户选择完需要的波形参数字段之后，页面开始渲染图表，有几个参数就要渲染几个grid，也就是几行波形。二、...
使用webpack处理stylus文件的配置方法
2024-05-18 13:21 | 分类：编程语言 | 评论：0 次 | 浏览: 84
1.需要下载一个包npm i stylus-loader2.功能介绍stylus-loader:负责将stylus文件编译成css文件3.配...
前端常用判断符号??，?. ，! ，!! ，|| ，&&，?:用法示例
2024-05-18 13:21 | 分类：编程语言 | 评论：0 次 | 浏览: 89
??符号用于判断左侧值是否为undefined或null， 若值为undefined或null则将右侧值赋值给左侧变量。const name...
简单聊聊JavaScript中作用域与自执行函数的使用
2024-05-18 13:21 | 分类：编程语言 | 评论：0 次 | 浏览: 96
前言不得不吐槽，学个js，这个概念也太多了，但是这些概念你不懂吧，代码你都看不懂，你都寸步难行。好吧，这又遇到了作用域方面的知识盲区，然后发...
如何使用JavaScript对图像进行压缩
2024-05-18 13:21 | 分类：编程语言 | 评论：0 次 | 浏览: 81
javascript 可以使用类似于 canvas 和 web workers 来实现图像压缩。使用 canvas，可以将图像绘制到 can...
使用js/jquery获取指定class名称的3种方式总结
2024-05-18 13:21 | 分类：编程语言 | 评论：0 次 | 浏览: 95
简介在开发网页时，我们经常需要通过js获取元素的class名称进行一些操作，比如样式修改、动画效果实现等。本文将介绍js如何获取元素的cla...
Day.js常用方法集合(附各种事件格式的转换)
2024-05-18 13:21 | 分类：编程语言 | 评论：0 次 | 浏览: 87
标题有部分重复，请见谅优点：简单易用：day.js的语法简单，易于理解和上手。它提供了丰富的日期操作方法和格式化选项，使得处理日期和时间变得...
electron实现读取和写入配置文件的示例详解
2024-05-18 13:21 | 分类：编程语言 | 评论：0 次 | 浏览: 86
一、背景知识1.1. nodejs内置的fs文件系统模块node中的fs文件系统模块1.2. nodejs中fs文件系统模块的路径动态拼接的...
v3-admin-vite 整合pont的详细过程
2024-05-18 13:20 | 分类：编程语言 | 评论：0 次 | 浏览: 88
需求目前后端的admin模板使用的是v3-admin-vite，需要整合pont接口，方便前后端统一一体化开发安装pont按照官方的文档，将...
前端实现CSV文件解析的方法详解
2024-05-18 13:20 | 分类：编程语言 | 评论：0 次 | 浏览: 98
基本规则简单来说就：使用逗号分隔数据，当出现冲突的使用双引号包裹冲突数据来解决冲突（没有冲突也可以使用双引号包裹数据）。通过逗号将数据分隔成...
TypeScript使用函数重载确定返回类型的实现方法
2024-05-18 13:20 | 分类：编程语言 | 评论：0 次 | 浏览: 84
自定义一个hooksimport { uselocation } from 'react-router-dom';// 定义 querypa...
JavaScript清空数组的四种方法
2024-05-18 13:20 | 分类：编程语言 | 评论：0 次 | 浏览: 93
1、前言前两天在工作当中遇到一个问题,在vue3中使用reactive生成的响应式数组如何清空,当然我一般清空都是这么写: let arra...
基于JavaScript实现惊艳的打字机效果
2024-05-18 13:20 | 分类：编程语言 | 评论：0 次 | 浏览: 96
先准备一个html的模版：<!doctype html><html lang="en"><head> ...
浅析JavaScript如何解决跨域问题并手写一个jsonp
2024-05-18 13:20 | 分类：编程语言 | 评论：0 次 | 浏览: 90
跨域是指浏览器为了安全性，实施的同源策略。同源策略要求，只有协议、域名和端口号完全相同的网页，才能共享资源。如果不满足这些条件，就会产生&l...
el-input限制输入只允许输入浮点型的解决思路
2024-05-18 13:20 | 分类：编程语言 | 评论：0 次 | 浏览: 92
前言背景：本文主要是记录，el-input怎么限制输入只允许输入浮点型。注意是输入的时候限制只允许输入浮点型，而不是输入完提交的时候再校验提...
js实现使用输入input和改变change事件模拟手动输入
2024-05-18 13:20 | 分类：编程语言 | 评论：0 次 | 浏览: 86
在javascript中，模拟手动输入可以通过设置input元素的value属性来实现。然后可以触发一个input或change事件来通知元...
JavaScript中前后端交互Ajax示例详解
2024-05-18 13:20 | 分类：编程语言 | 评论：0 次 | 浏览: 84
1、ajax概述（1）什么是ajaxajax：asynchronous javascript and xml，异步javascript和xm...
JavaScript中如何校验接口是否重复提交
2024-05-18 13:20 | 分类：编程语言 | 评论：0 次 | 浏览: 97
js校验接口重复提交示例代码request.jsimport axios from 'axios'import { notification...
JavaScript实现读取条码中的二进制数据
2024-05-18 13:20 | 分类：编程语言 | 评论：0 次 | 浏览: 111
条码是一种以机器可读的可视形式表示数据的方法。条码种类繁多，主要分为一维码和二维码。我们可以从条码获取二进制数据，并通过不同方法去读码。例如...