随笔分类 - JavaScript
摘要：promise数组串行执行 例如你有一组接口需要串行执行，首先你可能会想到使用await const requestAry = [() => api.request1(), () => api.request2(), () => api.request3()]; for (const request
阅读全文
摘要：在我们的管理系统项目中，将表格数据导出为Excel文件是很常见的需求，一线业务人员经常会利用生成的excel文件做汇总和报告。根据功能的实现方式可以分为前端导出和后端导出，作为前端开发人员，后端导出对我们来说比较简单，本文主要讨论前端导出。 在正常的项目中，后端导出的情况会更多一下，因为前端导出受限
阅读全文
摘要：说明 docx-templates项目地址:https://github.com/guigrpa/docx-templates 原文:https://juejin.cn/post/7170695319004315679?searchId=202312171247306E0B93A485DAE6B4E
阅读全文
摘要：tooltip: { // 是否限制在可视区域 confine: true, // 是否将浮层挂载到body上，否则会超出可视区域 appendToBody: true, }
阅读全文
摘要：const num = 1000000; //整数部分每三位追加一个逗号 num.toLocaleString(); //1,000,000 //转换为百分比 num.toLocaleString("zh", { style: "percent" }); // 100000000% //转换为货币显
阅读全文
摘要：JavaScript是单线程的语言，也就是说同步代码都需要排队去执行，这样就会造成很多问题，就比如：数据量大的excel文件的导入导出，会造成整个页面出现“假卡死”的现象。 什么是“假卡死”呢？意思就是页面其实并没有卡死，但是用户做一些操作时，页面并没有及时给到反馈，这就会让用户觉得页面卡死了 解决
阅读全文
摘要：前言 在调节带有hover样式的元素时，当鼠标移动到上面的时候才会显示相应的元素，鼠标移开时元素就会消失，所以导致无法调节样式问题，第一种方式方便定位元素位置，第二种方式可以解决问题（可以直接看第二种方法！！！） 一、快捷定位元素位置的方法 使用网上的方法，首先F12打开调试工具，找到加了hover
阅读全文
摘要：过去，要检测一个元素是否可见或者两个元素是否相交并不容易，比如实现图片懒加载、内容无限滚动等功能时，都需要通过getBoundingClientRect()写大量的逻辑计算或者依靠scroll事件监听等性能很差方式来实现。 现在，依靠IntersectionObserver（交叉观察器）我们能非
阅读全文
摘要：要实现基本的超时功能其实很简单，只需要使用 [AbortController](https://developer.mozilla.org/zh-CN/docs/Web/API/AbortController "AbortController") 这个 API，如果你不熟悉它，可以点击链接了解一下
阅读全文
摘要：### 问题原因 echarts2.0版本之后不再在引入的echarts中支持wordCloud,需单独引入。引入原js或者min都可以 **也可以使用echarts的散点图实现** https://www.isqqw.com/viewer?id=36615 ### 安装 ``` npm insta
阅读全文
摘要：## 说明 开发遇到,循环每个几秒执行一段代码 ## 代码 ```js let shouldContinue = true; async function run() { for (let i = 0; i setTimeout(resolve, 10000)); // 等待10秒钟 } } //
阅读全文
摘要：## 说明 使用的canvas绘制海报 ### 参数 |参数 |说明 | | | | |width |海报总体宽度 | |height |海报总体高度 | |views |需要渲染到海报上面的元素,这是一个`Array` | views的属性,更多属性看代码把 |属性 |说明 | | | | |ty
阅读全文
摘要：## 安装需要 安装 ```shell npm i qrcode ``` NPM地址:https://www.npmjs.com/package/qrcode 这个是直接生成base64数据,可以直接放到图片上面展示 ## 使用 ```html 生成二维码 点击生成 ``` ```js import
阅读全文
摘要：## 说明 因为图片比较大,为了减轻服务器压力,所以想压缩了再上传. 用到的是`compressorjs`这个库 还有一个库也不错可以自定义压缩图片大小 `image-conversion` 参考地址:[Element-ui 上传图片前压缩图片_elementui图片上传前压缩_an_jia_nin
阅读全文
摘要：前端直接传图片到OSS，一般我们都是传到服务器后台，然后由后台存储。这样其实有一些缺点，OSSAPI上面说： 1、 上传慢。先上传到应用服务器，再上传到OSS，网络传送多了一倍。如果数据直传到OSS，不走应用服务器，速度将大大提升，而且OSS是采用BGP带宽，能保证各地各运营商的速度。 2、 扩展性
阅读全文
摘要：## 实现 ```html {{ isFullscreen ? "退出全屏" : "全屏" }} ``` ```js mounted() { //监听是否进入全屏模式 document.addEventListener("fullscreenchange", e => { if (document.
阅读全文
摘要：说明 vue2 前端导出表格需用用到xlsx.js这个库 npm install xlsx 实现操作 合并单元格 把数组导出成xlsx 把json导出成xlsx 代码部分 记得导入 import * as XLSX from "xlsx";//记得在要用的页面导入 把二维数组转换成xlsx /* 导
阅读全文
摘要：获取字符串长度(英文1个,中文2个) //把双字节的字符替换成两个单字节的字符，并获取它的字符数 let str = '你好115s' const len = str.replace(/[^\x00-\xff]/g, "00").length; console.log(len) js月份补零 con
阅读全文
摘要：说明 vue2.6.14 需要用到exceljs这个库 npm install exceljs 实现操作 导出xlsx表格 设置行高和列宽 合并单元格 自定义表格样式 其他的一些用法 代码部分 下面用到的 //导入ExcelJS import ExcelJS from "exceljs"; //下载
阅读全文
摘要：function getBase64(file) { return new Promise((resolve, reject) => { const reader = new FileReader(); let fileResult = ""; reader.readAsDataURL(file);
阅读全文
浙公网安备 33010602011771号