全部javascript八股文cssvuereactgodot前端http-网络AIGolangelectronflutter浏览器vite工具gitpnpm前端规范前端监控htmlnextjs前端性能macLinux富文本eslintnginxuniappwebpacknuxttypescriptqwikvscode前端工具数据库react native性能优化移动端webcocoswebstorm编辑器dockerpm2pwawebrtc前端部署antdbabelmarkdownnestjspanellumthreejswebwindows前端工程化AI辅助astroechartsjenkinsmongodbnodeollamaredisshadcn_uisupabase流程图设计模式
前端性能11-21
阅读前端性能优化之概念术语介绍
说到前端性能优化，就会看到各个大佬们都会提到各种专业术语，比如什么FP、FCP、LCP等等。网上一查，很多大佬都只会详细的介绍关键的几个阶段（少而精），基本不太好找到全面的解释的文章。那么就让我趁着最近可以摸鱼，来汇总一下。 FP —— First paint（首次绘制） 是Paint Timing API的一部分，是页面导航与浏览器将该网页的第一个像素渲染到屏幕上所用的中间时，渲染是任何与输入网页导航前的屏幕上的内容不同的内容。它回答...
#学习
前端性能05-11
阅读Chrome DevTools Performance 功能详解
功能面板概览 <img width="756" height="707" src="../../ resources/58b99aa394da44d78502cfd4f3fdc2c3 a2c79bdc31a44b3ab.webp"/ 控制面板（红色区域）：控制性能分析相关功能的配置。 概览面板（蓝色区域）：主要性能项目的图形化预览。可选择录制的某一个片段，默认为完整的录制片段。 视图面板（绿色区域）：展示 中选择的片段的其他指标数据。点...
前端性能05-11
阅读浏览器Performance面板性能监控详解
研背景介绍 1.1 What Chrome DevTools的Performance面板：可以记录和分析页面在运行时的所有活动。 1.2 Why 使用Performance面板解决应用性能瓶颈 为应用的高性能开发提供参考指导价值 1.3 How 如何使用Performance面板查看网页性能 对影响性能的指标进行具体分析 2\. 调研计划及过程跟进 2.1 环境准备 谷歌浏览器【79.0.3945.117（正式版本）（64 位）】以上...