本文从源码层面进行分析，结合了实际vue项目经验，梳理vue的依赖收集，分析的vue版本为3.3.3本文适合有一定实战经验或阅读经验的vue开发者 响应式基础在了解依赖收集前，我们先了解下vue是如何书写响应式的。 12345<!-- 模板代码 --><template> <div>count：{{ count }

Monorepo已经成为一种常见的项目管理策略，它允许开发者在一个集中的代码库中管理和维护多个项目。本次技术分享将介绍Monorepo的概念，通过常见的前端项目管理痛点，讲解monorepo的解决方案，以及如何使用Lerna和Nx等工具实现Monorepo管理。 项目代码仓库管理策略的演进前端从最初的三剑客（HTML、CSS、JavaScript）到现在的各种框架、库、工具的百花齐放，前端项目

本文是《What is PNPM & Why You Should Try It As a Frontend Developer》的对照翻译 了解 pnpm——npm/yarn的替代方案，了解其优点、依赖管理和用法。 前置疑问：为什么使用 PNPM，它有哪些学习点？ 什么是 pnpm?正如官网所说，快速的，节省磁盘空间的包管理工具 优势 快速的 以下是几个工具的比较： 可以看出，在大

任务池管理器可以管理任务的调度和执行，控制并发执行的任务数量，支持动态任务添加，并在任务池为空时节省计算资源。这样可以有效地管理任务的执行，提高系统的性能和资源利用率。 项目中需要控制并发，因此需要实现一个任务池管理器，其必须具有以下作用： 任务调度：任务池管理器可以接收并存储任务，并根据一定的调度策略从任务池中选择任务进行执行。在示例代码中，执行器每隔一秒从任务池中取出3个任务依次执行，保持了

git连接github会很慢，本文主要记录一些git添加代理的一些方式 设置全局git代理123git config --global https.proxy http://127.0.0.1:1080git config --global https.proxy https://127.0.0.1:1080 取消全局git代理123git config --global --unset htt

当你遇到一个问题，你首先想到的是如何解决它，而不是先思考为什么会出现这个问题。 What is XY-Problem?对于X-Y Problem的意思如下： 有人想解决问题X 他觉得Y可能是解决X问题的方法 但是他不知道Y应该怎么做 于是他去问别人Y应该怎么做？ 简而言之，没有去问怎么解决问题X，而是去问解决方案Y应该怎么去实现和操作。于是乎： 热心的人们帮助并告诉这个人Y应该怎么搞，但是大

npm 国内源1npm config set registry https://registry.npmmirror.com nvm 国内源 设置npm_mirror:1nvm npm_mirror https://npmmirror.com/mirrors/npm/ 设置node_mirror:1nvm node_mirror https://npmmirror.com/mirrors/nod

性能优化的核心在于减少页面加载时间和提高用户体验 Why-为什么需要性能优化性能优化在前端开发中非常重要，原因如下： 提升用户体验：用户对于网页加载速度和响应性的要求越来越高。如果网页加载缓慢或响应不及时，用户可能会感到不耐烦，甚至选择离开。通过性能优化，可以加快网页的加载速度、提高响应性，提升用户体验，增加用户的留存和转化率。 提高页面可访问性：性能优化可以确保网页在不同网络环境和设备上都能

事件循环机制的核心是一个事件循环线程，它持续运行并监听事件队列。当有事件需要处理时，事件循环会将事件从队列中取出并执行相应的回调函数 Why-为什么需要事件循环机制JavaScript是一种单线程的编程语言，意味着它一次只能执行一个任务。如果在执行一个耗时的操作时，如网络请求或计算密集型任务，如果JavaScript采用同步的方式执行，那么整个页面或应用程序将会被阻塞，用户无法进行其他操作，直到该