自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(20)
  • 问答 (1)
  • 收藏
  • 关注

原创 js常见继承实现

寄生组合式继承通过创建一个中间对象来继承父类的原型,从而避免了组合式继承中需要调用父类构造函数两次的问题。这种方式有效地减少了不必要的开销,提高了继承的效率。结合了上述两种方法的优点,既可以在子类实例上共享方法,又可以保证每个实例都有自己的属性。优点 简单明了,容易实现,在父类新增原型属性和方法,子类都能访问到。缺点 所有的实例都指向同一个引用地址,修改一个。每个对象实例都会创建一个新的方法。保证每个实例都有自己的属性。超类型的构造函数传递参数。

2024-07-19 10:07:59 114

原创 HTML5新标签

label for="browsers">选择一个浏览器:</label>

2024-05-24 10:10:07 219 1

原创 Window 大小和滚动

​​​​不要使用 window.innerWidth/innerHeight 它包含了滚动条的长度。

2024-05-08 15:46:37 830 1

原创 elementUI 弹窗可移动(vue自定义指令)

弹窗使用:<el-dialog v-dialogDrag></el-dialog>项目main.js引入。

2024-05-07 14:54:05 174

原创 vue中key的作用

2.如果不存在对数据的逆序添加、逆序删除等破坏顺序操作,仅用于渲染列表用于展示,使用index作为key是没有问题的。(2).旧虚拟DOM中未找到与新虚拟DOM相同的key创建新的真实DOM,随后渲染到到页面。②.若虚拟DOM中内容变了, 则生成新的真实DOM,随后替换掉页面中之前的真实DOM。1.最好使用每条数据的唯一标识作为key, 比如id、手机号、身份证号、学号等唯一值。会产生没有必要的真实DOM更新 ==> 界面效果没问题, 但效率低。①.若虚拟DOM中内容没变, 直接使用之前的真实DOM!

2024-03-25 11:20:23 177

原创 微信小程序订阅消息弹框提示用户开启

【代码】微信小程序订阅消息弹框提示用户开启。

2023-11-29 14:30:24 724 1

原创 echart实现地图下探并展示散点图

介绍:实现省级(河南为例)下探,且在数据不变的情况下展示散点完成图: 创建工具函数:引入目录下的所有文件,实现传入地名返回该地方的geoJson(这里使用了动态引用) 3,渲染省级地图和散点 (定义点击事件,为下探操作做准备)4,渲染下一级地图和散点与省级不同的是,需要一个返回按钮(graphic定义),创建对应返回事件,再用setOption重新渲染页面(true代表与原有的配置不合并)。调工具函数getMap() 注册地图。此时会发现一个难处理的点,在只有一组原始数据

2023-11-08 17:05:11 681 5

原创 js秒数转换成 天时分秒格式

【代码】js秒数转换成 天时分秒格式。

2023-10-17 09:01:45 608 1

原创 防抖和节流手写实现

【代码】防抖和节流手写实现。

2023-09-05 10:06:17 77

原创 this与箭头函数易错点

输出:1 {num:1} (严格模式 undefined {num: undefined})输出:999 {num:1} (严格模式 999 {num undefined})传入的对象没有引入 是最外层作用于 this是window或undefined。箭头函数没有自己的this 往外层找就是window或undefined。

2023-08-24 09:20:26 42 1

原创 uniapp picker组件实现时分秒功能 并初始化当前时间

Change事件,让功能完善(有一点很奇怪,传入的timeRangeArray里的值都是字符串,可是查看e.target.value却是数字类型,这里做了转换)给picker组件的value传入 expectConsTime.split(':') 对应的数组,即可初始化时间。组件mode改为multiSelector多列,range为自己创建范围数据 timeRangeArray。此时功能已经完成,若想要初始时为当前的时间,可根据当前的时间戳转换为。

2023-08-03 14:14:08 1425

原创 图片上传,选中显示图片

这里没有使用默认的input上传,把它display:none了,目的是不使用它的默认显示文件名的样式。注意输出可以更好理解。

2023-06-02 14:51:43 99

原创 javascript对象数组去重(reduce方法)

【代码】javascript对象数组去重(reduce方法)

2023-06-02 08:41:06 74

原创 全屏上下滚动效果

4,容器监听到滚轮变化时,首先判断其滚动方向,再控制当前页数,调取滚动函数(可传滚动速度,这里省略了)当屏幕尺寸变化时重新获取容器宽度(注意要使用clientWidth,clientHeight)isScrolling相当于节流,不至于出现连续滚动。3,初始化,定义数据,获取屏幕宽高,总页数。2,设置必要样式(缺一不可)

2023-05-31 16:14:37 221 1

原创 容器滚动加载触底事件

【代码】容器滚动加载触底事件。

2023-05-31 11:44:16 99 1

原创 css实现手写单选框(可结合vue)

css实现手写单选框(可结合vue)

2023-01-13 16:50:42 373

原创 原生js实现点击图片全屏预览

display变化时transition不起效果,可以设置定时器,等display为block时由opacity显示过渡效果。

2022-11-30 17:36:59 1708

原创 小程序this.setData设置key出现变量的解决方式

小程序this.setData设置key出现变量的解决方式。

2022-09-06 14:15:44 401

原创 js去除数组重复元素

数组方法filter去重let arr = ['apple', 'strawberry', 'banana', 'pear', 'apple', 'orange', 'orange', 'strawberry'];arr = arr.filter((item, index) => { return arr.indexOf(item) === index; }) console.log(arr);//...

2022-05-12 21:17:47 680

原创 js冒泡排序和选择排序

冒泡排序:function bubbleSort(arr){ let len = arr.length; for (let i = 0; i < len-1; i++){ for(let j = 0; j < len-i-1; j++){ if(arr[j] > arr[j+1]){ let temp = arr[j]; arr[j] = arr[j+1]..

2022-04-15 17:19:23 210

空空如也

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

TA关注的人

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