随笔分类 - 插件
1
摘要：1、安装：npm install html2canvas jspdf --save 2、创建：html2canvas.js 文件，内容如下： import html2Canvas from 'html2canvas' import JsPDF from 'jspdf' /** * @param {S
阅读全文
摘要：/* eslint-disable */ let idTmr; const getExplorer = () => { let explorer = window.navigator.userAgent; //ie if (explorer.indexOf("MSIE") >= 0) { retur
阅读全文
摘要：/** * @param {Array} sourceData 原始数据（必选） * @param {String} keyName 单条数据中的唯一标识符字段名（必选） * @param {String} parentKeyName 单条数据中的上级唯一标识符的字段名（必选） * @return
阅读全文
摘要：/** * @param {Array} dataList 完整数据(必传) * @param {Sting/Int} keyName 对哪个字段进行与targetID对比(必传) * @param {Sting/Int} targetID 目标数据的唯一标识符(必传) * @param {Stin
阅读全文
摘要：1、参考数据 [ { id: 1, label: '一级 1', children: [ { id: 4, label: '二级 1-1', children: [ { id: 9, label: '三级 1-1-1', }, { id: 10, label: '三级 1-1-2', }, ], }
阅读全文
摘要：1、<embed id="station_svg" :src="station_svg" type="image/svg+xml" /> 2、let svg_dom = document.getElementById('station_svg').getSVGDocument() // 获取dom
阅读全文
摘要：1、npm install vue-xlsx-table --save 2、在main.js中 import vueXlsxTable from 'vue-xlsx-table' Vue.use(vueXlsxTable, {rABS: false}) 3、在组件中使用 <vue-xlsx-tabl
阅读全文
摘要：html2canvas.js下载地址：https://files.cnblogs.com/files/lyt520/html2canvas.min.js
阅读全文
摘要：注意：在原有图标上更新数据时，需要用这种办法，不然会导致警告以及图表的点击事件重复触发。 或者也可以这样，能有效的防止重复触发点击事件。 let myChart = this.$echarts.getInstanceByDom(document.getElementById('map')) if (
阅读全文
摘要：shutter.js百叶窗（好像需要配合velocity.js）、slick.js幻灯片 地址： https://www.html5tricks.com/demo/jquery-blinds-player/index.html（百叶窗） https://www.html5tricks.com/dem
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content
阅读全文
摘要：我使用moment.js只用到了几个常用api，相对来说moment.js体积大一点，而day.js只有2kb，轻量，api和moment一样。 例如： 使用moment.js moment().format('YYYY-MM-DD HH:mm') 使用day.js dayjs().format('
阅读全文
摘要：Echarts使用时，如果使用同一个图表，则可以写一个通用的函数，在调用的时候只需要传入相应的数据（如：图表的容器id、一些关键数据等）就可以了，这样提高了工作效率和代码的复用率。
阅读全文
摘要：版本下载： npm install sass-loader@7.3.1 node-sass@4.14.1 --save-dev build-webpack.base.conf.js配置： { test: /\.scss$/, loaders: ['style', 'css', 'sass'], },
阅读全文
摘要：1 let myChart = echarts.init(document.getElementById('draw_probability')) 2 let autoHeight = 条数.length * 50 + 50 //条数长度 3 myChart.getDom().style.heigh
阅读全文
摘要：1 let myChart = echarts.init(document.getElementById('#id')); 2 let option = { 3 //代码块 4 } 5 myChart.setOption(option); 6 7 // 如果页面中有多个图表，则采用此方法 8 win
阅读全文
摘要：1 //先安装依赖 2 npm install --save xlsx file-saver 3 4 //在要导出的vue组件中的script引入 5 import FileSaver from "file-saver" 6 import XLSX from "xlsx" 7 8 9 exportE
阅读全文
摘要：1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8" /> 5 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> 6 <!-- 引入样
阅读全文
1
