突头小恐龙

Performance整体分析 1. Performance指标值 名词 解析 详细 FP (First Paint) 首次绘制 标记浏览器渲染任何在视觉上不同于导航前屏幕...

Lighthouse 评分说明  经过检测，Lighthouse 会对上述五个维度给出一个的评估得分，分值范围0-100，主要分为三个档次，分别用红黄绿三种颜色代表： 0 ...

Chrome devTools查看内存情况 简单录制一下百度页面，看看我们能获得什么，如下动图所示： 看看开发者工具中的Memory一栏，其主要是用于记录页面堆内存的具体情...

概述 当我们配置2FA双重验证后，每次登陆github尽管密码输入正确都必须输入2FA生成地一次性验证码。当我们无法获取2FA的验证码时，我们应该如何登陆github，甚至...

封装下载函数&扩展功能+封装下载进度组件+下载按钮携带进度 vue3 ts download Axios pinia 封装 组件 自定义指令...

前端监控体系搭建（错误、异常、白屏、性能监控、卡顿、pv等，接入日志、告警系统），前端监控SDK.....

Mac安装nvm和Windows安装nvm，保姆级步骤 对于公司不同的新老项目，可以使用nvm管理不同版本的node和npm，来贴合项目开发...

一、校招篇 适用对象： 未毕业的专科、本科、研究生，大几研几都可食用。 术语 ---先补充几个术语，方便文章食用： of：offer 指录用通知邮件； oc：offer c...

前言 说起路由懒加载，相信大家很快就知道怎么使用它 实现它，包括在做项目优化的时候，相信大家都会用到路由懒加载，但是问到路由懒加载的原理，可能大家就忽略了 理不清楚了，笔者...

一、了解axios 1、axios是什么 官方解释： ajax/fetch/axios 的区别： ajax是一种技术统称，基于XMLHttpRequest； fetch是具...

一、前言 注意：本文仅作为webpack学习之用，实际项目中还是更推荐使用成熟的脚手架搭建，然后根据本文教程去定制改造。 Webpack 功能非常强大，包括：模块打包、代码...

一、CLI有啥用，认识CLI 前端开发过程中常见的CLI有： create-react-app vue-cli webpack-cli prettier-cli 基本复杂一...

最近读《重学前端》，开篇就是让你拥有自己的知识体系图谱，后续学的东西补充到相应的模块，既可以加深对原有知识的理解，又可以强化记忆，很不错的学习方案。 process.nex...

数组扁平化就是将 [1, [2, [3]]] 这种多层的数组拍平成一层 [1, 2, 3] 实现数组扁平化的5种方法： 1、使用数组原型上的flat方法： 2、递归遍历： ...