首页
AI Coding
数据标注
NEW
沸点
课程
直播
活动
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
FE优化
订阅
Kuiper
更多收藏集
微信扫码分享
微信
新浪微博
QQ
11篇文章 · 0订阅
两行CSS让页面提升了近7倍渲染性能!
现如今的页面越来越复杂,一个页面往往承载着大量的元素,最常见的就是一些电商页面,数以万计的商品列表是怎么保证渲染不卡顿的,大家在面对这种长列表渲染的场景下,一般都会采用分页或者虚拟列表来减缓页面一次性
如何优雅的让vue长列表快速加载
有个长列表渲染的需求,本来用vue-virtual-scroll-list的。但是每个节点的高度不一样,用着有点问题。如果也有相应的需求可以参考下我的方案。欢迎大家交流! 满足特殊条件的的长列表加载。 列表内各个节点高度不一,各个节点可以进行修改,定位到指定位置指定节点。 vu…
CSS性能优化的8个技巧
我们都知道对于网站来说,性能至关重要,CSS作为页面渲染和内容展现的重要环节,影响着用户对整个网站的第一体验。因此,与其相关的性能优化是不容忽视的。 对于性能优化我们常常在项目完成时才去考虑,经常被推迟到项目的末期,甚至到暴露出严重的性能问题时才进行性能优化,相信大多数人对此深…
嗨,送你一张Web性能优化地图
本文作者是来自360导航的前端开发工程师 Berwin,W3C 性能工作组成员,同时也是《深入浅出Vue.js》(待出版)的作者。 本文转载自奇舞周刊。
总结我对Vue项目上线做的一些基本优化
大家好啊,我是wangly19,一名前端摸鱼小能手。最近忙着开源项目的东西,还有公司项目的迭代问题,导致更新文章的频率有点低了。也来聊聊我在干嘛吧。 第一个事情就是比较我的阉割版UI Design,要开始Vue3.0的开发工作,所以近期都在看Vue3.0的东西。 其次就是和UI…
Vue 应用性能优化指南
得益于 Vue 的 响应式系统 和 虚拟 DOM 系统 ,Vue 在渲染组件的过程中能自动追踪数据的依赖,并精确知晓数据更新的时候哪个组件需要重新渲染,渲染之后也会经过虚拟 DOM diff 之后才会真正更新到 DOM 上,Vue 应用的开发者一般不需要做额外的优化工作。 但在…
浏览器渲染原理
本文为大家分享了浏览器的工作原理和渲染过程,如计算 CSS 样式,构建 Render Tree, Layout 等过程。
记一次 VUE 项目优化实践
爱康体检宝 PC(https://www.tijianbao.com/) 算是一个“老”项目,为什么说“老”呢,因为在前端技术日新月异,每天都有新知识、新概念,甚至新框架的今天,它还是基于vue-cli 2.x、webpack 3.x构建,显然有些老了。其次,在早期开始这个项目…
2018 前端性能优化清单
推荐大家时间充裕的话可以自己阅读英文原文,此文是根据掘金翻译的四篇文章 + 其他的翻译文章 + 自己翻译修改得出的。因为翻译大家懂得,会有一些错误的地方,欢迎大家指出,本人不保证翻译没有错误,但已经尽力去翻译了,所以欢迎大家直接阅读英文原文!!欢迎大家直接阅读英文原文!!欢迎大…
作为前端你拿什么证明网站体验?
前端重构程序员是一个关注代码同时还要留意体验的异类。代码的优化虽然难,但是有比较多的性能测试工具去证明优化的成果。然而体验这种东西,我们又要如何去证明它的好与坏呢? 今天我着重会基于「webnovel」PC站点从以上两点给大家介绍,如何从体验的角度去做重构的优化,并如何用数据去…