自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 EasyPlayer vue3组件封装及使用方式

官网下载压缩包,解压,模仿demo的方式。

2025-08-27 16:06:44 530

原创 Git 提交规范-备忘

本文介绍了常见的提交类型标识及其含义:feat(新功能)、fix(bug修复)、docs(文档修改)、style(代码格式调整)、refactor(代码重构)、test(测试用例修改)、chore(工具配置变更)等。每种类型对应不同的代码变更场景,如perf(性能优化)、build(构建系统修改)、ci(持续集成调整)和revert(版本回退)。这些标识有助于规范提交信息,明确变更内容。

2025-07-08 12:46:10 549

原创 css 边框渐变色且圆角

【代码】css 边框渐变色且圆角。

2025-01-21 11:13:11 406

原创 html+js 鼠标拖拽 mousedown 设定宽高

【代码】html+js 鼠标拖拽 mousedown 设定宽高。

2024-12-02 11:31:36 160

原创 XShell 部署命令

【代码】XShell 部署命令。

2024-06-17 09:13:41 224 1

原创 vue3 + antdv table 展开行 expandedRowRender 根据判断条件动态显隐展开行的 icon

BasicTable 是我们项目自定义封装了一下 antdv 的t able 不需要太关注,注意看expandIcon的用法即可。

2023-09-20 17:07:18 2038

原创 antdv Select dropdownRender Input 不能输入的问题

小说明:外层 div click 事件触发select开启,然后 slot 内部 div 利用 mouseleave 属性,模拟出select 的失焦 blur 事件。简言之:外层套div,然后利用Select的open属性。

2023-07-26 16:36:36 1379 1

原创 uniapp 引入 uni-simple-router 后造成 android 真机 物理返回键 退出应用的功能缺失的解决方式

【代码】uniapp 引入 uni-simple-router 后造成 android 真机 物理返回键 退出应用的功能缺失的解决方式。

2023-06-28 17:19:02 730 3

原创 Css中 class^= 的含义 class~=,class|=,class$=, class*=

