张_优秀
码龄5年
  • 3,260
    被访问
  • 15
    原创
  • 127,218
    排名
  • 0
    粉丝
关注
提问 私信

个人简介:web

  • 加入CSDN时间: 2017-03-03
博客简介:

张_优秀的博客

博客描述:
开发过程记录
查看详细资料
  • 2
    领奖
    总分 90 当月 12
个人成就
  • 获得2次点赞
  • 内容获得0次评论
  • 获得1次收藏
创作历程
  • 4篇
    2022年
  • 11篇
    2021年
成就勋章
TA的专栏
  • VUE
    4篇
  • 地图
    4篇
  • Git
    2篇
  • JavaScript
    4篇
  • HTML+CSS
    3篇
  • LayerUI
  • 实用插件
    1篇
  • 搭建过程
  • JAVA
    1篇
兴趣领域 设置
  • 前端
    javascriptcssvue.jsreact.jses6webpackxhtml前端框架
  • 后端
    node.js
  • 移动开发
    flutter
  • 网络
    https
  • 微软技术
    typescript
  • 小程序
    小程序
  • 职场和发展
    面试
  • 最近
  • 文章
  • 资源
  • 问答
  • 帖子
  • 视频
  • 课程
  • 关注/订阅/互动
  • 收藏
搜TA的内容
搜索 取消

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 =
原创
发布博客 前天 13:45 ·
7 阅读 ·
0 点赞 ·
0 评论

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 ·
155 阅读 ·
0 点赞 ·
0 评论

myphoto-layer简单的单张图片查看器组件使用方式

安装:npm i myphoto-layer在需要的文件中引入:import photo from 'myphoto-layer'在main.js中引入样式:import 'myphoto-layer/style.css'使用方式:mounted () { photo.photoInfo()},效果图:
原创
发布博客 2022.03.25 ·
22 阅读 ·
0 点赞 ·
0 评论

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 ·
23 阅读 ·
0 点赞 ·
0 评论

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 ·
128 阅读 ·
0 点赞 ·
0 评论

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 ·
473 阅读 ·
0 点赞 ·
0 评论

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 ·
18 阅读 ·
0 点赞 ·
0 评论

清除浏览器样式

/* 重置浏览器样式************************************/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 ·
16 阅读 ·
0 点赞 ·
0 评论

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 ·
314 阅读 ·
0 点赞 ·
0 评论

VUE引入高德地图

一:最直接的方法就是在项目的public文件夹下的index.html中直接引入二:创建你的地图组件引入即可<template> <div> <div :id="mapId"></div> </div></template><script>export default { name: 'Index', data () { return { mapId: 'c.
原创
发布博客 2021.07.12 ·
31 阅读 ·
0 点赞 ·
0 评论

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 ·
36 阅读 ·
0 点赞 ·
0 评论

Element表单验证的封装

/** * 用于表单验证 * 使用示例 -- this.formValidation.specialCharacters * rules: { * eventName: [ * { required: true, message: '不能为空', trigger: 'blur' }, * { validator: this.formValidation.specialCharacters, message: '不能输入特殊字符', trigger: 'blur' } * ],.
原创
发布博客 2021.07.08 ·
99 阅读 ·
0 点赞 ·
0 评论

WebStorm git更新提交操作慢得解决方式

WebStorm Git各类操作缓慢停滞不前,找到Git for Windows这个进程干掉它即可!作者网站原文地址:http://zylweb.top/noteContent.html?id=68
原创
发布博客 2021.07.08 ·
1501 阅读 ·
2 点赞 ·
0 评论

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 ·
262 阅读 ·
0 点赞 ·
0 评论

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 ·
47 阅读 ·
0 点赞 ·
0 评论
加载更多