Panda's Blog

个人博客

Webpack sideEffect

直观感受 sideEffects 到底起了什么作用，特别是它和 Tree Shaking 是怎么配合的。 ✅ 目标：对比有无 sideEffects 配置时，Tree Shaking 的行为差异 🔧 项目结构 123456demo/├── package.json├── src/│ ├── index.js│ ├── utils.js│ └── style.css 📦 ......

Posted by Panda on 2025-04-10

Webpack

Webpack 中的shaking

这是个非常核心的问题！Webpack 的 Tree Shaking 是现代前端构建优化的关键特性之一，我们可以从 策略、实现原理、优化决策依据 三个维度来回答这个问题： 一、🌲 Tree Shaking 是什么？ Tree Shaking（摇树优化）是指在构建过程中移除 JavaScript 中未使用（dead code）的代码，从而减小打包体积、提升运行效率。 二、Webpack 中......

Posted by Panda on 2025-04-10

Webpack

以太坊-EIP-3085

EIP-3085 是一项关于以太坊的改进提案，旨在为以太坊钱包提供一种新的标准化机制，使得用户能够更加方便和安全地进行 加密货币交易的签名操作，同时增强用户对 签名消息 的理解和控制。 核心目标 EIP-3085 的主要目标是通过改进以太坊钱包中的 消息签名 机制，使得用户在与 DApp 或其他服务交互时，可以更加明确地看到自己签名的内容，从而更好地控制和保护自己的隐私。 关键内容 消息......

Posted by Panda on 2025-04-10

Web3

以太坊-EIP-1102

EIP-1102 是一项以太坊改进提案，旨在解决以太坊浏览器与用户隐私之间的平衡问题。它提出了一种新的方法，让用户在使用 DApp（去中心化应用）时，更加透明地控制和授权哪些信息可以被访问，尤其是在涉及浏览器本地存储的情况下。 核心目标 EIP-1102 的目标是 改善用户隐私控制，尤其是在用户与以太坊浏览器（例如 MetaMask）互动时，确保用户能够明确知道哪些数据正在被访问，以及它们可......

Posted by Panda on 2025-04-10

Web3

以太坊-EIP-707

EIP 707 是以太坊改进提案（Ethereum Improvement Proposal）中的一部分，旨在为以太坊引入一种新的 “验证者奖励” 机制。其主要目标是优化和改进以太坊网络的共识机制，以激励更多的验证者参与到网络的共识中，并提升网络的安全性。 EIP 707 提出的机制可以大致理解为在以太坊的权益证明（PoS）机制中，为参与网络验证的节点提供更多的激励。具体来说，这个提案在以下......

Posted by Panda on 2025-04-10

Web3

以太坊 EIP-1193

EIP-1193 提供的标准化接口可以广泛应用于各种与以太坊相关的 Web 应用中，特别是在去中心化应用（DApp）中。以下是一些常见的使用场景： 1. 连接以太坊钱包 最常见的应用场景是通过 Web 应用与用户的钱包（如 MetaMask）进行连接。通过 eth_requestAccounts 方法，Web 应用可以请求用户的账户信息，并在用户授权后建立连接。 场景示例： 在去中心化交易......

Posted by Panda on 2025-04-10

Web3

以太坊 EIP-747

EIP-747 是一项以太坊改进提案，旨在为以太坊账户引入 Human-Readable（可读性强的） Ethereum Name System (ENS) 地址 的支持。它的核心目标是简化和改善以太坊地址的使用，特别是通过 ENS 的集成，使得地址更具可读性，从而减少用户在处理和输入地址时可能出现的错误。 核心目标 EIP-747 的目标是让 以太坊地址 变得更加 用户友好，特别是在需要输......

Posted by Panda on 2025-04-02

Web3

从MonoRepo到私仓Verdaccio：实战指南

从MonoRepo到私仓Verdaccio：实战指南 一、引言 在当今软件开发的复杂生态中，高效的代码管理和依赖包管理是构建可维护、可扩展项目的关键。MonoRepo作为一种集中式的代码管理模式，以及Verdaccio这样的私有包仓库工具，为开发者提供了强大的解决方案。本文将深入探讨MonoRepo和Verdaccio，并结合实际项目目录结构进行全面的实战演示。 二、什么是MonoRepo ......

Posted by Panda on 2025-01-21

nodejs

深入理解装饰器、reflect-metadata 与 IOC 控制反转

深入理解装饰器、reflect-metadata 与 IOC 控制反转 在现代的 JavaScript 和 TypeScript 开发中，装饰器、reflect-metadata 以及 IOC（控制反转）是构建强大、灵活且可维护软件系统的关键技术。让我们逐步深入探讨这些概念，并着重关注装饰器的输出及其在不同场景中的作用。 一、装饰器：提升代码功能的强大工具 装饰器的基础概念 装饰器是一种使用......

Posted by Panda on 2025-01-16

nodejs

前端模块化全解析：从 CommonJS 到 Module Federation

在前端工程化的漫长演进旅程中，模块化技术宛如一座不断翻新的灯塔，持续照亮着开发者前行的道路，引领着开发模式的革新。从最初崭露头角的CommonJS，到功能强大、成为行业标配的Webpack，再到代表前沿趋势的Module Federation，每一次技术的迭代都精准地瞄准并攻克了特定时期所面临的技术难题。其中，Module Federation所独具的共享作用域机制，犹如一颗璀璨的明珠，在微......

Posted by Panda on 2025-01-13

webpack

FEATURED TAGS
Web3 css js nodejs Webpack HTTP node nginx react CSS React webpack 性能优化 浏览器
ABOUT ME

Stay hungry,Stay foolish

RECENT POSTS
FRIENDS
ARCHIVES