<article class="_2rhmJa"><p>应该有很多前端开发人员都思考过这么一个问题：从输入 URL 到页面加载完成，中间都做发生了什么?</p> <p>这个问题涉及的面非常广，每个涉及的点又很深入。从触屏/键盘如何到 CPU ...

<article class="_2rhmJa"><h1>背景</h1> <p>随着项目的演进，前端的业务架构也会变得更加庞大、复杂，并常常会出现需要模块复用的场景：<br/> 1、组件复用，例如统一的导航栏、侧边栏、路由权限处理逻辑等<b ...

<article class="_2rhmJa"><h2>前言</h2> <p>我们都知道在前端编译构建工具出现之前，前端项目基本都是用<code>es5</code>浏览器识别的语法来实现的。（<code>jquery</code>，<c ...

<p>本期精读的文章是：<a href="https://codeburst.io/css-in-js-is-like-replacing-a-broken-screwdriver-with-your-favorite-hammer-c97 ...

<p>本期精读的文章是：<a href="https://blog.logrocket.com/advanced-react-router-concepts-code-splitting-animated-transitions-scrol ...

<h1 id="1">1. 引言</h1> <p>为什么要了解 Function 写法的组件呢？因为它正在变得越来越重要。</p> <p>那么 React 中 <strong>Function Component 与 Class Compo ...

<h2 id="1">1 引言</h2> <p>先说结论：Webpack5 模块联邦让 Webpack 达到了线上 Runtime 的效果，让代码直接在项目间利用 CDN 直接共享，不再需要本地安装 Npm 包、构建再发布了！</p> <p ...

<h2 id="1">1 引言</h2> <p>基于 webpack 构建的大型项目开发速度已经非常慢了，前端开发者已经逐渐习惯忍受超过 100 秒的启动时间，超过 30 秒的 reload 时间。即便被寄予厚望的 webpack5 内置了 ...

<blockquote> <p>作者：五灵</p> </blockquote> <h2 id="_1">简介</h2> <p>其实关于前端深水区的讨论，已经有了很多，也有了很多相关的文章。我也想借这篇关于深水区的讨论文章，讲一下自己对于深水 ...

<p>本周精读内容是 《插件化思维》。没有参考文章，资料源自 webpack、fis、egg 以及笔者自身开发经验。</p> <h2 id="1">1 引言</h2> <p>用过构建工具的同学都知道，<code>grunt</code>, ...