自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 防抖和节流、深拷贝与浅拷贝

会开辟一个新的栈,两个对象的属性完全相同,但会对应两个不同的内存地址,也就是拷贝的不会影响原先的值。:拷贝的是原先的对象地址,那么拷贝出的对象修改会影响原先的对象值。:n秒后再执行该事件,若在n秒内重复触发,则重新计算时间再执行。:n秒内只执行一次,若在n秒内重复触发,只会执行一次。深拷贝和浅拷贝对于基本类型都是拷贝原先的值。

2024-03-18 16:50:27 123 1

原创 常用的数组方法

向数组的尾部添加一个或多个元素,返回值是添加元素后的新数组的长度向数组的头部添加一个或多个元素,返回值是添加元素后的新数组的长度,和前面push用法一样,只不过一个是在数组尾部添加,一个是在数组头部添加。删除数组的最后一个值,返回值为删除的值,如果数组为空,则返回undefined打印结果删除数组的第一个值,返回值为删除的值,如果数组为空,则返回undefined,和前面pop 的使用方法一样,只不过一个是删除最后一个值,一个是删除第一个值将数组倒序,就是把数组内容反转,返回结果就是反转的数组。

2024-02-23 11:03:33 849

原创 js中的this 关键字

箭头函数a的父级是obj1,obj1的this指向window,因此打印结果为window。箭头函数没有自己的this指向,它会向外层查找,指向外层中最近的一层指向的this。打印的结果还是window,但是在严格模式下是undefined。打印结果:this就是方法所属的对象obj1。在严格模式和非严格模式都是window。this 指代new出来的新的。

2024-02-21 09:20:14 327 1

原创 http缓存(强缓存和协商缓存)

http 缓存就是基于 http 协议的浏览器文件级缓存机制,通俗来讲就是当我们使用浏览器首次访问一个页面时,会将一些资源文件(img,css,js等)缓存到本地,以便之后打开此页面时直接读取本地的资源文件,进而缩短页面的响应时间,减少对服务器的请求次数。http缓存分为强缓存和协商缓存。根据Expires和Cache-Control字段判断缓存是否失效,如果没有失效,则直接访问本地缓存的资源文件,不需要向服务器请求。在响应头部(Response Headers)添加,格式。

2024-02-20 08:50:57 282

原创 vue3项目中vue-router的使用

vue3项目中vue-router的使用

2024-01-15 15:23:58 437

原创 React 常用的Hooks(钩子函数)

Hooks可以帮助在组件中使用不同的 React 功能。所有的Hooks函数只能在函数组件中使用,在类组件中使用会报错,下面介绍几个常用的Hooks函数

2024-01-11 10:58:37 1424

原创 Typescript(ts)中的数据类型

ts的几种特殊数据类型

2023-12-29 11:13:15 386 1

原创 使用Bootstrap完成响应式页面设计

Bootstrap5是目前Bootstrap的最新版本,但考虑到浏览器的兼容性,建议使用 Bootstrap4 或 Bootstrap3。目前Bootstrap5 兼容所有主流浏览器(Chrome、Firefox、Edge、Safari 和 Opera),但不支持 IE11 及以下版本。在这篇文章中我使用的是Bootstrap4。

2023-11-13 17:48:53 2010

原创 简单使用关键帧@keyframes实现动画

在css中定义一个@keyframes,名字为animation1(名字可根据自己的习惯来),然后根据自己的需求选取0-100的区间定义css样式,我这里改变了背景颜色,大小和位置,只定义了0、50和100的区间。你们可以根据自己的需求自定义。

2023-10-16 17:55:59 211 1

原创 使用swiper实现轮播图

在使用swiper之前需要先引入需要的css和js文件,可以直接下载文件也可以选择使用CDN。在本文中我选择CDN的方式,首先在html文件中导入css和js。到这一步,一个简单的轮播图就完成了。创建div,放入需要轮播的内容。

2023-10-07 17:31:31 2153

原创 模拟JSON数据并渲染到HTML中

第一步:模拟json数据。第二步:利用for循环遍历出数据。第三步:创建一个空标签放数据。第四步:定义一个变量,我这里命名为“html”,将遍历出来的数据内容赋给这个变量。第五步:将数据渲染到html中。

2023-09-21 10:45:20 1075 2

空空如也

空空如也

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

TA关注的人

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