Live2d Test Env

09 2021 档案

JavaScript小面试~数组相关的方法和运用（学习笔记）
摘要：1，稀疏数组 稀疏数组是指数组中的某个下标未给出值或某个下标的值被删除。例如： let arrayOne=['xiaozi',,12,,true,23] let arrayTwo=[1,2,3,3,4] delete arrayTwo[1] console.log(arrayOne); consol 阅读全文
posted @ 2021-09-22 23:19 waywardcode 阅读(72) 评论(0) 推荐(0)
JavaScript一天一个算法题~持续更新中。。。。。
摘要：1，数组去重 i.暴力去重 思路：建一个空数组，通过判断原数组的元素是否在空数组内，如果在，不放入，不在，放入空数组。 function clearCommnetArray(array){ let arra=[] array.forEach(ite... 阅读全文
posted @ 2021-09-14 23:47 waywardcode 阅读(69) 评论(0) 推荐(0)
每天三道面试题~持续更新中。。。。。
摘要：1，vue响应式原理是如何实现？有何缺陷？vue3为什么抛弃vue2中的实现响应式方式？如何使用响应式实现数据双向绑定？如何解决数据响应到视图过度执行问题（如何实现精确更新）。 首先，这是一类问题，我在之前的文章有详细介绍 使用JavaScript编写vue... 阅读全文
posted @ 2021-09-14 22:27 waywardcode 阅读(48) 评论(0) 推荐(0)
JavaScript实现防抖函数
摘要：什么是防抖？防抖就是避免快速多次点击后执行过多的函数调用，就是本来你点击支付宝支付后不小心在点击一次，导致支付函数被调用了两次，还都执行了，付了两次钱。 防抖函数的思想就是将函数延迟调用，延迟时间内不可再次调用，为确保在时间段内不在执行，需要将延迟函数清除。 ... 阅读全文
posted @ 2021-09-13 23:51 waywardcode 阅读(508) 评论(0) 推荐(0)
JavaScript小面试~宏任务和微任务
摘要：首先，我们要知道JavaScript是单线程调用，在程序启动的时候，会把不同的代码段分派到不同的调用栈，同步任务在同步栈中直接执行，宏任务分派到宏任务栈，微任务会分配到微任务栈，分配好之后，调用栈会被清空，被清空会后，事件循环优先寻找微任务中的任务，就是说，每... 阅读全文
posted @ 2021-09-09 19:18 waywardcode 阅读(76) 评论(0) 推荐(0)
JavaScript小面试~href和src的区别
摘要：href：中文名称叫超文本引用 src：中文叫资源 先要知道它们两个的区别，我们首先要看哪些元素在使用这些属性。 href:a,link src:img，style,input,script,iframe 我们在同一个页面使用一个含有href和src的标签，代... 阅读全文
posted @ 2021-09-09 18:39 waywardcode 阅读(168) 评论(0) 推荐(0)
vue问题
摘要：今天有个问题（vant组件），在从页面点击按钮跳到A页面的时候，A页面没有问题，但是从另一个地方的按钮点击到A页面的时候，A页面的步骤天的文字蹦了，加了一个top值。主要原因是命名被污染了，在另一个地方也有一个步骤条，这导致了该步骤图被渲染的后，点击按钮跳到A... 阅读全文
posted @ 2021-09-08 20:24 waywardcode 阅读(29) 评论(0) 推荐(0)
JavaScript小面试~什么是深拷贝，什么是浅拷贝，深拷贝和浅拷贝的区别，如何实现深拷贝
摘要：深拷贝：就是在复制数据或者对象的时候，将其内存中值复制过来。 浅拷贝：就是在复制数据或者对象的时候，是将其引用复制过来。 深拷贝和浅拷贝的区别：深拷贝复制的是被复制数据或者对象的值，复制的数据或对象会在内存中重新分配内存空间，赋值的和被赋值的互不影响；浅拷贝赋... 阅读全文
posted @ 2021-09-08 00:11 waywardcode 阅读(408) 评论(0) 推荐(0)
Less预处理器的使用
摘要：练习页面： 第一：基本使用 less使用嵌套的方式实现子类或者后代选择器： 1，实现后代选择器 使用大括号嵌套表示祖先和后代之间的关系 .div1{ width: 200px; height: 200px; ma... 阅读全文
posted @ 2021-09-07 13:32 waywardcode 阅读(202) 评论(0) 推荐(0)
JavaScript小面试~~JavaScript实现图片懒加载，多方式解决加载过多问题
摘要：图片懒加载，就是滚动页面时，图片未出现在可视局域时不加载图片，只有图片出现在可视区域才加载。 思路：通过上面一段话，实现图片懒加载需要知道： 绑定滚动事件可视窗口高度（VH）图片元素距离可视局域顶部距离（EH）如何加载图片当VH大于EH时，图片出现在可视窗口，... 阅读全文
posted @ 2021-09-07 00:30 waywardcode 阅读(191) 评论(0) 推荐(0)
JavaScript小技巧~将伪数组转成数组的方法
摘要：伪数组：具有数组结构但是五数组相关方法的类数组结构： 方式1：Array.from() 方式2：Array.prototype.slice.call(); 用方式1吧，好记简单 阅读全文
posted @ 2021-09-05 00:27 waywardcode 阅读(47) 评论(0) 推荐(0)
使用JavaScript编写vue指令v-model，v-model原理实现
摘要：首先先要知道的是v-model的作用是实现数据的双向绑定，即： 数据在视图层的双向响应。 实现思路主要分为两步： 第一步：数据层到视图层的响应 将数据响应到视图层的方式，在vue2使用的是Object.defineProperty()来实现，需要劫持到数... 阅读全文
posted @ 2021-09-05 00:18 waywardcode 阅读(288) 评论(0) 推荐(0)
java小技巧~修改对象的属性名
摘要：今天联调的时候，有个功能是在初始化的时候将图片路径回显到vant组件的上传组件上，但是vant组件需要图片路径名叫url，而后端返给我的路径名叫filePath，而且是双层嵌套。一个个遍历老麻烦了，下面这个方法可以提高效率： 思想： 将对象数组转成字符串：JS... 阅读全文
posted @ 2021-09-03 11:04 waywardcode 阅读(520) 评论(0) 推荐(0)
vue进阶一~数据响应式，数据响应到视图层，手写v-model，订阅发布者模式，
摘要：1，数据响应式 当数据发生改变的时候，我们立即知道数据发生改变，并做出相关的操作：发送请求，打印文字，操作DOM等。 1.1，vue实现数据响应的原理 vue中使用了两种模式来实现数据响应式，分别是vue2(Object.... 阅读全文
posted @ 2021-09-02 23:15 waywardcode 阅读(204) 评论(0) 推荐(0)