自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 filter过滤数据

【代码】filter过滤数据。

2023-09-20 17:24:01 150

原创 判断数组对象里的某一个值是否全部相同

判断数组对象里的某一个值是否全部相同。

2023-09-20 14:22:22 233

原创 vue3+ts实现右边悬浮按钮可上下拖动

vue3+ts实现右边悬浮按钮并且可上下移动

2023-09-18 11:18:40 1303

原创 props传值时子组件修改值会影响父组件

vue的组件传值对于引用数据类型来说,是一个浅拷贝。通过将引用类型数据转为JSON模式可解决。

2023-08-21 15:46:24 135

原创 Vue3 报错error:0308010C:digital envelope routines::unsupported

Vue3 报错error:0308010C:digital envelope routines::unsupported。package.json增加配置 set NODE_OPTIONS=–openssl-legacy-provider。

2023-07-05 10:49:49 89

原创 dayjs获取当前一个月0至当前23点59分59秒时间戳

dayjs().subtract(1, ‘month’).hour(0).minute(0).second(0).format(‘YYYY-MM-DD HH:mm:ss’)dayjs().hour(23).minute(59).second(59).format(‘YYYY-MM-DD HH:mm:ss’)

2023-03-07 09:49:34 1170

原创 vue3 ElementPlus el-upload 图片列表缩略图模式添加查看大图 删除等自定义按钮

【代码】vue3 ElementPlus el-upload 图片列表缩略图模式添加查看大图 删除等自定义按钮。

2023-02-25 13:47:46 3735 1

原创 Vue3 elementPlus el-upload(上传组件) 上传图片后,隐藏上传按钮

【代码】Vue3 elementPlus el-upload(上传组件) 上传图片后,隐藏上传按钮。

2023-02-13 15:48:12 1425

原创 vue3 elementUI el-upload自定义上传文件,不使用action属性

【代码】vue3 elementUI el-upload自定义上传文件,不使用action属性。

2023-02-07 11:32:59 3191

原创 微信小程序云开发 navigateTo()页面跳转 传多个参

从当前页面跳转 到 目标页面,携带多个参数。

2022-12-09 19:47:30 579

原创 vue3 element-plus el-progress 圆形circle进度条 内置文字换行

vue3 element-plus el-progress 圆形circle进度条 内置文字换行。

2022-09-16 10:16:09 1460 1

原创 moment如何转换时间戳 毫秒换成为秒的时间戳

moment如何转换时间戳 毫秒换成为秒的时间戳。

2022-08-12 14:43:48 2797

原创 JS截取//后面或前面的字符串

JS截取//后面或前面的字符串。

2022-07-21 10:01:21 1149

原创 vue3 Echarts区域放大缩小 默认选中区域缩放

Echarts默认选择区域缩放 无需点击放大缩小按钮

2022-07-05 15:33:36 1350

原创 正则 限制小写字母开头且特殊符号只允许 - 且特殊符号不能连续

正则 限制小写字母开头且特殊符号只允许 - 且特殊符号不能连续

2022-07-04 15:20:16 430

原创 vue3 全屏及局部全屏组件screenfull的使用

vue3 全屏及局部全屏组件screenfull的使用

2022-07-01 11:14:06 2540 1

原创 vue3 简单使用vuex

vue3 简单使用vuex

2022-06-12 17:46:17 2454

原创 vue3 子组件向父组件传递参数

1.父传子父组件:在子组件上通过 v-bind绑定属性子组件:先定义下基本类型,然后通过setup的第一个参数取获取传过来的值2.子传父父组件:在子组件上绑定一个事件,并定义回调子组件:通过setup的第二个参数去接受,第二个参数包含了(attrs,emit,slots),这里我们用到第二个emit去传值...

2022-05-07 21:22:11 4773

原创 vue 前端 增加取色器/拾色器

使用插件:vColorPicker效果:点击更多颜色可以吸取页面颜色地址:http://vue-color-picker.rxshc.com/

