- 博客(75)
- 收藏
- 关注
RSS订阅原创 excel导出分装
downloadExcel(‘/wwy-us-vaas/common/excel/downloadByFailCode’, { failFileCode: uploadData.value.failCode }, ‘名称’)const objectUrl = URL.createObjectURL(blob) // 创建URL。link.download = name + ‘.xlsx’ // 自定义文件名。URL.revokeObjectURL(objectUrl) // 释放内存。
2023-05-15 10:48:19
474
原创 echart的tooltip轮播显示（tooltip-auto-show-vue）
【代码】echart的tooltip轮播显示（tooltip-auto-show-vue）
2023-03-29 10:06:50
797
1
原创 tab组件
function clearNull(data: any) {if (data?.length) {data.forEach((item: any) => {Object.keys(item).forEach((key: any) => {if (item[key] === null) {item[key] = ‘’;}});});}return data;}export default clearNull;
2022-04-25 17:53:51
240
原创 clearNull
function clearNull(data: any) {if (data?.length) {data.forEach((item: any) => {Object.keys(item).forEach((key: any) => {if (item[key] === null) {item[key] = ‘’;}});});}return data;}export default clearNull;
2022-04-19 18:58:00
151
原创 vue简单的复制粘贴功能 this.$copyText()
methods: {handleCopyLink (link) {this.KaTeX parse error: Expected '}', got 'EOF' at end of input: … this.message.success(‘复制成功！’);}, (e) => {this.$message.error(‘复制失败！’);});}, handleClose () { this.$emit('close'); }}..
2022-04-16 18:05:25
4738
原创 exceljs导出excel表以及样式修改（react导出）
下载依赖：npm install exceljsnpm install file-saverexceljs：import Excel from ‘exceljs’;import FileSaver from ‘file-saver’;import dayjs from ‘dayjs’;const getCellWidth = (value: any) => {// 判断是否为null或undefinedif (!value) {return 15;} else if (/.[\u
2022-04-06 17:52:13
2222
原创 前后端excel表导出
this.exportLoading = truesetTimeout(() => {this.exportLoading = false}, 3000)let url = ‘’if (process.env.NODE_ENV === ‘development’) {url = https://.../downloadSpaceExcel?cityCode=${this.form.cityCode}&projectid=${this.form.projectid}&cond
2022-03-09 16:09:33
294
原创 前端表格分页
数据：data.slice((page.current - 1) * page.size, page.current * page.size
2022-02-22 20:57:35
541
原创 字符串转化为二维码
import QRCode from ‘qrcodejs2’const qrCode = document.getElementById(‘qrCode’ )qrCode.innerHTML = ‘’new QRCode(qrCode, {width: 109, // 二维码宽度，单位像素height: 106, // 二维码高度，单位像素text: this.type === ‘space’ ? item.spaceCode : item.equipmentFacilityCode, // 二
2022-02-18 18:01:08
2852
原创 打印ie浏览器去除页眉页脚问题
// 检测是否是IE 如果是ie去除页眉页脚if (IEVersion() !== -1) {var hkey_keyvar hkey_root = ‘HKEY_CURRENT_USER’var hkey_path = ‘\Software\Microsoft\Internet Explorer\PageSetup\’try {// eslint-disable-next-line no-undefvar RegWsh = new ActiveXObject(‘WScript.Shell’)
2022-02-18 17:58:25
743
原创 处理 elementUI 中表格多选框禁用问题
在 el-table-column type 类型为 selection 组件中，添加 :selectable=‘方法名’<el-table :data=“tableData” v-loading=“loading” max-height=“570” stripe :header-cell-style=“headerStyle” @selection-change=“handleSelectionLeftChange”>方法函数selectEnable(row, rowIndex
2022-02-09 14:48:16
2340
原创 判断是否为ie浏览器
// 判断是否为ie浏览器IEVersion() {var userAgent = navigator.userAgent // 取得浏览器的userAgent字符串var isIE = userAgent.indexOf(‘compatible’) > -1 && userAgent.indexOf(‘MSIE’) > -1 // 判断是否IE<11浏览器var isEdge = userAgent.indexOf(‘Edge’) > -1 &&am
2022-01-26 17:37:02
885
原创 根据屏幕高度适配浏览器百分比
if (document.documentElement.clientHeight <= 700) {if (document.documentElement.clientHeight <= 570) {document.write(’’)} else {document.write(’’)}}
2022-01-24 09:33:09
437
原创 excel表格导入导出
一、导入组件：选取文件方法：// 上传excelasync handle(ev) {let file = ev.rawif (!file) return // 读取file的数据 let data = await this.readFile(file) let workbook = xlsx.read(data, { type: "binary" }) let worksheet = workbook.Sheets[workbook.SheetNames[1]] dat
2021-11-09 15:16:43
264
原创 Excel表格上传解析与导出
一、下载依赖npm install xlsx -D二、Excel表格上传解析// 上传excelasync handle(ev) {let file = ev.rawif (!file) return // 读取file的数据 let data = await this.readFile(file) let workbook = xlsx.read(data, { type: "binary" }) let worksheet = workbook.Sheets[workbook
2021-11-04 19:15:31
308
原创 设置异步间隔延迟
function delay(interval = 0) {return new Promise(resolve => {let timer = setTimeout(_ => {clearTimeout(timer)resolve()}, interval)})}
2021-11-04 18:06:26
145
原创 react hook函数防抖
一、创建hooks/useDebounce.tsximport { useState, useEffect } from “react”;function useDebounce(value: any, delay = 300) {const [debouncedValue, setDebouncedValue] = useState(value)useEffect(() => {const handler = window.setTimeout(() => {setDebounce
2021-10-29 12:03:52
364
原创 storybook
一、安装与启动npx -p @storybook/cli sb initnpm run storybook二、使用import React from ‘react’import { storiesOf } from ‘@storybook/react’import { action } from ‘@storybook/addon-actions’import Button from ‘./button’const defaultButton = () => (<Button
2021-10-29 12:01:22
281
原创 IE浏览器http请求缓存问题
问题描述在 IE 浏览器上使用 GET 请求时，只有第一次请求会到服务端，后续请求会直接从浏览器缓存中读取。执行完增删改操作后，无法获取最新数据。(注：开发环境Angular8.1.0，ng-zorro-antd：~8.0.2，前端容器nginx：1.10.1。)解决方案此处提供两种简洁的解决途径，具体如下。1、通过http拦截器设置请求头新增InterceptorService.ts文件，通过HttpInterceptor接口中的intercept()方法类，对请求进行拦截。使用setHead
2021-10-19 17:32:18
1239
1
原创 前端测试工具testing-library
一、下载依赖npm install --save-dev @testing-library/react在根目录src创建setupTests.ts：import ‘@testing-library/jest-dom/extend-expect’;二、使用创建test.jsx文件：import React from ‘react’;import { render } from ‘@testing-library/react’;import Button from ‘./button’test
2021-10-11 10:42:14
1062
原创 js中数组去除重复对象
var arr = [{id: 1, name: ‘sli’, year: 2012},{id: 2, name: ‘ap’, year: 2015},{id: 1, name: ‘alslion’, year: 2012},{id: 3, name: ‘pose’, year: 2012},]//删除arr中的重复对象var newArr= [];var arrId = [];for(var item of arr){if(arrId.indexOf(item[‘id’]) == -1
2021-09-16 18:07:50
428
原创 数组转树形、树形转数组
数组转树形let arr = [{id: 1,label: ‘1’,parentId: -1,}, {id: 2,label: ‘2’,parentId: -1,}, {id: 3,label: ‘1-1’,parentId: 1,}, {id: 4,label: ‘1-2’,parentId: 1,}, {id: 5,label: ‘2-1’,parentId: 2,}, {id: 6,label: ‘1-1-1’,parentId: 3,}, ]
2021-09-08 23:21:41
152
原创 element组件库解决table表格复选框选中后被清空问题
1.el-table 标签上添加 :row-key=“getRowKey”行数据的 Key，用来优化 Table 的渲染；在使用 reserve-selection 功能与显示树形数据时，该属性是必填的。类型为 String 时，支持多层访问：user.info.id，但不支持 user.info[0].id，此种情况请使用 Function。getRowKey(row) {// console.log(’================:’, JSON.stringify(row))return
2021-09-06 13:56:41
1942
原创 安装使用开发者工具imooc-jira-tool
1.安装依赖npx imooc-jira-tool2.使用import { loadDevTools } from ‘jira-dev-tool’;loadDevTools(() => ReactDOM.render(<React.StrictMode></React.StrictMode>,document.getElementById(‘root’)))
2021-09-05 13:14:47
1248
11
原创 使用hook特性输写debounce实现搜索栏延迟搜索功能
export const useDebounce = (value, delay) => {const [debounceValue, setDebounceValue] = useState(value)useEffect(() => { // 每次在value变化以后，设置一个定时器 const timeout = setTimeout(() => setDebounceValue(value), delay) // 每次value变化，在上一个useEff
2021-09-04 18:48:23
250
原创 接口请求参数去空
1.在utils的index.js中写入：export const isFalsy = (value) => value === 0 ? false : !valueexport const cleanObject = object => {const result = {…object}Object.keys(result).forEach(key => {const value = result[key]if(isFalsy(value)) {delete result[
2021-09-04 17:49:24
277
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人