- 博客(21)
- 收藏
- 关注
原创 Vue2使用 jsPDF 及autoTable 插件 打印表格及图片
【代码】Vue2使用 jsPDF 及autoTable 插件 打印表格及图片。
2024-05-22 15:21:43 236
原创 vue 使用 file-saver 插件把页面 table 数据导出 excel 文件
【代码】vue 使用 file-saver 插件导出 excel 文件。
2024-05-14 09:51:08 158
原创 前端使用XLSX插件转换EXCEL文件为json格式
该函数使用FileReader对象将文件读取为二进制数据,然后使用XLSX.read方法将二进制数据解析为工作簿对象,再使用XLSX.utils.sheet_to_json方法将工作表数据转换为JSON格式。当用户选择文件后,我们调用readExcelFile函数来读取文件数据,并在then回调中处理读取到的数据。要在前端使用xlsx插件读取Excel文件数据,你需要先安装xlsx插件。安装完成后,你可以在前端代码中导入xlsx模块,并使用它提供的方法来读取Excel文件数据。// 选择文件并读取数据。
2024-04-29 15:53:12 299
原创 Js对象动态添加属性
/ 输出: { name: ‘zhang’ }console.log(obj);// 输出: { name: ‘zhang’ }console.log(obj);// 输出: {name: ‘zhang’}
2024-04-17 14:09:32 603
原创 通过 aixos 直接读取本地excel文件,并以json 格式解析 excel 文件内容
【代码】通过 aixos 直接读取本地excel文件,并解析 excel 文件内容。
2024-04-16 15:18:25 151
原创 elementui table表头添加图标
<template> <el-table :data="tableData" style="width: 100%"> <el-table-column prop="date" label="日期" width="180"> <template slot="header" slot-scope="scope"></template>
2021-07-15 15:21:34 1204
原创 用git命令行工具合并分支
以dev分支为例,向test分支合并操作,git命令步骤:1.git fetch origin //拉取服务器代码git checkout -b “dev” “origin/dev” //检出分支到当前工作区2.git fetch origin //拉取服务器代码git checkout “test” //检出test分支到当前工作区git merge --no-ff “dev” //合并(如果有冲突,打开冲突文件,查看冲突点,手动解决冲突后继续执行以下命令,如果没有冲突,直接执行以下命令
2021-07-07 09:42:29 270
原创 webpack生产环境和开发环境配置
var path = require('path')module.exports = { build: { env: { NODE_ENV: '"production"' }, index: path.resolve(__dirname, '../elm/index.html'), assetsRoot: path.resolve(__dirname, '../elm'),//webpack打包输出路径
2021-06-16 15:44:20 160
原创 使用cnpm install node-sass 安装
Module build failed (from ./node_modules/sass-loader/lib/loader.js)错误时Uncaught Error: Module build failed (from ./node_modules/_sass-resources-loader@2.0.1@sass-resources-loader/lib/loader.js)
2021-06-03 13:55:31 1449
原创 flex布局
<html><div class="all"> <div class="item"></div><div class="item"></div><div class="item" style="margin:0"></div></div><style>.all{padding:0.3rem;height:2.4rem;display:flex;margin-bott
2021-05-12 11:38:34 121
原创 echarts 双柱图配置
option = {tooltip : {trigger: ‘axis’},legend: {data:[‘2011年’, ‘2012年’]},grid:{borderWidth:0,},calculable : false,yAxis : [{axisLabel: {show: true,interval: ‘auto’,formatter: ‘{value}’},axisLine:{lineStyle:{color:’#999’,width:1}},typ
2021-05-11 17:24:02 485
原创 echarts漏斗图配置
option = {color : [‘rgba(255, 69, 0, 0.5)’,‘rgba(255, 150, 0, 0.5)’,‘rgba(255, 200, 0, 0.5)’,‘rgba(155, 200, 50, 0.5)’,‘rgba(55, 200, 100, 0.5)’],title : {text: ‘漏斗图’},tooltip : {show: false,trigger: ‘item’,formatter: “{a} {b} : {c}%”},tool
2021-05-11 17:23:17 1279
原创 echarts环形图配置
option = {color: [new echarts.graphic.LinearGradient(0, 1, 0, 0, [{offset:1, color: ‘#188df0’},// {offset: 0.5, color:’#188df0’},{offset: 0,color: ‘#83bff6’}]),new echarts.graphic.LinearGradient(1, 0, 0, 0, [{offset: 1, color: ‘#83bff6’},//{offset:
2021-05-11 17:22:35 527
原创 echarts 中国地图---蓝色
<div id="main"></div>var myChart = echarts.init(document.getElementById(‘main’));myChart.setOption(option);option = {tooltip: {formatter:function(params,ticket, callback){return params.seriesName+’’+params.name+’:’+params.value}},...
2021-05-11 17:21:41 729
原创 echarts中国地图配置
<script type="text/javascript" src="js/echarts.min.js" ></script> <script type="text/javascript" src="js/china.js" ></script>function randomData() {return Math.round(Math.random()*500);}var mydata = [{name: ‘北京’,value: ...
2021-05-11 17:19:16 756
原创 echarts多y轴组合图
var colors = ['#5470C6', '#91CC75', '#EE6666'];option = { color: colors, tooltip: { trigger: 'axis', }, grid: { right: '20%' }, legend: { data: ['蒸发量', '降水量', '平均温度'] }, xAxis: [ { ...
2021-05-11 17:06:05 239
原创 echarts折线图
var colors = ['#675bba'];option = { color: colors, tooltip: { trigger: 'axis', }, grid: { right: '20%' }, toolbox: { feature: { dataView: {show: true, readOnly: false}, restore: {sh...
2021-05-11 16:53:36 126
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人