阿西，能不能快点！-CSDN博客

原创 vue项目接入unity3D模块并进行数据通信

前端接入unity3D模块进行交互，包括unity发收，unity自动获取数据等

2023-02-03 14:06:06 3670 7

原创 window10设置文件夹备注

1. 下载提取码：f92w2. 运行解压后运行 windows-folder-remark-master\release\FolderRemark\remark.exe3. 选中文件夹将需要设置备注的文件夹拖入运行的 remark 中，敲回车4. 输入备注名，敲回车5. 在目录栏中右键，选择其他6. 勾选备注，点击确定7. 完成...

2022-04-01 18:12:51 974

一、介绍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 191

原创 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 1033 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 742

原创 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 150 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 593

原创 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 1879 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 2202 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 1233

原创 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 1433 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 521

原创 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 1303

原创关于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 4847 17

想炒股的前端