首页
沸点
课程
数据标注
HOT
AI Coding
更多
直播
活动
APP
插件
直播
活动
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
前端
订阅
前端技术贴子
Reedcc
更多收藏集
微信扫码分享
微信
新浪微博
QQ
10篇文章 · 0订阅
浏览器原理系列(一):FP,FCP,LCP,DCL,L之分析优化
从网页控制台分析FP,FCP,LCP,DCL,L的触发时间,以及讨论如何优化。 名词解释 名词 全称 解释 FP firstPaint 首次绘制 FCP firstContentfulPaint
[译] Chromium 下一代渲染架构(二):RenderingNG 架构概述
在上一篇文章中,我概述了 RenderingNG 的架构目标和关键属性。这篇文章将解释 RenderingNG 的各部件是如何设置的,渲染流水线是如何使用这些部件的。
你知道JS的执行原理吗?一文详解Event Loop事件循环、微任务、宏任务
JS执行原理是什么,同步任务和异步任务是怎么执行的。什么是事件循环,微任务和宏任务又是什么,它们之间有什么区别。这篇文章会给你答案。
【性能】7 分钟带你快速上手 Chrome Performance 面板
在前端领域, 性能优化都是一个非常重要的组成部分,如何通过合理的手段尽可能地提高页面性能,是需要我们不断地努力要做到的,但在那之前, 性能排查又是让你能够对症下药的重要手段, 通过性能排查, 咱
使用 Performance 了解浏览器的渲染过程
开启掘金成长之旅!这是我参与「掘金日新计划 · 2 月更文挑战」的第 28 天,点击查看活动详情 前言 Chrome 浏览器的 Performance 面板提供了检测页面性能的能力,但其提供的远不止一
一文看懂 webpack 的所有 source map !🤔
一直以来对source map 都懵懵懂懂, 被webpack 所提供的多样的source 给乱花了眼。 这次就决定来一一尝试一下各种source map的区别 什么是source map 现代的前端
你不知道的浏览器页面渲染机制
浏览器的内核是指支持浏览器运行的最核心的程序,分为两个部分的,一是渲染引擎,另一个是JS引擎。渲染引擎在不同的浏览器中也不是都相同的。目前市面上常见的浏览器内核可以分为这四种:Trident(IE)、Gecko(火狐)、Blink(Chrome、Opera)、Webkit(Sa…
正确使用externals,vue工程构建性能提升67%
webpack性能优化中必不可少的一环就是externals,本文详细阐述externals的使用场景以及如何使用
关于前端大管家 package.json,你知道多少?
6000字详解package.json,今天看前端的大管家package.json文件相关的配置,充分了解这些配置有助于我们提高开发的效率,规范我们的项目。文章内容较多,建议先收藏在学习!
搞懂前端模块化之 CommonJS 篇
你对 CommonJS 的了解不会仅限于知道`module.exports`和`exports`用于导出、`require`用于导入吧?It's not enough!