一米八的萝卜

入口处在bulid.js,可以看到其中的代码是先实例化webpack，然后调用compiler的run方法。 可以看出options保存的就是本次webpack的一些配置参数，而其中的plugins属性则是webpack中最重要的插件。 调用run时，会先在内部触发before…

随着多终端设备的迅速普及，Web前端开发的复杂性和应用场景日益扩大，Webpack在前端构建演变的工程化浪潮中担当起了针对不同应用场景打包的大任。 如今，Webpack可谓是JavaScript社区最伟大的项目之一。 本文力争从源码层面窥探Webpack的实现原理。文中出示了核…

一般人没事的时候刷刷朋友圈、微博、电视剧、知乎，而有些人是没事的时候刷刷 GitHub ，看看最近有哪些流行的项目。 久而久之，这差距就越来越大，因此总会有开源信息的不对称，有哪些优秀的前端开源项目值得学习的也不知道。 初步前端与高级前端之间，最大的差距可能就是信息差造成的。 …

本篇文章主要讲述的是如何通过Node创建一个稳定的web服务器，如果你看到这里想起了pm2等工具，那么你可以先抛弃pm2，进来看看，如果有哪些不合适的地方，恳请您指出。 创建一个稳定的web服务器需要解决什么问题。 利用多核CPU资源有多种解决办法。 通过在单机上部署多个Nod…

一、背景悟空活动中台技术文章系列又和大家见面了，天气渐冷，注意保暖。在往期的系列技术文章中我们主要集中分享了前端技术的方方面面，如微组件的状态管理，微组件的跨平台探索，以及有损布局，性能优化等等。还未

React Fiber 是 React v16.x 推出船新架构，而 Reconciliation 是 React 的 Diff 算法，两者都是 React 的 核心机制。本文将会来研究一下 React Fiber 和 Reconciliation，看看 Fiber 到底是什么…

近期阿宝哥在团队内搞了一个 如何读源码 的专题，主要目的是让团队的小伙伴们了解读源码的思路与技巧。在此期间，阿宝哥也写了 77.9K 的 Axios 项目有哪些值得借鉴的地方、从 13K 的前端开源项目我学到了啥 和 TS 的装饰器还可以这样用 三篇源码解析的文章。 其中前两篇…

本文将通过 TypeClient 架构来阐述如何利用AOP+IOC思想来解构前端项目的开发。 首先声明，AOP+IOC思想的理解需要有一定的编程架构基础。目前，这两大思想使用的场景，基本都在nodejs端，在前端的实践非常少。我本着提供一种新的项目解构思路的想法，而非推翻社区庞…

前言如图所示，webkit内核浏览器的渲染过程(解析HTML，构建DOM树，解析CSS，构建CSSOM树，构建render树，布局layout，绘制painting)，这些过程理解起来可能有些抽象，今