表示设置 class 属性值以 “test” 开头的所有元素的背景色,也就是说对 class=”test”;class=”test-001″ 的元素都是有效的。这是css属性选择器的一种:[attribute^=value] ,用来匹配属性值以指定值开头的每个元素。例如:[class^=”test”] { background:#ffff00;

2023-04-27 09:14:46 1528

原创 百度echarts 柱状图 顶部拼接圆点效果

话不多说,简言之:原理就是,利用type="bar"的 label 能设置位置的特性,然后设置背景色、宽高、圆角等,再然后color透明即可。

2023-04-21 09:25:14 3462 1

原创 Table 合并单元格

【代码】Table 合并单元格。

2023-04-14 12:44:17 375

原创 Axios post from表单用法

【代码】Axios post from表单用法。

2023-04-10 14:00:36 460

原创 git merge 合并分支/代码找回

如果 git stash pop 失败,就看根目录的.git文件夹里面有没有index.lock,如果有的话 git stash pop就不行,要把这个文件删了。

2023-03-20 14:26:30 252

原创 GPS:根据起终点/两地之间的经纬度,来计算两点之间的距离

【代码】GPS:根据起终点/两地之间的经纬度,来计算两点之间的距离。

2023-03-17 16:36:57 337

原创 uniapp input 被键盘遮挡的解决方案

在uniapp登录页遇到了input被键盘遮挡的和一点击输入框(或两个输入框来回切换输入)页面就闪现刷新的问题。闪现/刷新:用uniapp自身的。标签,替换uview的。遮挡:增加三个标签属性。

2023-03-16 20:42:25 5027

原创 uniapp vue renderjs 高德地图

前情提要:uniapp自带的标签实在是不好用,因此最终选择的方案,还是H5方式的高德地图。但是呢,在app端又识别不了跟dom相关的对象的,后根据文档说明,使用renderjs解决H5渲染地图的问题。

2023-02-01 09:26:23 2124 1

原创 水印效果的实现 页面打上水印 内容自定义

【代码】水印效果的实现 页面打上水印 内容自定义。

2023-01-05 15:31:16 192

原创 uniapp+vue move-view 拖拽滑动效果组件

uniapp自身提供了movable-area/movable-view标签实现拖拽滑动效果,但是实际开发中发现,此标签跟滚动效果有冲突,会影响内部列表的滚动效果,基于此,所以单独封装了两种模式的滑动组件。

2023-01-05 15:14:12 2699

原创 CSS-动效 纯css粒子动效 | 转圈圈 | 上下弹动

粒子动效 旋转 弹动

2022-10-14 15:17:23 2943 1

原创 技术杂记:nginx进程的view和kill / linux命令

【代码】技术杂记:nginx进程的view和kill。

2022-09-21 15:05:47 1221

原创 vue/vue-template-compiler版本不统一异常的解决方案

解决方式:将 package.json 中 vue-template-compiler 的配置修改一下,移除 ‘^’ 箭头,版本号改成跟 vue 的版本号一致即可。

2022-08-26 18:41:58 1098

原创 vue pdf文件流 预览

PS:项目是Vue3+TS的,vue-pdf没找到ts版本的,所以换了个新的依赖。需要先将文件流处理成pdf url的格式。

2022-08-08 15:03:24 1411 3

原创 Vue Axios 请求api post方式 下载文件

VueAxios请求api下载文件。

2022-07-29 15:38:56 1963

原创 Ant Design Vue 组件或图标的引入和使用

AntDesignVue组件或图标的引入和使用。

2022-07-21 09:12:35 2748

原创 Vue template 标签不可以使用 v-show/v-for

因为v-show是通过display来控制标签进行渲染的,但是template标签在vue解析后是不会显示在页面上的,是虚拟Dom,所以无法使用v-show。但是v-if是可以使用在template标签上,因为v-if是条件渲染,只要满足v-if后的条件就可以完成渲染。......

2022-07-15 10:29:51 4251

原创 Vue双向绑定浅见

采用数据劫持结合发布者-订阅者模式的方式,通过ES5的 Object.defineProperty() 来劫持各个属性的 setter,getter, 在数据变动时发布消息给订阅者,触发相应的监听回调。具体的代码实现–>大神在此Vue源码采用的是ES6的Proxy API重点来了使用 Object.defineProperty 无法监听到此新增属性,而且同时无法监听数组和对象的变化,但是使用 Proxy 是可以监听到的。对比上面两段代码可以发现有以下几点不同:Vue3.0之双向绑定原理——Pro

2022-07-07 10:00:56 277

原创 3857墨卡托坐标系转换为4326 (WGS84)经纬度坐标

地图经纬度坐标转换

2022-07-05 16:22:19 6981 1

原创 链接乱码转义符

转义符

2022-06-28 12:14:49 639

原创 行政路线编码 字母+数字的排序方式

字母+数字排序

2022-06-28 10:04:14 256

原创 JS杂记:判断数组是否唯一 | 递归 | 相互引用问题 | 动态key赋值 | 字母和数字转换 | 数值max/min 五等分算法 | 拼接/拆分数组

JS杂记:互相引用的问题 / 动态key赋值 / 字母和数字转换 / 数值max/min 五等分算法 / 数组是否唯一 / children递归

2022-06-28 09:38:10 601

原创 浏览器打印

<template> <div> <img :src="imgSrc" alt=""> </div></template><script> export default { data() { return { imgSrc: '' } }, created() { this.imgSrc = localStorage.getItem('

2022-05-10 09:11:09 148

原创 a标签/html2canvas 图片下载的封装

// 下载图片(利用a标签) const domA = document.createElement('a') domA.href = item.imageBase64 domA.download = item.actionResult // filename domA.click()

2022-05-10 08:58:05 317

原创 Jquery EasyUI input textbox监听实时输入

不知道说啥,直接上代码:<script>(function() { // 注册inpupt的输入改变事件 let tipArr = ['userName', 'oldPassword', 'newPassword', 'confirmPassword']; for(let i = 0; i < tipArr.length; i++) { let key = tipArr[i]; // .textbox 的 onChange 只能监听到有内容且内容改变后的.

2022-04-27 10:16:18 3100

原创 ES6之解构函数

文章目录对象解构-根据key检索取值数组解构-根据位置(索引)检索取值混合解构对象解构-根据key检索取值 let demo = { name: 'dao', value: 0 } // 基础用法 let { name, value } = demo; console.log(name); console.log(value); // 赋值用法 let { name: localName } = de

2022-04-22 14:21:23 1011

原创 MDN文档里面入参写法中括号‘[]‘的作用

查看MDN文档经常看到如下的写法: Array.from(arrayLike[, mapFn[, thisArg]])简单来说,中括号就是表示某个参数非必须,以上来说: [, mapFn]即表示mapFn可选 [, thisArg]即表示thisArg可选 [, mapFn[, thisArg]]则表示thisArg是依赖于mapFn存在的,如果mapFn没有传值,那么thisArg是不可以传入的。...

2022-04-22 14:19:52 391

原创 Map对象 map.get(key)

Map - JavaScript | MDN const map = new Map([ [1, '风'], [2, '雪'], [3, '月'], [-1, '-'], ]) let key = 1; const tx = map.get(key) || map.get(-1);

2022-04-22 14:17:53 2689

原创 TypeScript interface & type 粗略理解

interface & type 粗略理解(官方API未详读…)// interface-接口:定义参数或方法的数据类型interface strObj { [key: string]: string | number;}/*** type-类型别名:可以给一个或多个数据类型*(string、number、…)取一个别名;*/type strObj = Record<string, string | number>...

2022-04-22 14:15:33 160

原创 Vue 开源类库

序号名称分类说明地址版本号1element-uiUI库饿了么基于 Vue 的桌面端组件库https://element.eleme.cn/#/zh-CN2.15.52ant-designUI库蚂蚁金融基于 React 桌面端组件库https://ant.design/index-cn3iviewUI库基于 Vue 的桌面端组件库, 不支持IE8及更低版本的浏览器https://iview.github.io/4xgplayer播...

2022-04-22 14:10:03 1623

原创 Vue + lodash 防抖动

<template> <div> <el-input v-model="inputModel" @input="inputDebouce " /> </div><template><script>// 如果全局已引入,那么局部就不需要引入了import lodash from 'lodash'export default { // mounted方法内部亦可 created() { // 防抖动

2022-04-18 15:30:27 892

原创 如何将本地项目上传到GitHub

先上大佬的链接:如何将本地项目上传到GitHub之所以单开一篇文章,是因为按以上流程操作过程中还是遇到了问题,因此记录一下。1, 按以上流程执行到 git push -u origin master 时报错: ‘error: failed to push some refs to ‘git@github.com:xxxxx’,然后以教程输入命令 git pull… 之后还是报错:fatal: this operation must be run in a work tree,翻了半天文档也没.

2022-04-13 12:18:28 849

空空如也

空空如也

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

TA关注的人

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