- 博客(26)
- 收藏
- 关注
RSS订阅原创 将用户所见网页提取为图片
使用 html2canvas(http://html2canvas.hertzen.com/) 将网页先转换为 canvas 数据。再将其转换为图片的方法，最终实现我们想要的功能。
2023-02-02 16:34:53
126
原创 jsencrypt加解密
import JSEncrypt from 'jsencrypt/bin/jsencrypt.min'// 密钥对生成 http://web.chacuo.net/netrsakeypairconst publicKey = 'MFwwDQYJKoZIhvcNAQEBBQADSwAwSAJBAKoR8mX0rGKLqzcWmOzbfj64K8ZIgOdH\n' + 'nzkXSOVOZbFu/TJhZ7rFAN+eaGkl3C4buccQd/EjEsj9ir7ijT7h96MCAwEAAQ=='
2021-10-18 16:46:28
593
原创 文件上传组件 vue/elemnt-ul
<template> <ElDialog :model-value="visible" title="文件上传" @closed="cancelAction" custom-class="data-lib-upload-modal custom-dialog" :width="468" > <div class="title-part flexbox justify-content-between align-items.
2021-07-20 15:20:32
193
原创 创建 mine-type标头，和计算文件大小工具类
import mimeType from 'mime-types';const sizes = ['B', 'KB', 'MB', 'GB', 'TB'];export const bytesToSize = (bytes) => { if (!bytes) { return '0 B'; } const sized = parseInt(Math.floor(Math.log(bytes) / Math.log(1024))); return (bytes / Math.
2021-07-20 13:56:59
191
原创 element-plus 树状表格 复选框勾选问题
最近项目需要用到树形表格，咱们公司用的是 elment-plus 这个ui库暂时还不成熟，有好多bug，需要自己处理注意的地方*1，树状表格的节点都需要自己手动设置，调用 elemet-plus库抛出的方法toggleRowSelection；*2. 表格里数据在显示的时候不能变动，不然就会出现问题，所以在此之间不能去更改每一行数据的值；*3. 表格没有暴露出来半选状态的方法，需要自己去设置；思路*（1）上面说了，表格没有暴露出来半选状态的方法，所以我们要通过设置类名的方法自己设置，咱们需
2021-07-14 20:19:09
3925
1
原创 封装的 request.js
/* eslint-disable */import axios from 'axios';import qs from 'qs';import merge from 'lodash/merge';import router from '@/router';import { ElMessage } from 'element-plus';//计时器，安全策略，如果超过指定时间没有任何请求动作，默认退出登录let secureTimer = null;const SECURE_TIME =
2021-07-09 17:46:06
464
原创 利用animation-delay实现打字效果
1.先将文本按照空格切割成数组2.然后，用span容器将每个单词进行包裹，用于加上动画3.利用动画里的 delay 延迟属性给每个span 设置不同的延迟时间4.写好 span 的动画效果即可let glowInTexts = document.querySelectorAll(".glowIn");glowInTexts.forEach(glowInText => { let letters = glowInText.textContent.split(""); glow.
2021-07-09 09:57:08
161
原创 附件下载组件 - IconFont组件
attachment 组件<template> <div class="attachment-info" @click="download" title="下载"> <IconFont colorful :icon="fileExtIcon" /> <div>{{ fileInfo.name }}</div> </div></template><script>import Icon
2021-06-23 18:54:14
202
原创 element-ul 表格合并单元格的思路（方法）
想要实现的效果我们在写表格的时候，经常碰见需要将相同项的单元格进行合并，以下分享我的思路；1.方法一：先格式化数据并计算好相同项应该合并的数，在调用合并计算方法（推荐) 方data() { return { tableData: [],//用来储存排序好了的数据，相同的项放在一起； rowSpans:{},//用来储存计算相同项应该合并的单元格数 }; },//（1）步.我们要计算出相同项要合并的单元格数，有几个相同项，就合并几个，所以rowsapn++
2021-05-19 12:11:59
418
1
原创 导出不同类型的文件，pdf 和 docx
/** * 导出文件 * @method exportFile * @param { htmlText } html格式文本 (必填) * @param { title } 标题 (必填) * @param { type } 类型 (必填) */function exportFile(htmlText, title, type) { if(document.querySelector('#tmpObj')) document.body.removeChil
2021-04-16 09:38:29
183
原创 使用免费的域名和空间,上传自己的网站
推荐一个免费的远程服务器和域名（免费空间） http://free.3v.do/1.先去注册，就会给你个服务器和域名2.用 cutftp 软件 上传网站到远程服务器
2021-03-15 18:34:00
1238
3
原创 qrCode二维码生成器
<el-form-item label="签名" class="manual-sign-area" v-if="bussinessInfo.needManuallySigned"> <template v-if="!form.sign"> <div class="code-area"> <canvas ref="manual_sign" id="manual_sign" clas...
2021-02-05 18:55:41
3043
原创 vue-devtools工具点击open in editor 自动跳转到对应的组件页面
vue-devtools工具点击open in editor 自动跳转到对应的组件页面点击open in editor 后自动跳转选中的组件的页面1.const launchMiddleware = require （‘launch-editor-middleware’ ）2.应用程式。使用（’/ __ open-in-editor’ ， launchMiddleware （））（链接：https://github.com/yyx990803/launch-editor#supported-
2021-01-22 16:37:34
1658
原创 websocket 前端配置（vue）
即时通讯vue 前端处理export default class SocketService { /** * 单例 */ static instance = null static get Instance() { if (!this.instance) { this.instance = new SocketService() } return this.instance } // 和服务端连接的socket对象 ws = nul
2020-12-04 17:53:19
754
原创 将数据列表格式化成树形结构的方法—FormatTree
格式化为树形结构我们在做前端路由的时候会出现(后端没有返回树形路由权限）的情况：1.前端login登录成功后，后端会返回对应用户的uid；2.拿到对应的uid 向后端发送路由权限接口；3，将返回的路由列表数据格式化成树形结构，并保存在vuex中，供后续菜单等使用；4.将这封装好的树形结构的路由权限数据，格式化成路由需要的样式，并通过addRouter()方法添加到静态路由中；方法一（递归）//第一种方法格式化成树形结构(递归)export function formatUserRouterT
2020-11-10 20:08:18
1117
原创 实现 elementui 周选择器，并且显示时间段时间；
** element的这个周选择器format支持WW，但是value-format不支持，就是可以给你看当前是第几周，但是数据就是不给你，给你的是啥呢，是Mon May 04 2020 00:00:00 GMT+0800 (中国标准时间)**现在记录以下我的解决方案<template> <div class="block"> <el-date-picker class="picker" type="week" :edita
2020-09-20 16:32:08
2753
原创 SPAWN NPM ENOENT 错误处理
SPAWN NPM ENOENT 错误处理反复重新安装依赖，发现无济于事，可同事的机器运行不报错检查代码发现:equire(promisify-child-process);Node.sj spawn函数可以用于调用系统上的命令，如在Linux, macOs等系统上例如:spawn( rm’, [ rf，deployDir])spawn(‘mkdir’,[‘dist’])同样的语句在Windows上执行则会报错因为在Windows上，当我们执行npm 时，我们实际执行的是npm. cnd
2020-09-11 17:16:19
2867
原创 JQuery中怎么实时监听变量的变化？
jq监听字段变量的变化目前我想到的思路是，先将属性值赋值给一个dom元素；$('#box').html(changeValue);//box为dom容器，changeValue为要监听的值然后监听这个dom元素内容的变化；$("#box").bind("DOMNodeInserted",function(e){ do sth}**我们通常会用onchange事件来完成元素值发生改变触发的监听。但是 onchange 比较适用于、 以及 元素，对于 div，span等元素就不能使用了。所以基本
2020-07-10 16:16:45
6627
原创 常用的深拷贝的四种方法（实用）
1.运用递归方法进行深度拷贝 //1 .原生的方法写深度拷贝 function deepClone(obj) { // 先判断是数组还是对象，好声明变量接收 var params = Array.isArray(obj) ? [] : {}; for (key in obj) { if (obj[key] && typeof obj[key] == "object") { pa
2020-07-05 18:35:49
4300
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人