首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
前端项目
订阅
normal
更多收藏集
微信扫码分享
微信
新浪微博
QQ
5篇文章 · 0订阅
原生JS实现最简单的图片懒加载
试一下自己撸一个图片懒加载... 懒加载其实就是延迟加载,是一种对网页性能优化的方式,比如当访问一个页面的时候,优先显示可视区域的图片而不一次性加载所有图片,当需要显示的时候再发送图片请求,避免打开网页时加载过多资源。 当页面中需要一次性载入很多图片的时候,往往都是需要用懒加载…
设计无限滚动下拉加载,实践高性能页面真谛
UX Planet论坛上有过这么一篇热门文章: Infinite Scrolling Best Practices,它从UX角度分析了无限滚动加载的设计实践。 无限滚动加载在互联网上到处都有应用:豆瓣首页是一个,Facebook的Timeline是一个,Tweeter的话题列表…
《从零构建前后分离的web项目》:前端1.0 终 - 前端性能优化 (多图预警)
我们通常在本地开发,本地环境和线上也并非完全一样,很多项目第一次上线几乎都会遇到本地开发无法复现的问题,可能是字体、样式的问题,也可能是webpack 编译的问题、甚至可能是本地的奇葩环境。所以 本地完美运行 ≠ 线上完美运行,我们需要 build 项目,模拟线上测试一下,看看…
quicklink 为你的页面实现秒开
可以在空闲时间预获取页面可视区域(以下简称视区)内的链接,加快后续加载速度。 预获取视区内的 URL(使用<link rel=prefetch>或 XHR)。 可根据请求优先级进行控制(若支持 fetch() 可进行切换)。 该项目旨在为网站提供一套解决方案,预获取处于用户视区…