RicardoPang

1. 什么是Webpack Webpack可以看作是一个模块打包工具，它会分析你的项目结构，找到JavaScript模块以及其他一些浏览器不能直接运行的扩展语言（如Scss...

一.Vuex基本使用及用法 二.自己实现Vuex模块 3.1.install方法 3.2.实现state 3.3.实现getters 3.4.实现mutations 3.5...

一.Vue3响应式原理 1.1. 架构分析 Monorepo 管理项目代码的一种方式，指在一个项目仓库（repo）中管理多个模块/包（package） 优点 一个仓库可维护...

一.使用Rollup搭建开发环境 1.安装rollup环境 2.rollup.config.js编写 3.配置.babelrc 4.执行脚本配置 二.Vue响应式原理 导出...

一.Vue-Router基本应用 通过Vue路由的基本配置来探索Vue-Router 核心方法是 Vue.use(Router)，再就是new Router产生router...

从零开始：打造一个现代化的Vue3组件库 在当今快速发展的前端世界中，组件库已成为提高开发效率、保持代码一致性的关键工具。本文将带您深入探讨如何从零开始构建一个现代化的Vu...

1. typescript 是什么 Typescript 是由微软开发的一款开源的编程语言 Typescript 是 Javascript 的超集，遵循最新的 ES5/ES...

1. 异步回调 1.1 回调地狱 在执行多个操作时，回调函数的嵌套可能会导致代码难以理解，这种现象通常被称为回调地狱 1.2 并行结果 当多个异步操作之间没有顺序要求时，可...

微信小程序的技术架构与运行原理解析 小程序作为微信生态中的轻量级应用，极大地简化了开发者的开发流程，同时保证了用户的良好使用体验。本文将深入解析小程序的技术架构，从逻辑层与...

一. 背景 前端性能优化：以用户为导向的策略 在当今的技术环境中，前端性能优化已经成为一个重要的议题。随着用户对于网页加载速度和交互反应时间的期望日益提高，只有具备优秀性能...

一. axios 的二次封装 为什么需要二次封装？ 二次封装 axios 的主要目的是为了提高代码的可维护性和可扩展性。在一个复杂的项目中，网络请求可能会随着项目的发展而演...

前端监控埋点 一、为什么需要监控： 快速发现和解决问题：通过实时监控前端错误和性能瓶颈，能够迅速定位和修复问题，减少用户流失。 数据驱动决策：收集的用户行为和性能数据为产品...

1. 屏幕尺寸 指屏幕对角线的长度，单位是英寸，1英寸=2.54cm 2.像素 2.1 屏幕分辨率（物理像素） 指在横纵方向上的像素点，单位是px，1px=1个像素点 这里...

一、读取文件内容与解析依赖关系 Webpack 的打包过程从读取入口文件开始，并通过递归解析其依赖关系，逐步构建出整个项目的依赖图。我们可以将这一过程拆解为以下几个步骤： ...

概述 本工具旨在为开发者提供一种高效的方式来分析和管理项目的依赖关系。通过递归 node_modules 目录和解析锁文件，构建出清晰的依赖关系图，并使用 D3.js 实现...

1. koa koajs Koa2 是现在最流行的基于 Node.js 平台的 web 开发框架 2.安装 2.应用程序 Koa 应用程序是一个包含一组中间件函数的对象，它...

HTTP协议和TCP协议 1. 长链接 2. 管线化 3. URI和URL URI URI URI(Uniform Resource Identifier)是统一资源标识符...

什么是Google V8 V8 是由 Google 开发的开源 JavaScript 引擎，广泛应用于 Chrome 浏览器和 Node.js，其核心功能是执行 JavaS...

1. fs 模块 在 Node.js 中，使用 fs 模块来实现所有有关文件及目录的创建、写入及删除操作。 在 fs 模块中，所有的方法都分为同步和异步两种实现。 具有sy...

一. 进程和线程 进程是操作系统资源分配的基本单位，进程中包含线程。（拥有资源和独立运行的最小单位） 线程由进程管理，是进程的执行单位。为了提升浏览器的稳定性和安全性，浏览...