自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 特效“代码雨”

ts实现简单的代码雨

2023-03-09 14:23:06 96

原创 大整数相加(一)

大正整数求和,面试题

2023-01-12 18:09:39 77

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

转载 vue-cli3 导出列表,生成excel 分页文件

本篇文章是针对上一篇文章的优化,不知道的可以看上一篇文章vue-cli3 导出列表,生成excel文件了解一下。前期的准备工作都一样,现在的需求是导出excel需要进行分页。本文参考的是[vue-cli3导出表格excel,Export2Excel导出表格,导出多sheet excel,vue导出多页表格],(https://blog.csdn.net/csl125/article/details/90318432)此文章写的已经很详细了。展示效果准备工作首先修改Export2Excel.js文件

2020-12-22 12:35:09 607

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

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

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

原创 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 1735 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 646

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

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

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

原创 在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 597

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

空空如也

空空如也

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

TA关注的人

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