2022-02-21 16:51:08 3251

原创 moment.js 常用用法及时区转换

时间戳转换 const nowTime = moment().format(); console.log('获取当前时间', nowTime); const nowSecondTimestamp = moment(nowTime).unix(); console.log('当前时间转换为秒级时间戳', nowSecondTimestamp); const nowMillisecondTimestamp = moment(nowTime).valueOf(); console.lo

2022-01-24 19:36:53 6776

原创 h5移动端富文本内容图片过大撑出页面 设置图片宽度不生效问题

富文本在前端需要用 v-html之类的显示然而有时候会出现富文本中的图片过大超出了页面的宽度导致显示不全,像这样:例子是在vue的项目中,如果你去当前页面的有 scope 属性的 style 里面设置img的宽度,设置为 !important 都不起作用,img还是按照自身行内属性显示了大小;原因是通过 v-html 创建的 DOM 内容不受作用域内的样式影响。就是scoped属性产生的影响,推测原因是转化过程在代码运行前就完成了,但是v-html内容却是动态的,导致样式无效。解决方法可以是在同一

2022-01-07 14:05:16 1824

原创 vant tabs 左右滑动效果 swipeable不生效原因

tabs左右滑动使用swipeable属性swipeable不生效原因因为touch-action: pan-y导致 改成touch-action:manipulation;

2021-12-20 16:01:40 3138

原创 移动端 ios机型上vuex刷新丢失问题

写在app.vue里 绝对有效!!!!!!created(){//ios刷新时vuex里得信息保留let isiOS = !!navigator.userAgent.match(/(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端if (isiOS) {//在页面刷新时将vuex里的信息保存到缓存里window.addEventListener(“pagehide”, () => {localStorage.setItem(“messageStore”, J

2021-08-24 10:23:20 301

原创 删除node_modules命令行

不支持vscode 请使用cmd进行命令操作第一步:安装删除工具 npm install rimraf -g第二步:使用删除命令 rimraf node_modules

2021-04-02 19:58:29 2338

原创 vue中ref的使用

vue中的ref其实功能很强大,下面介绍一下如何使用。ref 加在普通的元素上,用this.$refs.(ref值) 可获取到本页面的dom元素   获取dom元素ref 还可以获取子组件中的data,也可以使用组件的所有方法。在使用方法的时候直接this.$refs.(ref值).方法() 就可以使用了    获取子组件中的data调用子组件中的方法 ...

2020-12-02 14:22:23 287 1

原创 数值去重/字符串去除重复字母

数组去重基本思路1 indexOf()建立一个新的数组,将原始数值中的数值,向新的数组中写入如果这个数值不存在于新的数组中,就执行写入,如果已经存在,就不写入具体代码 // 去除重复数值之后,应该是 [1,2,3,4,5] var arr = [1,1,1,1,1,2,2,2,2,2,2,3,3,3,3,3,3,4,4,4,4,5,5,5,5,5] // 建立一个空数组,来存储...

2020-03-20 21:16:22 618

原创 如何实现两列固定一列自适应

flex-grow : 扩展 ( 想看到扩展的效果,必须有空隙 )0 : 默认值 , 不去扩展1 : 去扩展 , 会把空白区域全部沾满子元素会按照设置的比例值来分配空隙,如果比例值总和小于1,那么会有空隙,如果比例值总和大于等于1,那么就没有空隙。语法是添加到子容器上的<!DOCTYPE html><html lang="en"><head> ...

2020-02-29 20:24:36 203

原创 flex弹性如何实现内容溢出但不换行

在父元素上加lex-nowrp 表示不换行还要在子元素上加flex-shrink:0 表示不收缩<style> * { margin: 0; padding: 0 } ul { list-style: none; } .list { width: 750px; ...

2020-02-24 22:08:32 6799

空空如也

空空如也

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

TA关注的人

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