在前端工程化日趋复杂的今天，模块打包工具在我们的开发中起到了越来越重要的作用，其中webpack就是最热门的打包工具之一。 说到webpack，可能很多小伙伴会觉得既熟悉又陌生，熟悉是因为几乎在每一个项目中我们都会用上它，又因为webpack复杂的配置和五花八门的功能感到陌生。…

HMR即Hot Module Replacement是指当你对代码修改并保存后，webpack将会对代码进行重新打包，并将改动的模块发送到浏览器端，浏览器用新的模块替换掉旧的模块，去实现局部更新页面而非整体刷新页面。接下来将从使用到实现一版简易功能带领大家深入浅出HMR。 如上…

前言 最近在网上有个真实发生的案例比较火，说的是一个新入职的员工，不会用 git 拉代码，第二天被开除。由此，可见 git 对我们工作的重要性，无论是前端后端，都是离不开 git 的，下面就让我们一探

个人在学习 Git 工作流的过程中，从原有的 SVN 模式很难完全理解 Git 的协作模式，直到有一天我看到了下面的文章，好多遗留在心中的困惑迎刃而解： 我们以使用 SVN 的工作流来使用 Git 有什么不妥？ Git 方便的 branch 在哪里，团队多人如何协作？冲突了怎么办？如何进行发布控制？ 经典的 master - 发布、develop - 主开发、hotfix - 不过修复如何避免代码不经过验证上线？ 如何在 GitHub 上面与他人一起协作，star-fork-pull request 是怎样的流程？

本文已收录在Github github.com/Geekhyt，欢迎Star。 从头发的浓密程度和干练的走路姿势我察觉到，面前坐着的这位面试官也是一把好手。我像以往一样，准备花3分钟的时间进行自我介绍。在此期间，我的目光被16寸的MacBook Pro所吸引，这次的自我介绍我做…

一、什么是 HMR HMR 全称 Hot Module Replacement，中文语境通常翻译为模块热更新，它能够在保持页面状态的情况下动态替换资源模块，提供丝滑顺畅的 Web 页面开发体验。 HM

一种是页面刷新，不保留页面状态，就是简单粗暴，直接window.location.reload()。 另一种是基于WDS (Webpack-dev-server)的模块热替换，只需要局部刷新页面上发生变化的模块，同时可以保留当前的页面状态，比如复选框的选中状态、输入框的输入等。…

模块热替换(hot module replacement 或 HMR)是 webpack 提供的最有用的功能之一。它允许在运行时更新所有类型的模块，而无需完全刷新 一种是页面刷新，不保留页面状态，就是简单粗暴，直接 window.location.reload()。 另一种是基…

在之前的学习之中。我多次碰到过 AST，与它擦肩而过。例如：webpack、Taro、前端的逆向调试（碰上变态的混淆）、以及一些自己开发的“玩具”。但每次都是前面学完很久不用，后面就忘记！官方文档虽然写的非常详实，但是每次重读一遍确实令人揪心。这次决定，写下来一些，以免忘记。也…