- 博客(13)
- 收藏
- 关注
RSS订阅原创 在之前的面试过程中 遇到了一个 相当有趣的问题 接下来 我们 一起来看一看吧
在一个 n*m 的二维数组中 每一行都按照从左到右递增的顺序排序，每一列都按照从上到下的顺序排序。
2022-09-13 15:16:30
164
1
原创 VUE的拦截器
简单来说 vue 的拦截器 分为 请求拦截器 和 响应拦截器两种，使用场景的话就是： 每次都要在请求中加入，token 判断是否登录，如果vue系统中 所有的请求都加入token，比较麻烦，每次送出请求，不过vue给我们 提供了一种方法 ---- 拦截器拦截器在平时的项目中是比较使用频繁的 可以说在一个项目中 必不可少的。
2022-08-22 14:16:01
9552
原创 vue 组件间的传值方法
目录前言：1.父向子传递2.子向父传值3.ref/sefs（父子组件通信）4.$parent5.兄弟组件通信（bus总线）6.全局变量7.promise传参8.vuex 我们在熟读 vue.js 官方文档的时候，可以总结很多的知识点，我总结了 8 中方法 如下： 1）、在父组件的子组件标签上绑定一个属性，挂载要传输的变量 2）、在子组件中通过props来接受数据，props可以是数组也可以是对象，接受数据可以直接使用props：["属性名"] props: {属性名：数据类型} 1）、在父组件的子组件标
2022-07-24 10:00:00
303
原创 JS 异步编程方法：6种方案
javascript语言的执行环境是"单线程"。也就是指一次只能完成一件任务。如果有多个任务，就必须排队，前面一个任务完成，在执行后面一个任务这种模式虽然实现起来比较简单，执行环境相对单纯，但是只要一个任务耗时很长，后面的任务都必须排队等着，会拖延整个程序的执行。常见的浏览器无响应（假死），往往是因为莫一段javascript代码长时间运行（比如死循环），导致整个页面卡在这个地方，其他任务无法运行。为了解决这个问题Javascript语言将任务的执行模式分成两种同步和异步。...
2022-07-19 20:39:22
18253
原创 在 js 中，reduce() 的详解 以及使用方法
1.当reduce（）方法的第二个值为空时，第一次循环方法中的第一个参数（prev）为数组的第一项值，第二个参数（cur）为数组的第二项值，反之，第一次循环方法中的第一个参数（prev）为reduce的第二个参数值，第二个参数（cur）为数值的第一项值。2.reduce（）方法的第一个参数，就是每次遍历都会执行的匿名函数，当前函数的返回值就会传给下一次执行函数的第一个值。也就是prev。...
2022-07-18 20:59:13
48892
4
原创 vue 生命周期
官网每一个vue实例从创建到销毁的过程，就是这个vue实例的生命周期。在这个过程中，他经历了从开始创建、初始化数据、编译模板、挂载Dom、渲染→更新→渲染、卸载等一系列过程。1beforeCreate(创建前)2created(创建后)3beforeMount(载入前)4mounted(载入后)5beforeUpdate(更新前)6updated(更新后)7beforeDestroy(销毁前)8destroyed(销毁后)httpshttpshttpshttps。...
2022-07-14 20:47:53
108
原创 原型 与 原型链
原型与原型链，是所有JS初学者的噩梦，虽然工作过程中用不到，但是理解他对于我们写代码，看源码都有很大的提升，下面就带大家一步一步，认识原型与原型链原型原型的概念：每一个javascript对象创建的时候，就会与之关联另一个对象，这个对象就是我们所说的原型，每一个对象都会从原型中“继承”属性。一：prototype在JavaScript中，每一个函数都有一个 prototype 属性，该属性指向函数的原型对象。当用该函数构造出一些对象之后，这些对象也继承了原型对象上的属性，来看看下面的例子per
2022-07-14 08:59:09
56
原创 简述 diff 算法：
diff 算法就是将两个新旧的虚拟DOM 进行对比并且返回一个 patch 对象，用来存储两个节点不同的地方，最后用patch记录的消息去局部更新DOM 1. 比较只会在同层级进行，不会跨层级比较 2.在diff比较的过程中，循环从两边向中间比较1. 用 JavaScript 对象结构表示 DOM 树的结构；然后用这个树构建一个真正的 DOM 树，插到文 档当中2，当状态变更的时候，重新构造一棵新的对象树。然后用新的树和旧的树进行比较(diff)，记录两棵树差异3. 把第二棵树所记录的差异应用到第一棵
2022-07-14 08:44:54
1040
原创 computed、methods、watch 简述 和 区别
在computed中可以定义一些属性：计算属性。计算属性的本质其实就是一个方法，只不过在使用的时候可以直接当做属性来使用。具体有以下特点： 1. 计算属性在使用时不需要加(),直接写名称即可 2.如果计算属性用到了data中的数据，当data数据发生变化时，就会立即重新计算这个计算属性的值 3.计算属性在第一次使用时的结果会缓存起来，直到属性中依赖的data数据发生变化计算属性的结果才会重新求值可以从上述代码中实践得知，输入框内的值变化多少次，控制台就会打印多少次同时还可以直接在监听的
2022-07-14 08:32:40
665
原创 javaScript 数组的常用方法？
数组的常用方法一般会分为四种：操作方法、排序方法、转换方法、迭代方法。下面对数组常用的操作方法做一个归纳： push() 方法接受任意数量的参数，并将他们添加数组的末尾，返回数组的最新长度 unshift() 在数组开头添加任意多个值，然后返回数组的长度splice 传入三个参数，分别是开始的位置、0（要删除的元素的数量）、插入的元素，返回数组concat(): 首先会创建一个当前数组的副本，然后再把它的参数添加到副本末尾，最后返回这个新构建的数组，不会影响原始数组。删：下
2022-07-11 20:51:26
73
原创 js 数组的塌陷
目录1.什么是数组的塌陷？2.数组的塌陷造成的后果？3.清除塌陷造成的影响！ 数组在执行删除操作时，删除数组单元之后，后面的数组单元会向前移动，出现在删除单元的位置上，造成数组长度减少的现象，就是数组的塌陷。 只要数组执行删除操作，立即就会触发数组的塌陷，数组塌陷不会阻止，我们只能消除数组塌陷造成的影响。数组的执行的结果： 循环遍历数组，进行判断删除操作后的结果 那么我们就可以看出，循环遍历数组，进行判断删除操作后，它是删除了一部分重复的数据，但是呢，它没能彻底完成去重，这就是数组塌陷造
2022-07-05 17:17:00
238
原创 CSS弹性盒
新版弹性盒：display:flex（设置为弹性盒 给父级添加）排列方式：1，flex-direction（主轴排列方式）+row /row-reverse/ column/ column-reverse 2,justify-content（主轴对齐方式）+flex-start/ felx-end/ center/ space-around/ space-between 3,align-items（侧轴对齐方式）+flex-s......
2021-10-17 15:36:08
45
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人