- 博客(37)
- 收藏
- 关注
原创 【解决】数组中循环插入对象,当上一个对象的值改变后,数组内对象也跟着变化
循环一个数组,将需要的属性插入到一个对象【newObj】中,然后push到一个数组【newArr】,当每次对象的值改变时,已经插入数组内的对象的值也会随之改变;数组每次push的时候都是引用的同一个对象地址,所以当对象每次改动的时候,数组内的对象也会随之改变;每次push到数组【newArr】的时候,对对象【newObj】进行深拷贝;使用深拷贝就相当于每次都是新建了一个新的对象新的内存地址。
2023-01-05 14:25:00
618
原创 【uniapp报错】获取位置信息:fail the api need to be declared in the requiredPrivateInfos field in app/ext.json
【代码】【uniapp报错】获取位置信息:fail the api need to be declared in the requiredPrivateInfos field in app/ext.json。
2022-09-22 10:14:58
2378
原创 数组对象中根据某一属性值筛选,如果该属性值相同,将对象中其他属性合并为一个数组
【代码】数组对象中根据某一属性值筛选,如果该属性值相同,将对象中其他属性合并为一个数组。
2022-09-07 13:03:01
1569
原创 Error in nextTick: “TypeError: Cannot set properties of undefined (setting ‘checked‘)“
$nextTick 是在下次 DOM 更新循环结束之后执行延迟回调,在修改数据之后使用 $nextTick,则可以在回调中获取更新后的 DOM
2022-09-02 20:23:34
3983
原创 vue中mixins(混入)的使用
混入 (mixin) 提供了一种非常灵活的方式,来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时,所有混入对象的选项将被“混合”进入该组件本身的选项。作用:主要作用是继承和封装,将一些公共的代码抽离,可以减少代码量,提高复用性*
2022-08-23 20:39:44
1034
原创 vue给对象(数组)添加属性的时候,无法达到响应式的效果,页面无法即时更新
当我们给对象或者数组添加一个属性的时候,会发现通过打印,可以在控制台看见数据已经更新,但是页面却没有成功渲染上。
2022-08-21 19:47:52
1761
原创 flex布局(弹性布局)
flex 是 flexible Box 的缩写,意为 “弹性布局”,用来为盒状模型提供最大的灵活性,任何一个容器都可以指定为 flex 布局。采用 flex 布局的元素,称为 flex 容器(flex container),它的所有子元素自动成为容器成员,称为flex 项目(flex item)。flex就是通过给父盒子添加flex属性,来控制子盒子的位置和排列等。
2022-08-20 14:51:35
529
原创 Newline required at end of file but not found eol-last
靠靠靠!!!!这个问题就仅仅因为少了在这个页面最后少了一行空行!!!加上就不会有报错了!
2022-08-20 11:15:01
183
1
原创 gird布局(网格布局)
Grid布局即网格布局,是一种新的css模型,一般是将一个页面划分成几个主要的区域,定义这些区域的大小、位置和层次等关系,是目前唯一一种css二维布局。我们通过在元素上声明display:grid或者display:inline-grid来创建一个网格容器,这个元素的所有直系子元素将成为网格项目。grid-template-columns和grid-template-rows属性来定义网格中的行和列例1。...
2022-08-18 20:46:12
720
原创 Vue插槽(slot)
什么叫插槽插槽(Slot)是 Vue 提出来的一个概念,正如名字一样,插槽用于决定将所携带的内容,插入到指定的某个位置,从而使模板分块,具有模块化的特质和更大的重用性。插槽显不显示、怎样显示是由父组件来控制的,而插槽在哪里显示就由子组件来进行控制插槽有三种:默认插槽、具名插槽、作用域插槽。...
2022-08-18 20:16:08
311
原创 elementUi里的input输入框有时候无法输入的问题
在输入框值改变的时候,调用this.$forceUpdate()强制刷新。最后找到了问题的根源,是有时候其实是获取到了数据,但是视图并没有更新。
2022-08-16 19:40:30
6500
1
原创 new Set()的基础用法(ES6)(常用于数组去重)
1.什么是set()Set是es6新增的数据结构,似于数组,但它的一大特性就是所有元素都是唯一的,没有重复的值,我们一般称为集合。Set本身是一个构造函数,用来生成 Set 数据结构。
2022-08-14 23:40:39
19674
原创 vue图片懒加载(非插件)
首先我们需要拿到存放img的整个div标签的clientHeight高度,和滚动条滚动的高度scrollTop,还需要拿到每个img距离父级div最顶部的距离也就是offsetTop,这个值在页面初始化时,就开始是固定不变的,所以就可以通过这个距离进行判断,是否出现在可见区域,(如果对这几个高度不理解的,可以看我先前发的一篇,关于这些高度的解说~)(这里我在写的时候发现,如果给src设置的值为空字符串,他每次就会直接把值赋值给src,就没有性能优化的效果了)最后附上一个效果图(注意观看右边的网络请求)...
2022-08-13 21:12:00
1488
原创 搞懂clientHeight、offsetHeight、scrollHeight、offsetTop、scrollTop...这些高度
搞懂clientHeight、offsetHeight、scrollHeight、offsetTop、scrollTop...这些高度
2022-08-10 20:47:19
339
关于node+vue实现聊天功能数据传输问题
2023-05-05
关于this.$set更新视图问题
2023-01-05
TA创建的收藏夹 TA关注的收藏夹
TA关注的人