摘要： 上一篇文章我寫了tapable的基本用法，我們知道他是一個(gè)增強(qiáng)版版的發(fā)布訂閱模式，本文想來學(xué)習(xí)下他的源碼。tapable的源碼我讀了一下，發(fā)現(xiàn)他的抽象程度比較高，直接扎進(jìn)去反而會(huì)讓人云里霧里的，所以本文會(huì)從最簡單的SyncHook和發(fā)布訂閱模式入手，再一步一步抽象，慢慢變成他源碼的樣子。 本文可運(yùn)行 閱讀全文

摘要： 前不久寫了一篇webpack基本原理和AST用法的文章，本來想接著寫webpack plugin的原理的，但是發(fā)現(xiàn)webpack plugin高度依賴tapable這個(gè)庫，不清楚tapable而直接去看webpack plugin始終有點(diǎn)霧里看花的意思。所以就先去看了下tapable的文檔和源碼，發(fā) 閱讀全文

摘要： 我從事技術(shù)寫作的時(shí)間其實(shí)不長，開始寫作的時(shí)間就是我掘金賬號(hào)注冊的時(shí)間： 到今天(2021年2月23日)也就是一年零一個(gè)月，這一年的收獲是超過我的預(yù)期的： 產(chǎn)出博文四十多篇，總共數(shù)十萬字 掘金優(yōu)秀作者，掘金年度人氣作者No.27 思否2020年度"Top Writer"，萬粉專欄作者 開源中國優(yōu)秀源創(chuàng) 閱讀全文

摘要： 本文開始我會(huì)圍繞webpack和babel寫一系列的工程化文章，這兩個(gè)工具我雖然天天用，但是對他們的原理理解的其實(shí)不是很深入，寫這些文章的過程其實(shí)也是我深入學(xué)習(xí)的過程。由于webpack和babel的體系太大，知識(shí)點(diǎn)眾多，不可能一篇文章囊括所有知識(shí)點(diǎn)，目前我的計(jì)劃是從簡單入手，先實(shí)現(xiàn)一個(gè)最簡單的可以 閱讀全文

摘要： 本文會(huì)分享一個(gè)React性能優(yōu)化的故事，這也是我在工作中真實(shí)遇到的故事，最終我們是通過魔改第三方庫源碼將它性能提高了幾十倍。這個(gè)第三方庫也是很有名的，在GitHub上有4.5k star，這就是：react-big-calendar。 這個(gè)工作不是我一個(gè)人做的，而是我們團(tuán)隊(duì)幾個(gè)月前共同完成的，我覺得 閱讀全文

摘要： 本文會(huì)分享一個(gè)我在實(shí)際工作中遇到的案例，從最開始的需求分析到項(xiàng)目搭建，以及最后落地的架構(gòu)的整個(gè)過程。最終實(shí)現(xiàn)的效果是使用mono-repo實(shí)現(xiàn)了跨項(xiàng)目的組件共享。在本文中你可以看到： 從接到需求到深入分析并構(gòu)建架構(gòu)的整個(gè)思考過程。 mono-repo的簡單介紹。 mono-repo適用的場景分析。 閱讀全文

摘要： 上一篇文章我寫了koa-static的源碼解析，其中用到了HTTP的緩存策略，給返回的靜態(tài)文件設(shè)置了一些緩存的頭，比如Cache-Control之類的。于是我就跟朋友討論了一下HTTP的緩存策略： 朋友說：“HTTP里面控制緩存的頭(header)太多了，啥Cache-Control，ETag，La 閱讀全文

摘要： 這篇文章繼續(xù)前面的Koa源碼系列，這個(gè)系列已經(jīng)有兩篇文章了： 第一篇講解了Koa的核心架構(gòu)和源碼：手寫Koa.js源碼 第二篇講解了@koa/router的架構(gòu)和源碼：手寫@koa/router源碼 本文會(huì)接著講一個(gè)常用的中間件 koa-static，這個(gè)中間件是用來搭建靜態(tài)服務(wù)器的。 其實(shí)在我之前 閱讀全文

摘要： 這段時(shí)間寫了一堆源碼解析，這篇文章想換換口味，跟大家分享一個(gè)我工作中遇到的案例。畢竟作為一個(gè)打工人，上班除了摸魚看源碼外，磚還是要搬的。本文會(huì)分享一個(gè)使用恰當(dāng)?shù)臄?shù)據(jù)結(jié)構(gòu)來進(jìn)行性能優(yōu)化，從而大幅提高響應(yīng)速度的故事，提高有幾百倍那么多。 事情是這樣的，我現(xiàn)在供職一家外企，我們有一個(gè)給外國人用的線下賣貨的 閱讀全文

摘要： 上一篇文章我們講了Koa的基本架構(gòu)，可以看到Koa的基本架構(gòu)只有中間件內(nèi)核，并沒有其他功能，路由功能也沒有。要實(shí)現(xiàn)路由功能我們必須引入第三方中間件，本文要講的路由中間件是@koa/router，這個(gè)中間件是掛在Koa官方名下的，他跟另一個(gè)中間件koa-router名字很像。其實(shí)@koa/router 閱讀全文