自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

张_优秀的博客

开发过程记录

  • 博客(18)
  • 收藏
  • 关注

原创 基于ThreeJS的3D地球

标记点、动画、旋转、标记点点击事件、信息弹窗

2022-06-16 11:24:36 6349 17

原创 JS递归禁用tree本级及子孙级

【代码】JS递归禁用tree本级及子孙级。

2024-04-02 16:01:19 218 1

原创 纯JS图片查看器

目前支持:放大、缩小(含滚轮)、旋转、还原。

2022-09-30 20:17:59 585 1

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

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

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

原创 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 2707 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 944 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 199

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

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

原创 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关注的人

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