微医工程化专栏
14篇文章 · 0订阅
  • React hooks 状态管理方案解析
    本文从实现「计数器」这个经典场景出发，逐步分析 Hooks时代下，React 状态管理方案的演进过程和背后的实现原理。
    React.js 前端
    React hooks 状态管理方案解析
  • 手把手带你走进Babel的编译世界
    本文将对AST结构、Babel工作原理等方面作介绍，结合目前Babel & AST常见的应用场景做分析，帮助同学们了解Babel & AST在实际开发过程中的用途。
    前端 Babel
    手把手带你走进Babel的编译世界
  • 从微服务到微前端：浅谈微前端的设计思想
    1、引入：什么是微服务？ 微服务是近几年在互联网业界内非常🔥 的一个词，在俺们大学沸点工作室Java组也已经有Spring Cloud微服务的实践先例，那我们作为前端的角度，该怎么理解微服务呢？ 可以
    JavaScript 前端
    从微服务到微前端：浅谈微前端的设计思想
  • 面向未来的前端构建工具 - Vite ⚡️原理分析
    搞懂 Vite 原理，一篇就够！从 Vite 特点到运行原理，且看团队大佬如何深入浅出剖析 Vite
    Vite
    面向未来的前端构建工具 - Vite ⚡️原理分析
  • 前端工程化基建探索（2）从内部机制和核心原理了解npm，看它何“咸鱼翻身”
    当我们拉取一个前端工程化项目，都会通过npm/Yarn/pnpm 管理工具来安装项目的依赖，运行项目，打包项目，基本上是前端开发三部曲。不知在前端开发过程中你是否考虑过下面几个问题...
    前端
    前端工程化基建探索（2）从内部机制和核心原理了解npm，看它何“咸鱼翻身”
  • 1. 「webpack源码分析」构建前后产物对比分析webpack做了些什么?
    1. 给出一个实例，对比该案例webpack构建前后的差异，为后面分析构建主流程组铺垫 2. 分析运行时的执行逻辑。
    JavaScript Webpack 前端
  • rollup - 构建原理及简易实现
    Rollup 是一个 JavaScript 模块打包器，可以将小块代码编译成大块复杂的代码，例如 library 或应用程序。
    前端 rollup.js
    rollup - 构建原理及简易实现
  • 从 0 到 1 解读 rollup Plugin
    rollup plugin 这篇文章读读改改，终于和大家见面啦。 讲道理，稀里糊涂直接看源码分析只会分分钟劝退我，而我只想分分钟写个 rollup 插件而已~~
    前端
    从 0 到 1 解读 rollup Plugin
  • 无用代码去哪了？项目减重之 rollup 的 Tree-shaking
    从 Webpack2.x 通过插件逐步实现 tree-shaking，到最近炙手可热的 Vite 构建工具也借助了 rollup 的打包能力，众所周知 Vue 和 React 也是使用 rollup
    前端 rollup.js
    无用代码去哪了？项目减重之 rollup 的 Tree-shaking
  • 轻松理解webpack热更新原理
    一种是页面刷新，不保留页面状态，就是简单粗暴，直接window.location.reload()。 另一种是基于WDS (Webpack-dev-server)的模块热替换，只需要局部刷新页面上发生变化的模块，同时可以保留当前的页面状态，比如复选框的选中状态、输入框的输入等。…
    Webpack 前端
    轻松理解webpack热更新原理