- 博客(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
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人