首页
沸点
课程
数据标注
HOT
AI Coding
更多
直播
活动
APP
插件
直播
活动
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
性能优化
订阅
良友冰室
更多收藏集
微信扫码分享
微信
新浪微博
QQ
45篇文章 · 1订阅
前端性能优化的整理笔记
不管是面试提问,还是实际工作中,前端性能都是一个绕不过去的问题。性能优化的指标,渲染优化的原理,代码优化,等等多方面的角度,系统的整理了前端性能优化的笔记。
当面试官问我前端可以做的性能优化有哪些
面试过程中面试官问到前端性能优化有哪些,当我咔咔一顿输出之后面试官追问:前端可以做的性能优化有哪些呢? 前端优化大概可以有以下几个方向: 网络优化 页面渲染优化 JS优化 图片优化 webpack打包
再谈前端虚拟列表的实现
书接上文,在之前的 聊聊前端开发中的长列表 中,笔者对「可视区域渲染」的列表进行了介绍,并写了一个简化的例子来展现如何实现。这种列表一般叫做 Virtual List,在本文中会使用「虚拟列表」来指代。在本文中,笔者会把上篇文章中的简化例子一步步强化成一个相对通用、性能优异的虚…
IntersectionObserver 实现虚拟列表初探
前端开发中经常会遇到大数据量列表展示的性能问题,即大数据量一次性展示时前端渲染大量 Dom,触发渲染性能问题,造成初始加载白屏,交互卡顿等。解决这类问题的方案也有很多,使用虚拟列表展示是一个比较
「前端进阶」高性能渲染十万条数据(虚拟列表)
在工作中,有时会遇到需要一些不能使用分页方式来加载列表数据的业务情况,对于此,我们称这种列表叫做长列表。比如,在一些外汇交易系统中,前端会实时的展示用户的持仓情况(收益、亏损、手数等),此时对于用户的持仓列表一般是不能分页的。 在高性能渲染十万条数据(时间分片)一文中,提到了可…
揭秘 Vue.js 九个性能优化技巧
这篇文章主要参考了 Vue.js 核心成员 Guillaume Chau 在 19 年美国的 Vue conf 分享的主题:9 Performance secrets revealed,分享中提到了九个 Vue.js 性能优化的技巧。 我看完他的分享 PPT后,也阅读了相关的项…
新手也能看懂的虚拟滚动实现方法
本篇文章致力于小白也能懂的虚拟滚动实现原理,一步一步深入比较以及优化实现方案,内容浅显易懂,但篇幅可能较长。 如果你只想了解实现思路,那么可以直接看图或者跳到文章最后。 话不多说,直接开始好吧。 想像一下,当你有10万数据需要展示的时候,咋办呢?我们来试一下将它全部加载出来。 …
近期对前端性能优化的总结
前端性能优化不管是在面试中还是在实际开发过程中,都是每一个前端开发工程师都必不可少的能力。本文总结本人多年开发经验中对前端性能优化的理解,希望对大家有所帮助。
💯💯💯 原来 Base64 如此简单!!!
作为前端开发者,我们在很多场景中会使用到 Base64,但很惭愧,笔者对其原理并不熟悉,导致在遇到实际问题时耗费了很多时间去 📌 定位问题。这篇文章,将对Base64 进行刨根问底,一探究竟。
服务端渲染SSR及实现原理
前言 在日常前端开发中,在需要首屏渲染速度优化的场景下,大家或多或少都听到过服务端渲染( SSR )。本文将结合 Vue 来对 SSR 的实现逻辑来进行解读。通过阅读本文你将了解到: 服务端渲染的使用