自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(17)
  • 收藏
  • 关注

原创 操作符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 128

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

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

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

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

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

2023-07-20 18:42:57 2422

原创 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 195 1

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

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

2023-06-30 12:47:15 171

原创 JS中的运算符

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

2023-06-06 21:05:48 37

原创 流程控制语句

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

2023-06-06 20:59:52 26

原创 apply、bind、call

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

2023-06-06 20:57:34 42

原创 yarn包的安装及使用

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

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

原创 npm管理包的方法

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

2023-06-03 15:37:00 212

原创 localStorage 和 sessionStorage

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

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

原创 深拷贝、浅拷贝区别

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

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

原创 写一下节流跟防抖

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

2023-05-27 10:28:26 47

原创 http字段

Host字段 客户端发送请求时,用来指定服务器的域名。 Content-Length字段 服务器在返回数据时,会有这个字段,表明服务器返回的数据长度 Connection字段 客户端要求服务器使用TCP持久连接,以便复用。http/1.1都是持久链接,但是为了兼容老版本,connection首部字段的值为Keep-Alive content-type 服务器回应时,告诉客户端本次是什么格式的数据,Accept表明可以接受任何格式的数据 conten-Encoding

2023-05-17 17:59:14 32 1

原创 GET与POST

【代码】GET与POST。

2023-05-17 17:13:37 31 1

原创 HTTP状态码

客户端请求报文正确,但是。处理时内部发生了错误。

2023-05-17 17:00:50 35

原创 JS 数值

JS中,所有数值包含整数和小数(浮点数)都属于number类型JS中大部分的整数运算得到一个精确的结果小数运算有可能得到一个不精确的结果当数值超过一定范围后,会直接使用infinity(正无穷)NAN 非法数字。

2023-05-13 10:24:37 38 1

空空如也

空空如也

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

TA关注的人

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