- 博客(14)
- 收藏
- 关注
原创 window10设置文件夹备注
1. 下载提取码:f92w2. 运行解压后运行 windows-folder-remark-master\release\FolderRemark\remark.exe3. 选中文件夹将需要设置备注的文件夹拖入运行的 remark 中,敲回车4. 输入备注名,敲回车5. 在目录栏中右键,选择其他6. 勾选备注,点击确定7. 完成...
2022-04-01 18:12:51 1130
原创 vue + wangeditor封装富文本组件
一、介绍wangEditor —— 轻量级 web 富文本编辑器,配置方便,使用简单。官网:https://www.wangeditor.com/文档:https://www.wangeditor.com/doc/二、下载NPM npm i wangeditor --save安装后几行代码即可创建一个编辑器: import E from "wangeditor" const editor = new E("#div1") editor.create()CDN<scri
2021-09-29 14:19:29 210
原创 vue cli3 一键 build 区分测试环境和正式环境
vue cli3 打包 build 区分测试环境和正式环境通过自定义环境变量文件进行配置以下是我实际开发中的使用一、在项目根目录下新建三个配置文件.env .env.development .env.production.env 无论哪个环境都会加载的配置文件VUE_APP_PUBLIC_PATH=/VUE_APP_API_BASE_URL=测试域名.env.development 测试环境加载的配置文件NODE_ENV=productionVUE_APP_CURRENTMOD
2021-06-16 18:03:01 1111 3
原创 vue-drag-resize + html2canvas合成图片并下载
vue-drag-resize + html2canvas 合成图片并下载可以实现图片拖动,缩放,最后合成一个图片并且下载的功能一、下载 vue-drag-resize 和 html2canvasnpm install --save vue-drag-resizenpm install --save html2canvas二、使用<template> <div class="new-page"> <div id="myH5" :style
2021-03-12 17:58:24 808
原创 Vue使用html2canvas将Dom转化为图片
Vue使用html2canvas将页面转化为图片工具:官网入口一、下载npm install --save html2canvas二、使用<template> <div> <div id="myH5"> 这里就随便写内容了 </div> <button @click="saveImg('myH5')">合 成</button> </div></template&g
2021-03-12 14:03:16 183 1
原创 Vue登录时的图片验证码
Vue登录时的图片验证码效果图一、新建vue组件components/identify/identify.vue<template> <div class="s-canvas"> <canvas id="s-canvas" :width="contentWidth" :height="contentHeight"></canvas> </div></template><script>export
2021-03-02 14:00:41 612
原创 VUE图片裁剪功能vue-img-cutter
VUE图片裁剪功能vue-img-cutter前言:演示地址兼容IE9+,MSEdge,Chrome,Firefox两种展现形式,行内或弹窗可旋转、缩放图片任意比例、大小裁剪固定比例、大小裁剪支持远程图片裁剪、跨域设置一、安装npm install vue-img-cutter --save-dev二、使用<template> <ImgCutter ref="imgCutterModal" :imgCropperPic="imgCropper
2021-03-01 15:30:10 1969 1
原创 VUE颜色选择器插件vColorPicker
VUE颜色选择器插件vColorPicker官网vColorPicker官网跳转一、安装npm install vcolorpicker -S二、在 main.js 文件中引入插件并注册// main.jsimport vcolorpicker from 'vcolorpicker'Vue.use(vcolorpicker)三、使用 vcolorpicker<template> <colorPicker v-model="color" /><
2021-03-01 14:19:17 2269 1
原创 VUE图片预览放大缩小插件viewer
VUE图片预览放大缩小插件一、安装依赖npm install v-viewer --save二、main.js内引用并注册调用//main.jsimport Viewer from 'v-viewer'import 'viewerjs/dist/viewer.css'Vue.use(Viewer);Viewer.setDefaults({ Options: { "inline": true, "button": true, "navbar": true, "title": true
2021-03-01 14:13:18 1258
原创 Vue将echarts数据导出成excel文件
Vue将echarts数据导出成excel文件一、下载vendor插件下载 vendor 文件放置项目的 src 目录下链接:https://pan.baidu.com/s/1XYYQ186zomOXHXkBX6pV9g提取码:5Gn1二、封装导出函数在 main.js 中加入以下代码/** * 导出数据为excel * @param tHeader 表头 ['name', 'age'] * @param tData 表内容 [{name: '张三', age: '20岁'}] *
2021-03-01 09:35:53 1489 2
原创 vue+sortable实现表格拖拽
vue+sortable实现表格拖拽前言:支持 vue3.0支持表格拖拽支持自定义拖拽sortable官网一、下载 sortablenpm install sortablejs --save二、引入 sortableimport Sortable from “sortablejs”三、使用找到自己 ui 框架表格body的class,我这里是 ant-table-tbody在表格渲染之后执行下方代码<a-table :columns="tableHead"
2021-02-25 14:47:34 535
原创 Vue自定义组件封装及使用Excel
Vue自定义组件封装及使用Excel一、js-xlsx 组件安装二、 创建vue组件三、使用四、效果图一、js-xlsx 组件安装 npm install xlsx --save npm install -S file-saver npm install -D script-loader二、 创建vue组件在项目根目录 src\components下创建 importExcel.vue 文件importExcel.vue 文件代码:<template> <span s
2020-07-22 18:39:14 1419
原创 关于javascript跳转与返回和刷新页面
javascript中window.open()与window.location.href的区别window.open(‘index.html’) 表示新增一个窗口打开 index.html 这个页面,并不刷新location.href(‘index.html’) 表示在当前窗口重定向到新页面,打开并刷新 index.html 这个页面window.location 是 wind...
2019-01-07 10:47:25 4885 17
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人