Chrome Devtools 的 Performance 工具是性能分析和优化的利器，因为它可以记录每一段代码的耗时，进而分析出性能瓶颈，然后做针对性的优化。 这么强大的工具肯定是要好好掌握的，今天

简介 本文介绍 Chrome DevTools Performance 面板的所有功能，以便使用其分析页面加载时/运行时性能，找出性能瓶颈。 功能面板概览 控制面板（红色区域）：控制性能分析相关功能的

Performance是Chrome浏览器自带的性能监测工具。根据我的使用，简单理解就是我们可以通过它录制一段时间的浏览器活动，通过活动的数据去分析页面是否存在提升的空间。想要获取页面的活动数据，那我们的第一步便是录制浏览器的活动。 打开F12，进入Perfomance标签页，…

引言： 在Vue项目的开发过程中，经常需要使用富文本编辑器来处理用户的输入内容。Tinymce 是一个功能强大且易于使用的富文本编辑器，它支持大多数常见的文本编辑功能，并且可以通过插件进行扩展。本文将

前些年开发的Vue项目，基本都是基于webpack构建的，打包构建和开发启动都比较慢，这几年流行了vite，给予了我们这些前端开发攻城狮一个新的选择。

在公司内网环境下，通过 npm install 命令安装涉及 C++ 代码的二进制依赖时，经常会遭遇 node-gyp 编译报错的问题，从而导致依赖安装失败，阻塞后续开发。 这种问题在 Wind

渲然过程概述 主要分为以下五个大阶段，每个阶段下面都涉及到更复杂的算法 顶点着色器=>图元装配=>光栅化=>片元着色器=>深度模板测试 如图所示，我们想绘制一个点在画布上，看看整个渲染过程

1. 什么是软链？ 简单说就是为开发的模块(待发布的npm包)创造一个全局链接，在主项目里链接这个依赖的模块，进行测试。 2. 如何创建、使用、去除软链？ Tips: 注意这里的packageName一定要对应你的npm包package.json里的name字段值。 好啦，通过…

node 应用开发中，不可避免的需要使用或拆分为 npm 模块。 那么在开发npm包的过程中，借助 npm link 可以很方便地实现