- 博客(14)
- 收藏
- 关注
RSS订阅原创 electron + vue 搭建初始模板
Electron简介Electron是一个使用 JavaScript、HTML 和 CSS 构建桌面应用程序的框架。 By embedding Chromium and Node.js into its binary, Electron allows you to maintain one JavaScript codebase and create cross-platform apps that work on Windows, macOS, and Linux — no native develop
2021-06-21 17:03:05
425
转载 vue-cli3 导出列表，生成excel 分页文件
本篇文章是针对上一篇文章的优化，不知道的可以看上一篇文章vue-cli3 导出列表，生成excel文件了解一下。前期的准备工作都一样，现在的需求是导出excel需要进行分页。本文参考的是[vue-cli3导出表格excel，Export2Excel导出表格，导出多sheet excel，vue导出多页表格]，(https://blog.youkuaiyun.com/csl125/article/details/90318432)此文章写的已经很详细了。展示效果准备工作首先修改Export2Excel.js文件
2020-12-22 12:35:09
652
原创 vue-cli3 导出列表，生成excel文件
步骤一安装依赖npm install file-saver --savenpm install xlsx --savenpm install script-loader --save-dev步骤二在src文件下新建一个excel文件，里面新建一个***Blob.js***和***Export2Excel.js***以及***excelFu.js***Blob.js/* eslint-disable *//* Blob.js * A Blob implementation. * 20
2020-12-21 16:55:23
882
原创 关于canvas画布上绘制多个（单个也一样）不规则多边形，用户点击这张画布时，判断点击的是哪个多边形
首先来看看canvas效果图上面是我在canvas上绘制了多个不规则多边形，如果不是很了解怎么绘制，可以看我上个博客canvas画图盒子结构<div class="imgBox" ref="canvas"> <canvas id="myCanvas" width="660px" height="260px" @click="getWorkShop"></canvas></div>样式.imgBox { width: 100%
2020-07-30 10:08:25
1579
原创 关于canvas画图，填充颜色，添加文字
直接上代码:drawCanvas(point1, point2, point3, point4, name, fillStyle) { // console.log(point1.x); let _this = this; _this.ctx.beginPath(); _this.ctx.moveTo(point1.x, point1.y); _this.ctx.lineTo(point2.x, point2.y); _this.ct
2020-07-30 09:33:55
6006
原创 canvas在背景图上画点连成不规则多边形
用canvas画点，多个点连成一个不规则的图形<div class="workshopCanvas" @click="selectPoint"> <img style="position: absolute;left: 0px;top: 0px;width: 660px;height: 260px;" :src="ctxPic" /> <canvas style="position: absolute;" id="myCanvas" w
2020-07-14 13:49:39
1868
2
原创 vue 配合webSocket和elementui notify设计警告框
websocket基本模式，代码如下先在data定义以下字段：data() { return { websock: null, notifications: {} }; },initWebSocket() { const userInfo = sessionStorage.getItem("userInfo"); // console if (!userInfo) { return } els
2020-07-14 11:54:09
718
原创 elementui导航栏的使用和选中状态保持，以及重复点击报错
话不多说，直接开干首先是引入elementui，根据项目需求，可以全局和局部引入，引入方法就不说了，看官网elementui官网下面是代码格式:<el-menu v-if="JSON.stringify(menu) != '[]'" :default-active="$route.path" class="el-menu-vertical-demo" @open="handleOpen" @clo
2020-07-14 11:22:17
969
原创 vue-cli3.0适配移动端
安装npm i lib-flexible --savenpm install postcss-px2rem-exclude --save在main.js里引入（请手动引入）import 'lib-flexible/flexible'然后再postcss.config.js里（若没有，请新建，跟package.json同级）module.exports = { plugins:...
2019-12-09 14:29:38
246
原创 关于react-native上传图片(单张上传)
关于react-native上传图片(单张上传)若需要选择，裁剪，压缩等功能可以使用 react-native-image-crop-pickergithub地址安装npm install react-native-image-picker链接本地react-native link react-native-image-picker配置环境安卓环境1，在android/se...
2019-10-31 16:53:19
1796
原创 在Nodejs中基于Mongoose对Mongodb进行CRUD（增删改查）
在Nodejs中基于Mongoose对Mongodb进行CRUD（增删改查）mongoose官网安装mongoose npm install mongoose开启数据库mongod可视化工具// 可以通过可视化工具配合操作// 工具名：MongoDB Compass Community[工具链接](https://docs.mongodb.com/compass/curren...
2019-09-11 18:17:35
649
原创 vue的时间格式化过滤器
关于vue的时间格式化过滤器的简单demo`<h3>{{ msg | dateFormat('yyyy-mm-dd h:m:s')}}</h3>dateFormat: function (dateStr, pattern = '') { var dt = new Date(dateStr) var yy = ...
2019-05-20 11:38:40
918
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人