自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(12)
  • 收藏
  • 关注

原创 前端sheet.js导出execl

import XLSX from 'xlsx' handleExportID () { // 将workbook装化成blob对象 function workbook2blob (workbook) { // 生成excel的配置项 var wopts = { // 要生成的文件类型 bookType: 'xlsx', // // 是否生成Shared String Table,官方...

2022-01-12 15:54:39 503

转载 对于前端自定义光标样式处理

对于前端自定义光标样式处理看另一个大佬的文档“写一个可插入自定义标签的 Textarea 组件”,里面遇到的问题的解决思路需求问题:我的需求是在富文本里面控制左右移动,富文本是使用的 contenteditable="true"这个属性友善的支持了绝大多数浏览器,(-webkit-user-modify: read-write-plaintext-only !important;这个属性会在ie中失效)。遇到的问题现在是左移的时候正常,但是右移的时候出现光标丢失的问题。具体富文本的实现参考了大佬的代码(

2022-01-12 15:52:03 441

原创 原生table表格循环渲染,行合并

<table> <tbody v-for="(item,index) in list" :key="index"> <tr > <td :rowspan='list[index].lis.length'>{{item.a}}</td> <td :rowspan='list[index].lis.length'>{{item.b}}</...

2022-01-12 15:34:22 1714

原创 step步骤条的封装

<template> <ul class="triangle_step"> <li :class="{cur:active>=index}" v-for="(item,index) in stepArr" :key="index" :style="{width:width}" @click="handlStepsClick(index)" > <span ...

2022-01-12 15:26:59 393

原创 diff.js

安装npm install diff --save引用// 不支持import 语法,也就是module引入const jsDiff = require('diff');APIJsDiff.diffChars(oldStr, newStr[, options])这个方法将比较两段文字,比较的维度是基于单个字符返回一个由描述改变的对象组成的列表。大致如下:added表示是否是添加内容,removed表示是否为删除内容。共有的内容这两个属性都没有,v...

2022-01-12 15:25:16 1921

原创 js笔记(不全)

JStoUpperCase()把一个字符串全部变为大写toLowerCase()把一个字符串全部变为小写:字符串indexOfindexOf()会搜索指定字符串出现的位置:var s = 'hello, world';s.indexOf('world'); // 返回7s.indexOf('World'); // 没有找到指定的子串,返回-1substringsubstring()返回指定索引区间的子串:var s = 'hello, world's.su

2022-01-12 15:20:54 146

原创 nvm管理nodejs版本

安装nvm之前请先卸载已经安装的node一,下载nvm-windows1.去github下载nvm-windows最新版最好不要安装在C盘,有时会报错2.安装完成后执行nvm version输出版本号说明安装成功二,使用nvm-windows1.nvm list查看已经安装的nodejs版本2.nvm list available查看可以安装的版本3.nvm install 10.6.0安装指定版本nodejs,我这里演示安装10.6.0如果网络不够给力,要设置代理,找到

2022-01-12 15:17:35 174

原创 数组常用方法

1.join()join()方法用于把数组中的所有元素转换一个字符串。元素是通过指定的分隔符进行分隔的。默认使用逗号作为分隔符var arr = [1,2,3];console.log(arr.join()); // 1,2,3console.log(arr.join("-")); // 1-2-3console.log(arr); // [1, 2, 3](原数组不变)通过join()方法可以实现重复字符串,只需传入字符串以及重复的次数,就能返回重复后的字符串,函

2022-01-12 15:16:26 115

原创 深入理解ES6笔记

目录varletconstconst和let的异同点临时死区(Temporary Dead Zone)循环中块级作用域的绑定在全局作用域声明最佳实践二,字符串和正则表达式更好的Unicode支持UTF-16码位:codePointAt():String.fromCodePoiont():normalize():正则表达式其他字符串变更正则表达式的其他更新模板字面量三,函数函数的默认参数无命名参数展开运算符(...)块

2022-01-12 15:03:27 761

原创 前端代码excel导出,适配ie

handleExport (data) { if (this.benchList.length === 0 || this.benchList === null) { this.$message.warning('不能导出空数据') return } let titlestr = '' let arr = [] for (let i = 0; i < this.benchList.length; i++...

2021-10-25 15:52:45 101

原创 el-form内嵌el-table并实现校验功能

<el-form :rules="RuleformDataSave" :model="formDataSave" slot="dialog-form" ref="formDataSave" label-width="25%" size="mini" > <el-form-i...

2021-07-12 11:17:24 473

原创 js实现简单的文本框编辑

js实现简单的文本框编辑 javascrip 编辑 <div id="ull"> <input type="text"> <button>保存</button> <button>取消</button>

2020-08-08 14:12:55 1738

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除