自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

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

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

2023-09-20 17:07:18 1064

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

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

2023-07-26 16:36:36 869

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

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

2023-06-28 17:19:02 447 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 923 1

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

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

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

原创 Table 合并单元格

【代码】Table 合并单元格。

2023-04-14 12:44:17 247

原创 Axios post from表单用法

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

2023-04-10 14:00:36 249

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

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

2023-03-20 14:26:30 142

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

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

2023-03-17 16:36:57 208

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

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

2023-03-16 20:42:25 3800

原创 uniapp vue renderjs 高德地图

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

2023-02-01 09:26:23 1592

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

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

2023-01-05 15:31:16 107

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

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

2023-01-05 15:14:12 2001

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

粒子动效 旋转 弹动

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

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

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

2022-09-21 15:05:47 1103

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

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

2022-08-26 18:41:58 810

原创 vue pdf文件流 预览

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

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

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

VueAxios请求api下载文件。

2022-07-29 15:38:56 1286

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

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

2022-07-21 09:12:35 2321

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

原创 Vue双向绑定浅见

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

2022-07-07 10:00:56 213

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

地图经纬度坐标转换

2022-07-05 16:22:19 5175

原创 链接乱码转义符

转义符

2022-06-28 12:14:49 466

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

字母+数字排序

2022-06-28 10:04:14 147

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

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

2022-06-28 09:38:10 443

原创 浏览器打印

<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 89

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

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

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

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

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

2022-04-22 14:19:52 294

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

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

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

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

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

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

2022-04-13 12:18:28 771

原创 省份简称Json

const cityJson = { "广东": "粤", "北京": "京", "福建": "闽", "浙江": "浙", "上海": "沪", "湖北": "鄂", "湖南": "湘", "江西": "赣", "海南": "琼", "天津": "津", "重庆": "渝", "河北": "冀", "河南": "豫", "安徽": "皖", "广西": "桂", "四川": "川", "贵州": "黔", "山西": "晋", "

2022-04-12 13:17:24 355

原创 Vue html下载为docx/Axios post表单提交(application/x-www-form-urlencoded)

文章目录文档(下载为docx)Axios文档(下载为docx)html-docx-js:htmlDocx.asBlob();file-saver: FileSaver.saveAs(htmlDocx.asBlob(), ‘title’)例子: let originHtml = '***'; let reg = /\<table/g; let innerHtml = originHtml .replace(reg, function(result) { retu

2022-03-23 14:44:06 375

原创 npm install 报错/异常 解决方式

npm install 总是一言难尽,以下:特别说明:如果你 npm install 遇到奇葩问题,那么可以试试一下两种方式:1.切换成淘宝镜像或华为镜像(很多人的选择)。2.npm资源库切换成本有的(registry.npmjs.org),然后 yarn install,一般就解决问题了。3.推荐第二种方案PS:TNND,最近的工程 npm install 总是各种奇葩问题,跟同事同样的配置,本人 install 就报错,见鬼了…再说明:npm install 时,经常性的会遇到.

2022-03-21 13:47:06 4613 1

原创 Vue input的blur事件影响下拉框中点击事件的解决方案 用mousedown/mousedown替代click

最近遇到一个需求,输入框输入关键词,要出一个带输入建议的弹框,类似于ElementUI自带的,只是需求中的弹框底部有个分页功能,因此用不了自带的,只好自己写了。然后就遇到blur和click冲突的问题了…<div class="poi-element"> <el-input class="poi-input" ref="poiRef" v-model="poiKeyword" @input="poiInputDebouce" @blur="poiBlur.

2022-03-11 09:50:33 3123

原创 ElementUI el-autocomplete组件

PS:放入到autocomplete 组件中的数据源必须包含value字段,因为它是靠这个字段做一些逻辑处理的… <el-autocomplete placeholder="请输入POI关键词" ref="poiAutocomplete" v-model="poiKeyword" :fetch-suggestions="poiInputQueryF" :trigger-on-focus="false

2022-03-10 15:38:49 1253

空空如也

空空如也

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

TA关注的人

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