balaBalaBalaBala吵个不停-优快云博客

原创操作符i++、++i与setTimeout

在 for 循环中，++i 和 i++ 都是用于递增变量 i 的操作符，但它们的使用方式略有不同。++i：这是前缀递增操作符。它会先将变量 i 的值加 1，然后返回递增后的值。在 for 循环中，使用 ++i 可以在每次迭代之前递增 i 的值。i++：这是后缀递增操作符。它会先返回变量 i 的当前值，然后再将变量 i 的值加 1。在 for 循环中，使用 i++ 可以在每次迭代结束后递增 i 的值。上面这种情况下，i++与++i可以互换使用。

2023-07-22 10:55:30 184

原创 Vue.js 中this.$nextTick()用法

简单地说nextTick()可以在当前代码块的同步代码执行完毕后，立即执行传入的回调函数。通常情况下，Vue 在更新 DOM 时是异步执行的。当数据发生变化，Vue将开启一个异步更新队列，视图需要等队列中所有数据变化完成之后，再统一进行更新，这意味着如果你想在 DOM 更新后立即执行一些操作，可能会遇到问题。这时就可以使用nextTick()方法来确保回调函数在 DOM 更新后立即执行。需要注意的是，nextTick()方法是异步的，所以回调函数的执行顺序是不确定的。

2023-07-21 16:35:16 2862 1

原创 Lodash基础以及在防抖与节流中的应用

Lodash 是一个一致性、模块化高性能的 JavaScript 工具库它提供了大量的函数，如数组处理、字符串操作、对象处理、函数式编程、日期处理等功能，可以大大提高开发效率。

2023-07-20 18:42:57 2565

原创 v-if与v-show区别，他们二者用css理解怎么理解

反之，v-show 只是简单地切换了 CSS 属性 display 的值来控制元素的隐藏或显示，并没有从 DOM 中删除元素。因此，即使条件为假，DOM 仍然保留了这些元素的空间。当 show 的值为 false 时，上面的代码将不会生成任何 HTML 元素。因此，当条件不满足时，v-if 和 v-show 是 Vue.js 中常用的两个指令，它们都可以用于控制组件或元素的显隐。display 具有破坏性，在元素上设置。不会在文档流中移除元素，仅是将其。

2023-07-07 17:05:47 294 1

原创本地文件推送至GitHub仓库

如将下图中git文件夹下的文件提交到github。 token在github官网的设置中可以得到。，此文件夹下已经有 .git,所以不需要再使用。这里我的用户名为 zhanggui288。然后会弹出一个框，输入github用户名。5、将本地的仓库关联到github。1、进入git文件夹，右键进入。将文件夹下的文件均加入到仓库。

2023-06-30 12:47:15 340

原创 JS中的运算符

通过运算符可以对一个值或多个值进行各种运算对一个值进行运算的运算符，称为一元运算符，比如说typeof；还有二元运算符等除了字符串的加法以外，对其它类型的值进行算术运算时，都会转为数值然后再进行运算+加法运算，对两个字符串进行拼接-减法运算*乘法/除法**(幂运算)求一个值的几次幂%(取模)两个数相除取余数通过为一个任意值 + 0， - 0，* 1等方式来将其转化为数字，类型变化，值不变，这种方式称为隐式转换，它的原理和Number()函数一样。

2023-06-06 21:05:48 57

原创流程控制语句

一对{}就是一个代码块代码块中使用let声明的变量，在代码块外部无法访问，使用var声明的变量没有块作用域，在代码块外部也可以访问。

2023-06-06 20:59:52 44

原创 apply、bind、call

apply 方法与 call 方法相似，不同之处在于它需要传递一个。apply、bind 和 call 这三个方法来改变函数的。而不是一系列单独的参数。

2023-06-06 20:57:34 61

原创 yarn包的安装及使用

yarn是一个可以用来代替npm的包管理器，相比于npm，yarn在安装包时的速度比较快。

2023-06-04 10:13:20 2588 1

原创 npm管理包的方法

Nodemon是一个Node.js应用程序的开发工具，它可以自动监视文件的变化并重启应用程序。这个工具可以帮助开发者在开发过程中节省时间，因为它可以自动重启应用程序，而不需要手动重启。如果我们从别人的仓库中下载项目，那个项目中不会有 node_modules文件,这就需要我们根据package.json 中的依赖声明，使用以下命令安装工具包。后新建一个 .gitignore 文件，在此文件中写入 /node_modules。新建一个server.js,让server.js在node环境下运行，运行命令。

2023-06-03 15:37:00 279

原创 localStorage 和 sessionStorage

当用户关闭浏览器窗口时会被立即删除。因此，如果用户重新打开浏览器或在浏览器中打开另一个选项卡，则会创建一个新的会话，该会话将无法访问先前保存的 sessionStorage 数据。而 sessionStorage 的大小限制相同，并且也可以在多个标签页和窗口之间进行共享，但是由于浏览器关闭时 sessionStorage 会被删除，因此。localStorage 和 sessionStorage是用来在客户端保存数据的技术，而不需要每次请求时都与服务器进行通信。

2023-05-27 10:37:07 137 1

原创深拷贝、浅拷贝区别

需要注意的是，使用内置的 JSON.stringify 和 JSON.parse 方法可能无法正确地处理某些 JavaScript 数据类型，例如函数、RegExp 对象和 Date 对象等，因此在实际使用时需要谨慎处理。可以使用递归等方法来实现 JavaScript 对象的深拷贝，或者使用第三方库（如 lodash、jQuery 等）来执行深拷贝操作。由于这些操作均是基于值复制执行的，因此将生成一个全新的对象，而不是仅对原始对象和其一级属性进行表面上的复制。，从而创建一个完全独立的对象。

2023-05-27 10:31:47 78 1

原创写一下节流跟防抖

上面的代码中，fn 是需要进行节流的函数，delay 是指定的时间窗口大小，通过使用 setTimeout 来控制函数执行的频率。在代码执行阶段，如果在时间窗口内再次触发了该事件，那么指定的事件处理函数不会被立即执行，而是仍然等待上一次事件处理函数的执行完成后再执行。这样就可以有效地控制事件的执行频率，避免短时间内多次重复执行同一个函数。上面的代码中，fn 是需要进行防抖处理的函数，delay 是指定的时间窗口大小，使用 setTimeout 和 clearTimeout 来控制函数的执行和取消执行动作。

2023-05-27 10:28:26 91 1

qq_57223591的博客