首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
前端优化
订阅
小橘子本尊997
更多收藏集
微信扫码分享
微信
新浪微博
QQ
20篇文章 · 0订阅
前端性能优化:从系统分析到实践策略
前言 在过去几年,我曾经写过几篇和性能优化相关的文章,例如有性能优化方法相关的,有性能监控相关的。但是都只关注于局部,没有从整体上去看待、分析性能优化。所以本文打算尝试从整体上去分析前端性能优化,从性
Element-ui 实现表格虚拟滚动
el-table-virtual-scroll 基于Element-UI的Table 组件开发的虚拟滚动组件,支持动态高度,解决数据量大时滚动卡顿的问题。 依赖:Vue2和ElementUI。 预览:
基于 qiankun 的微前端最佳实践(万字长文) - 从 0 到 1 篇
本系列其他文章计划一到两个月内完成,点个 关注 不迷路。 本文是基于 qiankun 的微前端最佳实践系列文章之 从 0 到 1 篇,本文将分享如何使用 qiankun 如何搭建主应用基座,然后接入不同技术栈的微应用,完成微前端架构的从 0 到 1。 本教程采用 Vue 作为主…
字节跳动是如何落地微前端的
微前端是一种由独立交付的多个前端应用组成整体的架构风格,将前端应用分解成一些更小、更简单的能够独立开发、测试、部署的应用。本文对微前端的原理和实践进行了详细的描述,并预告Modern.js即将开源~
前端埋点黑科技
前言 最近埋点业务接触的不少,于是乎想整理一篇相关的文章出来,分享给大家,也便于自己阅读。 由于是使用 vue2.x 实现的业务,所以埋点是基于vue2.x来的(什么技术栈不重要逻辑是一样的)。 如果
Vue防止白屏添加首屏动画
单页应用有个无法避免的问题就是首屏加载慢,虽然可以通过gzip、路由懒加载、CDN、提高服务器带宽等手段,首屏加载速度仍然比传统多页应用慢一些。 为了提高用户体验,首屏添加loading动画很有必要,并且实现特别简单。
首屏时间(FCP) VS 白屏时间(FP)
最近发现做了这么多的首屏优化,一直都是把白屏时间和首屏时间算在一起,也就是页面打开之前 dom 没渲染出来,我就把他归为首屏时间。时间上这里专业点可以分为首屏和白屏两个阶段,这篇文章就讲讲二者的区别,以及计算方法。 首先先讲讲按照我以前理解的首屏时间慢会带来什么问题,在页面一开…
前端劝退之前端知识体系(前端面试体系)
前言 虽然马上就要金九银十了,面试的人应该不少,虽然我也有在面,写文的目的主要是梳理下知识,能对复习有点帮助就行,本文主要针对前端知识体系相关。
如何在 React 项目中整合 Eslint 和 Prettier
当我们来到一个新的团队,或者接手一个新的项目时,一定会遇到代码规范的问题。随着前端应用越来越复杂,代码规范的问题也日益得到大家的重视。本文就带着大家来从 0 开始整合一个 React 前端应用的相关配置。 Eslint 是一个可以检验代码,并给出报告的工具。它的目标是保证代码的…
0202年了, Chrome DevTools 你还只会console.log吗 ?
1. 控制台中直接访问页面元素 在元素面板选择一个元素,然后在控制台输入$0,就会在控制台中得到刚才选中的元素。如果页面中已经包含了 jQuery,你也可以使用$($0)来进行选择。 你也可以反过来,在控制台输出的 DOM 元素上右键选择 Reveal in Elements …