性能优化
绝世唐门三哥
改变世界的程序猿@三哥
展开
-
Vue---vue3+vite项目内使用devtools,快速开发!
我们在前期开发时,一般使用chrome或者edge浏览器,会使用vue-devtools或react-devtools(此插件个人未使用,可百度下是否可内嵌入项目!)来审查vue项目;这个需要安转浏览器插件才可支持!故此本博客的目的是,如果已经开发或者维护阶段的vue+vite项目如何临时插入该插件使用!创建vue3项目时,会提示是否安装devtools的插件!原创 2024-07-24 15:04:09 · 582 阅读 · 0 评论 -
性能优化--- iframe阻塞页面渲染的问题,如何优化?
提前加载iframe的内容,可以通过设置iframe元素的src属性为一个空白页面或一个预加载页面,当需要显示iframe时再修改src属性为真正需要加载的页面。将iframe的内容分成多个片段,可以将每个片段作为独立的iframe加载,这样即使其中一个片段加载慢或发生错误,不会影响其他片段的加载。中的内容在父页面的其他内容之前下载完成,这将导致父页面的其他内容被延迟显示,从而阻塞页面的加载。的内容同时加载可能会对用户的设备产生显著的性能影响,从而阻塞页面的加载。的内容完全加载,父页面的渲染才能继续。原创 2024-07-09 15:37:14 · 831 阅读 · 0 评论 -
兼容问题---ios底部的安全距离css设置
有一点要注意,在IOS11.2系统以前,可以使用constant()函数,但是在IOS11.2系统以后,这个函数就被废弃了,被env()函数替代了。2. 同时设置env和constant代码,同样env()和constant()需要同时存在,而且顺序不能换。1. 需要将viewport设置为cover,env和constant才能生效。这里不一定用padding-bottom可以是margin-bottom设置,具体看实际情况!采用viewport+env+constant方案。原创 2024-07-09 12:56:10 · 728 阅读 · 0 评论 -
JavaScript---lazyload图片懒加载处理_IntersectionObserver
IntersectionObserver API原创 2024-03-12 17:13:39 · 236 阅读 · 0 评论 -
JavaScript---如何实现准时的setTimeout定时器
最近有同学在面试的时候被问到了这个问题。所以我们利用这篇文章对这个问题进行下解答。转载 2023-12-13 15:53:53 · 176 阅读 · 0 评论 -
浏览器---chrome 高级调试技巧汇总(后期继续添加)
decodeURIComponent(ody中的参数,即可转义为正)2.post请求修改body里面的参数,可能需要适当的转换。这里修改参数是分两种情况get请求和post请求。4.控制台获取Elements面板选中的元素。1.get请求直接修改url上的拼接参数。10.$i直接在控制台安装npm包。3.复制JavaScript变量。7.控制台引用上一次执行的结果。9."$"和"$$"选择器。2.在控制台快速发起请求。5.截取一张全屏的网页。1.一键重新发起请求。.....................原创 2022-07-26 15:27:52 · 8408 阅读 · 2 评论 -
JavaScript---防抖和节流的使用
2. 对于防抖和节流函数的详细的使用封装函数:对于防抖函数的详细封装以及简化版:对于节流函数的详细封装以及简化版:原创 2022-07-24 00:14:44 · 721 阅读 · 0 评论 -
知识点---前端页面性能优化的方式,小bai也能懂
==让加载更快==1. 压缩代码,减小体积。使加载更快。2. 减少请求次数:合并请求,ssr服务端渲染,缓存3. 将静态文件采用CDN方式引入==缓存==1. 静态资源加hash后缀,根据文件内容计算hash2. 文件内容不变,则hash不变,则url不变3. url和文件不变,则会自动触发http缓存机制,返回304==SSR(服务端渲染)==1. 服务端渲染:将网页和数据一起加载一起渲染2. 非SSR(前后端分离):先加载网页,在加载数据并渲染数据3. 早先的JSP/.原创 2022-04-28 21:19:09 · 273 阅读 · 0 评论