自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 前端面试之性能优化(超详细)

(4)服务器推送:HTTP2 新增的一个强大的新功能,就是服务器可以对一个客户端请求发送多个响应,例如当浏览器请求一个网站时,除了返回 HTML 页面外,服务器还可以根据 HTML 页面中的资源的 URL,来提前推送资源。(3)首部压缩:HTTP2 提供了首部压缩功能,HTTP/2 在客户端和服务器端使用“首部表”来跟踪和存储之前发送的键-值对,对于相同的数据,不再通过每次请求和响应发送。(1)客户端渲染: 获取 HTML 文件,根据需要下载 JavaScript 文件,运行文件,生成 DOM,再渲染。

2023-05-29 09:35:12 314

原创 原生js中防抖节流,递归, 数据去重, 数据排序, 深浅拷贝等使用详细代码

当事件被触发时,如果定时器不存在,则创建一个新的定时器,并在单位时间结束后执行回调函数,否则不做任何处理。当事件被触发时,我们清除该定时器,并重新设置一个新的定时器以达到延迟执行的效果。最后返回的是一个函数,该函数每次执行时都会先清除定时器,然后再设置一个新的定时器,来达到防抖的效果。在内层循环中,我们使用 if 语句来判断相邻的两个元素的大小,如果前面的元素比后面的元素大,则交换它们的位置。防抖的实现原理是,当事件被触发 n 秒后才会执行回调函数,如果在这 n 秒内该事件又被触发,则重新计时。

2023-05-26 16:07:34 219 1

原创 前端之性能优化

2.CDN(Content Delivery Network)缓存:CDN是由多个服务器组成的分布式网络,可以将内容(例如图片和静态文件)缓存在最靠近用户的CDN节点上。静态文件(例如CSS和JavaScript文件)的缓存时间可以设置为更长的时间。3.合并JavaScript文件:将多个小的JavaScript文件合并成一个大文件,在需要时一次性加载,可以减少HTTP请求次数。2.Javascript延迟加载:将JavaScript文件的下载和执行时间推迟到页面渲染完毕后再去加载,可以提高页面加载速度。

2023-05-26 15:36:33 162 1

原创 react18+router6

1.安装路由 npm i react-router-dom。3.创建react-router文件夹并配置。4.创建相关文件并在app.jsx中引入。5.npm run dev 运行项目。2.在main.jsx中引入。

2023-03-15 10:47:34 417

原创 关于移动h5数据列表分页加载问题 =vant+list

处理移动H5分页问题

2023-03-13 17:13:44 391

空空如也

空空如也

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

TA关注的人

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