上一页 1 ··· 52 53 54 55 56 57 58 59 60 ··· 89 下一页
摘要: 问题:Failed to resolve component: canvas-datagrid,If this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement. 阅读全文
posted @ 2022-12-11 18:49 栖木hy 阅读(3479) 评论(0) 推荐(0)
摘要: 1、安装xlsx npm install xlsx --save-dev https://docs.sheetjs.com/ 2、引入xlsx并封装读取excel方法 import * as XLSX from "xlsx"; /** * 读取excel内容 * @param {*} file * 阅读全文
posted @ 2022-12-11 16:45 栖木hy 阅读(479) 评论(0) 推荐(0)
摘要: 实现在线表格的方式有: 1、以HTML的Table元素实现,主要靠虚拟渲染优化性能,体验较差,插件却很多。 2、以HTML的Canvas绘图实现,得益于Canvas的高性能,体验可以优化到极致,但绘图相对DOM元素操作是复杂的,相关插件也较少,但是商业产品上的在线Excel基本都是基于该技术实现的。 阅读全文
posted @ 2022-12-11 15:15 栖木hy 阅读(1583) 评论(0) 推荐(0)
摘要: 一、问题与需求 无聊的一天,后端给了一个Excel文件链接,需要前端实现Excel文件自定义文件名下载 很多人肯定会想到一下方法 const a = document.createElement('a'); a.download = `${layer.title}.xlsx`;; a.href = 阅读全文
posted @ 2022-12-10 01:26 栖木hy 阅读(324) 评论(0) 推荐(0)
摘要: 一、Tampermonkey 二、代码 代码=>网页游戏、网页视频录屏 // ==UserScript== // @name 网页游戏、网页直播录屏 // @namespace http://tampermonkey.net/ // @version 0.1 // @description try 阅读全文
posted @ 2022-12-09 14:39 栖木hy 阅读(362) 评论(0) 推荐(0)
摘要: 1.直接调用canvas对象的toDataURL方法转化为指定类型 var newImg = new Image(); newImg.src=canvas.toDataURL("image/png")); 2.利用canvas对象的toBlob方法 https://developer.mozilla 阅读全文
posted @ 2022-12-08 15:58 栖木hy 阅读(858) 评论(0) 推荐(0)
摘要: 思路 1,将base64转化为File 文件 2,动态创建a标签实现文件流的下载 代码 1)将base64转化为File 文件 let dataurl='data:image/png;base64,XXXXX...', let filename='文件名' function base64ImgtoF 阅读全文
posted @ 2022-12-08 15:55 栖木hy 阅读(1342) 评论(0) 推荐(0)
摘要: 一、项目介绍 本项目使用的技术是vite+Vue3,使用ArcGIS API for js前端地图开源框架,接口数据来源weibo。 主要是对国内的疫情数据进行实时图表可视化。 2022.11.12-2022.11.17 源码——基于开源WebGIS的国内疫情数据可视化平台 预览——基于开源WebG 阅读全文
posted @ 2022-11-18 15:46 栖木hy 阅读(324) 评论(0) 推荐(0)
摘要: 一、数据图形 import * as echarts from 'echarts' const myChart = echarts.init(document.querySelector('pie')) 官方文档 events 官方文档 action 设置高亮 myChart.dispatchAct 阅读全文
posted @ 2022-11-18 15:33 栖木hy 阅读(1649) 评论(0) 推荐(0)
摘要: 因为浏览器的限制,网页上的字体最小只能设置12px,因为小于12px就会影响浏览效果 但有时候我们需求就是要将字体设置的很小 这就需要用到特殊的手段,用 transform 属性设置 用 transform的scale缩放属性将字体缩放,实际上并没有改变字体大小,只是将标签缩放了,这样看起来就小了很 阅读全文
posted @ 2022-11-17 16:23 栖木hy 阅读(309) 评论(0) 推荐(0)
上一页 1 ··· 52 53 54 55 56 57 58 59 60 ··· 89 下一页