自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(2)
  • 资源 (1)
  • 收藏
  • 关注

原创 关于前端性能优化的策略

现阶段随着浏览器性能的提高,浏览器对于五年前几乎是破坏性能的前端代码容忍度变得极高,但是由于业务量的不断增长和技术的加深,工程师需要各个层面上运用浏览器的极限运算性能一、技术架构和技术选型部分1.ssr 和 csr二、内容优先策略1.内容优先级别区分2.首屏渲染三 、网络架构因素1.从url到文档解析2.keep-alive3.cdn(内容分发网络)四、在代码层面的实现1.延迟加载脚本 ( defer 和 async )2.按需加载3.减少http请求次数4.压缩请求资源体积5

2021-05-20 16:14:30 198

原创 如何实现一个js 图片懒加载

let imgGroup = document.querySelectorAll('img');window.onload = function(){ //待页面所有资源加载完成后开始加载图片 loadImg();}window.onscroll = function(){ //每100毫秒执行一次onscroll , 起到节流作用 if ( !imgGroup.length ...

2020-04-14 19:33:42 159

lazyLoading.rar

前端代码实现图片懒加载 , 内含完整的html5页面 , js 以及图片资源 , 有兴趣的朋友可以参考一下

2020-04-14

空空如也

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

TA关注的人

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