- 博客(18)
- 收藏
- 关注
RSS订阅
原创 Vue 中使用html2canvas实现截图并解决svg元素偏移的问题
一：下载依赖yarn add html2canvasyarn add canvg@2.0.0-beta.1 canvas@^2 jsdom@^13 xmldom@^0.6.0二：文件中引入import html2canvas from 'html2canvas'import canvg from 'canvg'三：截图的方法// 截图 infoScreenshot () { setTimeout( ()=> { let refId =
2022-05-24 13:45:58
1805
原创 my-dropdown-ld省、市、区三级联动地区选择组件
安装：npm i my-dropdown-ld引入：import 'my-dropdown-ld/style.css'import zoningInfo from 'my-dropdown-ld'使用方式：mounted () { zoningInfo('ID') // 初始化 window.zoningDataExports = this.zoningDataExports // 暴露回调方法},回调方法：methods: { zoningData
2022-04-11 11:27:27
292
原创 myphoto-layer简单的单张图片查看器组件使用方式
因项目需求，需要一个非常简洁的图片查看器，所以花了些时间将这个小组件写了出来，代码及功能都很简单，目前暂时只支持查看单张图片，如果对图片查看功能要求不复杂的需要，可以使用。
2022-03-25 11:28:20
173
原创 mylayer-qts轻量级提示组件使用方式
安装：npm i mylayer-qts在main.js中引入：import 'mylayer-qts/layer.css'import mylayer from 'mylayer-qts'Vue.prototype.mylayer = mylayer使用方式：const obj = { type: true, // 是否自动关闭 mask: true, // 是否打开遮罩 text: '操作成功'}this.mylayer.
2022-03-17 16:41:02
186
原创 wangeditor富文本层级显示问题
.w-e-menu { z-index: 2!important;}.w-e-text-container { z-index: 1!important;}.w-e-toolbar { z-index: 2!important;}
2021-10-08 13:36:56
442
原创 Leaflet L.Polyline.SnakeAnim.js报错《Uncaught Error: Invalid LatLng object: (NaN, NaN)》
关于L.Polyline.SnakeAnim.js当经纬度重复出现的异常错误：Uncaught Error: Invalid LatLng object: (NaN, NaN)表现截图：解决方法：在L.Polyline.SnakeAnim.js源码方法_snakeForward（76行）下添加一下代码即可forward = (forward == 0 ? 0.00000000001 : forward);...
2021-09-22 15:46:49
2714
2
原创 SpringBoot-Pagehelper分页
一：添加依赖<dependency> <groupId>com.github.pagehelper</groupId> <artifactId>pagehelper-spring-boot-starter</artifactId> <version>1.2.3</version></dependency>二：配置pagehelper: helper-dialect:.
2021-08-12 13:47:38
90
原创 清除浏览器样式
/* 重置浏览器样式************************************/html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, su.
2021-08-06 09:43:46
103
原创 VUE结合高德地图实现自定义窗口内播放视频（摄像头）
一：创建自定义窗口组件<template> <div class="trsInfoWindow"> <div style="padding: 10px">{{ vNameS }}</div> <ysImosSdk :vCode="vCodes" v-if="type" :key="keys"></ysImosSdk> </div></template><style lang
2021-07-12 10:09:36
947
1
原创 VUE引入高德地图
一：最直接的方法就是在项目的public文件夹下的index.html中直接引入二：创建你的地图组件引入即可<template> <div> <div :id="mapId"></div> </div></template><script>export default { name: 'Index', data () { return { mapId: 'c.
2021-07-12 10:02:41
201
原创 git的相关命令整理
一：在项目根目录穿件一个仓库git init二：关联仓库git remote add origin 仓库地址三：将码云上的仓库pull到本地git pull origin master四：将要上传的文件保存到缓存区git add .git commit -m "第一次提交"五：推送至远程仓库（结束）git push origin master六：备忘录：强制推送替换远程仓库文件，慎用！！！git push -f origin master七：拉取
2021-07-08 02:13:43
93
原创 Element表单验证的封装
/** * 用于表单验证 * 使用示例 -- this.formValidation.specialCharacters * rules: { * eventName: [ * { required: true, message: '不能为空', trigger: 'blur' }, * { validator: this.formValidation.specialCharacters, message: '不能输入特殊字符', trigger: 'blur' } * ],.
2021-07-08 02:07:13
395
原创 WebStorm git更新提交操作慢得解决方式
WebStorm Git各类操作缓慢停滞不前，找到Git for Windows这个进程干掉它即可！作者网站原文地址：http://zylweb.top/noteContent.html?id=68
2021-07-08 02:02:45
3453
原创 JS_随机选取指定数组中的颜色值
思路：定义需要的颜色→生成已定数组长度范围内的随机数→随机数与i对比。let colorList = ['#1882f8', '#f95757', '#FFBF11', '#11BBEC', '#FB7C26', '#46BE1A'];let colorMath = Math.floor(Math.random() * colorList.length + 1) - 1;let color;let i = 0;for (i; colorList.length > i; i++) {
2021-07-08 01:57:14
1028
原创 CSS控制滚动条样式
常用记录，直接CV/* chrome滚动条样式 */ ::-webkit-scrollbar{width:0px; height: 0px;} /* 滚动条宽度 */ ::-webkit-scrollbar-track{background-color:#0084b5;} /* 滚动条背景色 */ ::-webkit-scrollbar-thumb{background-color:#0084b5;} /* 滚动条颜色 */ ::-webkit-scrollbar-thumb:hover {.
2021-07-08 01:52:13
176
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人