Слияние кода завершено, страница обновится автоматически
<!doctype html>
<html lang="zh-CN" data-theme="light">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
<meta name="generator" content="VuePress 2.0.0-rc.14" />
<meta name="theme" content="VuePress Theme Hope 2.0.0-rc.52" />
<style>
html {
background: var(--bg-color, #fff);
}
html[data-theme="dark"] {
background: var(--bg-color, #1d1e1f);
}
body {
background: var(--bg-color);
}
</style>
<script>
const userMode = localStorage.getItem("vuepress-theme-hope-scheme");
const systemDarkMode =
window.matchMedia &&
window.matchMedia("(prefers-color-scheme: dark)").matches;
if (userMode === "dark" || (userMode !== "light" && systemDarkMode)) {
document.documentElement.setAttribute("data-theme", "dark");
}
</script>
<meta property="og:url" content="https://ruochuan12.github.io/"><meta property="og:site_name" content="若川的博客"><meta property="og:title" content="若川诚邀你加前端源码共读群，长期交流学习"><meta property="og:description" content="若川诚邀你加前端源码共读群，长期交流学习 大家好，我是若川。我倾力持续组织了一年每周大家一起学习200行左右的源码共读活动，感兴趣的可以点此扫码加我微信 ruochuan02 参与。另外，想学源码，极力推荐关注我写的专栏《学习源码整体架构系列》，目前是掘金关注人数（4.1k+人）第一的专栏，写有20余篇源码文章。 微信扫码或搜索「若川视野」我的公众号若..."><meta property="og:type" content="article"><meta property="og:image" content="https://img.shields.io/badge/公众号-@若川视野-000000.svg?style=flat-square&logo=WeChat"><meta property="og:locale" content="zh-CN"><meta property="og:updated_time" content="2024-07-31T15:28:29.000Z"><meta property="article:author" content="若川"><meta property="article:modified_time" content="2024-07-31T15:28:29.000Z"><script type="application/ld+json">{"@context":"https://schema.org","@type":"Article","headline":"若川诚邀你加前端源码共读群，长期交流学习","image":["https://img.shields.io/badge/公众号-@若川视野-000000.svg?style=flat-square&logo=WeChat","https://img.shields.io/badge/dynamic/json?color=0084ff&label=知乎@若川&query=%24.data.totalSubs&url=https%3A%2F%2Fapi.spencerwoo.com%2Fsubstats%2F%3Fsource%3Dzhihu%26queryKey%3Dlxchuan12","https://img.shields.io/badge/%E6%8E%98%E9%87%91-@%E8%8B%A5%E5%B7%9D-000000.svg?style=flat-square&logo=Juejin","https://img.shields.io/badge/segmentfault-@%E8%8B%A5%E5%B7%9D-000000.svg?style=flat-square&logo=Segmentfault","https://img.shields.io/badge/语雀-@%E8%8B%A5%E5%B7%9D-000000.svg?style=flat-square&logo=Segmentfault","https://img.shields.io/github/stars/lxchuan12/blog?label=Stars&style=flat-square&logo=GitHub"],"dateModified":"2024-07-31T15:28:29.000Z","author":[{"@type":"Person","name":"若川","url":"https://ruochuan12.github.io"}]}</script><link rel="icon" href="/favicon.ico"><link rel="mainfest" href="/mainfest.json"><script defer="defer">
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?b0077938fa555dbb43c9dd96d20e9b79";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script><title>若川诚邀你加前端源码共读群，长期交流学习 | 若川的博客</title><meta name="description" content="若川诚邀你加前端源码共读群，长期交流学习 大家好，我是若川。我倾力持续组织了一年每周大家一起学习200行左右的源码共读活动，感兴趣的可以点此扫码加我微信 ruochuan02 参与。另外，想学源码，极力推荐关注我写的专栏《学习源码整体架构系列》，目前是掘金关注人数（4.1k+人）第一的专栏，写有20余篇源码文章。 微信扫码或搜索「若川视野」我的公众号若...">
<link rel="preload" href="/assets/style-OjQLLRKk.css" as="style"><link rel="stylesheet" href="/assets/style-OjQLLRKk.css">
<link rel="modulepreload" href="/assets/app-DPdQPN4Q.js"><link rel="modulepreload" href="/assets/index.html-D7Qy2V6M.js"><link rel="modulepreload" href="/assets/zsxq-DYRPwxdc.js">
<link rel="prefetch" href="/assets/index.html-qACEpm6p.js" as="script"><link rel="prefetch" href="/assets/index.html-C9QT9f4b.js" as="script"><link rel="prefetch" href="/assets/index.html-aPjCZ1p7.js" as="script"><link rel="prefetch" href="/assets/index.html-TW3hXGhl.js" as="script"><link rel="prefetch" href="/assets/index.html-Df32aInU.js" as="script"><link rel="prefetch" href="/assets/index.html-BVtgGmo8.js" as="script"><link rel="prefetch" href="/assets/README.juejin.html-Bu79rDu9.js" as="script"><link rel="prefetch" href="/assets/index.html-ClkQJTdi.js" as="script"><link rel="prefetch" href="/assets/index.html-BU8xaniy.js" as="script"><link rel="prefetch" href="/assets/index.html-Cz25zLuT.js" as="script"><link rel="prefetch" href="/assets/index.html-BkMDo569.js" as="script"><link rel="prefetch" href="/assets/index.html-COlhWSxP.js" as="script"><link rel="prefetch" href="/assets/index.html-NwQ9WzIn.js" as="script"><link rel="prefetch" href="/assets/index.html-HDy_MgfA.js" as="script"><link rel="prefetch" href="/assets/index.html-DhF_xO-y.js" as="script"><link rel="prefetch" href="/assets/index.html-Db1xTYFQ.js" as="script"><link rel="prefetch" href="/assets/index.html-yAlYteM_.js" as="script"><link rel="prefetch" href="/assets/index.html-yjA679BL.js" as="script"><link rel="prefetch" href="/assets/index.html-D0BcBmHy.js" as="script"><link rel="prefetch" href="/assets/index.html-BgkcqzKQ.js" as="script"><link rel="prefetch" href="/assets/index.html-vd-btmOe.js" as="script"><link rel="prefetch" href="/assets/index.html-DWzKT29B.js" as="script"><link rel="prefetch" href="/assets/index.html-CC5NnPYb.js" as="script"><link rel="prefetch" href="/assets/index.html-C4CWPKcJ.js" as="script"><link rel="prefetch" href="/assets/index.html-qHg0hJVG.js" as="script"><link rel="prefetch" href="/assets/index.html-ClYibeq9.js" as="script"><link rel="prefetch" href="/assets/index.html-B7Kg55Us.js" as="script"><link rel="prefetch" href="/assets/index.html-BFgpIMtd.js" as="script"><link rel="prefetch" href="/assets/README.all.html-BpLuVd-J.js" as="script"><link rel="prefetch" href="/assets/index.html-CiSkd0es.js" as="script"><link rel="prefetch" href="/assets/index.html-DeT6d8Df.js" as="script"><link rel="prefetch" href="/assets/index.html-DJp6_v9y.js" as="script"><link rel="prefetch" href="/assets/index.html-C3k1qokk.js" as="script"><link rel="prefetch" href="/assets/index.html-B0SLWlxP.js" as="script"><link rel="prefetch" href="/assets/index.html-BBxNBKw7.js" as="script"><link rel="prefetch" href="/assets/index.html-BTuhliSu.js" as="script"><link rel="prefetch" href="/assets/index.html-D7WA7ztc.js" as="script"><link rel="prefetch" href="/assets/mdnice.html-Ci88727z.js" as="script"><link rel="prefetch" href="/assets/index.html-CNSgx3Gx.js" as="script"><link rel="prefetch" href="/assets/index.html-BK7pnaCS.js" as="script"><link rel="prefetch" href="/assets/index.html-D_uLGAFA.js" as="script"><link rel="prefetch" href="/assets/index.html-g-5FlEvD.js" as="script"><link rel="prefetch" href="/assets/index.html-CKKusUMJ.js" as="script"><link rel="prefetch" href="/assets/index.html-C75CV6L2.js" as="script"><link rel="prefetch" href="/assets/index.html-mzHA1ejo.js" as="script"><link rel="prefetch" href="/assets/index.html-D0lquDYH.js" as="script"><link rel="prefetch" href="/assets/README-juejin.html-CfFTOWqC.js" as="script"><link rel="prefetch" href="/assets/index.html-01N6kJry.js" as="script"><link rel="prefetch" href="/assets/index.html-DC25POgf.js" as="script"><link rel="prefetch" href="/assets/index.html-CTnbzLPi.js" as="script"><link rel="prefetch" href="/assets/index.html-D3WpQjKe.js" as="script"><link rel="prefetch" href="/assets/index.html-CO8_FxTV.js" as="script"><link rel="prefetch" href="/assets/index.html-Dslq7Fzr.js" as="script"><link rel="prefetch" href="/assets/index.html-BmWEtKtw.js" as="script"><link rel="prefetch" href="/assets/index.html-B6kzGXbI.js" as="script"><link rel="prefetch" href="/assets/README.1.html-DSzYstSh.js" as="script"><link rel="prefetch" href="/assets/index.html-DNJVKyTp.js" as="script"><link rel="prefetch" href="/assets/index.html-FBti-U3a.js" as="script"><link rel="prefetch" href="/assets/README.mp.html-92hrm9QP.js" as="script"><link rel="prefetch" href="/assets/README.todos.html-63nVCXfg.js" as="script"><link rel="prefetch" href="/assets/index.html-BxjnJYZh.js" as="script"><link rel="prefetch" href="/assets/index.html-gMvPqUZL.js" as="script"><link rel="prefetch" href="/assets/index.html-C4WsO6Ek.js" as="script"><link rel="prefetch" href="/assets/index.html-CXjlCKw7.js" as="script"><link rel="prefetch" href="/assets/README.zhihu.html-DPc2PvMv.js" as="script"><link rel="prefetch" href="/assets/index.html-s9adRZLE.js" as="script"><link rel="prefetch" href="/assets/README.ts.html-Cf5Oio1n.js" as="script"><link rel="prefetch" href="/assets/index.html-CwwbDR04.js" as="script"><link rel="prefetch" href="/assets/index.html-b9c5W9nU.js" as="script"><link rel="prefetch" href="/assets/index.html-vejpgzKO.js" as="script"><link rel="prefetch" href="/assets/index.html-BBrRn11h.js" as="script"><link rel="prefetch" href="/assets/index.html-BxeH9nh6.js" as="script"><link rel="prefetch" href="/assets/index.html-D27JbrEY.js" as="script"><link rel="prefetch" href="/assets/index.html-PbD08rql.js" as="script"><link rel="prefetch" href="/assets/index.html-BKbX5xlG.js" as="script"><link rel="prefetch" href="/assets/index.html-Bh3Sj_MA.js" as="script"><link rel="prefetch" href="/assets/index.html-CXMCZDUQ.js" as="script"><link rel="prefetch" href="/assets/index.html-BPEW4hBN.js" as="script"><link rel="prefetch" href="/assets/index.html-xCY5XRch.js" as="script"><link rel="prefetch" href="/assets/index.html-CKTp_3hT.js" as="script"><link rel="prefetch" href="/assets/index.html-AgMpcHdY.js" as="script"><link rel="prefetch" href="/assets/index.html-BgEH9mmz.js" as="script"><link rel="prefetch" href="/assets/index.html-DXIyaXiM.js" as="script"><link rel="prefetch" href="/assets/REAMDE.html-Cn8KaovH.js" as="script"><link rel="prefetch" href="/assets/README.juejin.html-DBkrt3JB.js" as="script"><link rel="prefetch" href="/assets/index.html-DYNubZ1j.js" as="script"><link rel="prefetch" href="/assets/README.juejin.html-DeSQsred.js" as="script"><link rel="prefetch" href="/assets/index.html-C-ZNYXDV.js" as="script"><link rel="prefetch" href="/assets/bak.html-C7E3hRUs.js" as="script"><link rel="prefetch" href="/assets/README.juejin.html-p65OS2eE.js" as="script"><link rel="prefetch" href="/assets/index.html-BacV87Pp.js" as="script"><link rel="prefetch" href="/assets/README.juejin.html-C36JxdbX.js" as="script"><link rel="prefetch" href="/assets/index.html-gBD2aNMR.js" as="script"><link rel="prefetch" href="/assets/README.juejin.html-D-MDhdJR.js" as="script"><link rel="prefetch" href="/assets/index.html-BoDEOxHQ.js" as="script"><link rel="prefetch" href="/assets/README.juejin.html-DcmNP6-j.js" as="script"><link rel="prefetch" href="/assets/index.html-C2BNi9RU.js" as="script"><link rel="prefetch" href="/assets/todo.html-zzSfere1.js" as="script"><link rel="prefetch" href="/assets/README.juejin.html-Cg7gnZKk.js" as="script"><link rel="prefetch" href="/assets/index.html-BkgZq18x.js" as="script"><link rel="prefetch" href="/assets/README.juejin.html-C4Q2KMLz.js" as="script"><link rel="prefetch" href="/assets/index.html-CFJkQn6_.js" as="script"><link rel="prefetch" href="/assets/README.juejin.html-BoYPs3yn.js" as="script"><link rel="prefetch" href="/assets/index.html-D1zkwaqh.js" as="script"><link rel="prefetch" href="/assets/CHANGELOG.html-D3yfUV3a.js" as="script"><link rel="prefetch" href="/assets/index.html-DA-q7_wh.js" as="script"><link rel="prefetch" href="/assets/index.html-Ch3LxaSz.js" as="script"><link rel="prefetch" href="/assets/404.html-Bjkt7UNy.js" as="script"><link rel="prefetch" href="/assets/index.html-DoLf9GPB.js" as="script"><link rel="prefetch" href="/assets/index.html-HnA0JaL9.js" as="script"><link rel="prefetch" href="/assets/index.html-eVPzKSIv.js" as="script"><link rel="prefetch" href="/assets/index.html-DQYY9yYG.js" as="script"><link rel="prefetch" href="/assets/index.html-BQPkBlxa.js" as="script"><link rel="prefetch" href="/assets/index.html-CtkWhdu7.js" as="script"><link rel="prefetch" href="/assets/photoswipe.esm-GXRgw7eJ.js" as="script"><link rel="prefetch" href="/assets/SearchResult-C-D0xjne.js" as="script">
</head>
<body>
<div id="app"><!--[--><!--[--><!--[--><span tabindex="-1"></span><a href="#main-content" class="vp-skip-link sr-only">跳至主要內容</a><!--]--><div class="theme-container external-link-icon has-toc"><!--[--><header id="navbar" class="vp-navbar"><div class="vp-navbar-start"><button type="button" class="vp-toggle-sidebar-button" title="Toggle Sidebar"><span class="icon"></span></button><!----><!--[--><a class="route-link vp-brand" href="/"><img class="vp-nav-logo" src="/logo.jpg" alt><!----><span class="vp-site-name hide-in-pad">若川的博客</span></a><!--]--><!----></div><div class="vp-navbar-center"><!----><!--[--><nav class="vp-nav-links"><div class="vp-nav-item hide-in-mobile"><a class="route-link route-link-active auto-link" href="/" aria-label="目录"><!---->目录<!----></a></div><div class="vp-nav-item hide-in-mobile"><a class="route-link auto-link" href="/about/" aria-label="关于我"><!---->关于我<!----></a></div><div class="vp-nav-item hide-in-mobile"><a class="route-link auto-link" href="/poetry/2012-2016/" aria-label="曾经写的"诗词""><!---->曾经写的"诗词"<!----></a></div><div class="vp-nav-item hide-in-mobile"><a class="auto-link external-link" href="https://juejin.cn/user/1415826704971918/columns" aria-label="掘金" rel="noopener noreferrer" target="_blank"><!---->掘金<!----></a></div><div class="vp-nav-item hide-in-mobile"><a class="auto-link external-link" href="https://github.com/ruochuan12/blog" aria-label="Github" rel="noopener noreferrer" target="_blank"><!---->Github<!----></a></div><div class="vp-nav-item hide-in-mobile"><a class="auto-link external-link" href="https://image-static.segmentfault.com/355/182/3551821948-5df888aa1dc88_articlex" aria-label="公众号：若川视野" rel="noopener noreferrer" target="_blank"><!---->公众号：若川视野<!----></a></div><div class="vp-nav-item hide-in-mobile"><a class="auto-link external-link" href="https://www.zhihu.com/people/lxchuan12/activities" aria-label="知乎" rel="noopener noreferrer" target="_blank"><!---->知乎<!----></a></div><div class="vp-nav-item hide-in-mobile"><a class="auto-link external-link" href="https://www.yuque.com/lxchuan12/blog" aria-label="语雀" rel="noopener noreferrer" target="_blank"><!---->语雀<!----></a></div><div class="vp-nav-item hide-in-mobile"><div class="vp-dropdown-wrapper"><button type="button" class="vp-dropdown-title" aria-label="其他"><!--[--><!---->其他<!--]--><span class="arrow"></span><ul class="vp-dropdown"><li class="vp-dropdown-item"><a class="auto-link external-link" href="https://segmentfault.com/u/lxchuan12/articles" aria-label="segmentFault" rel="noopener noreferrer" target="_blank"><!---->segmentFault<!----></a></li><li class="vp-dropdown-item"><a class="auto-link external-link" href="http://weibo.com/lxchuan12" aria-label="微博" rel="noopener noreferrer" target="_blank"><!---->微博<!----></a></li><li class="vp-dropdown-item"><a class="auto-link external-link" href="http://www.jianshu.com/users/83129d433d72/latest_articles" aria-label="简书" rel="noopener noreferrer" target="_blank"><!---->简书<!----></a></li></ul></button></div></div><div class="vp-nav-item hide-in-mobile"><div class="vp-dropdown-wrapper"><button type="button" class="vp-dropdown-title" aria-label="友链"><!--[--><!---->友链<!--]--><span class="arrow"></span><ul class="vp-dropdown"><li class="vp-dropdown-item"><a class="auto-link external-link" href="http://www.inode.club" aria-label="程序员指北 koala" rel="noopener noreferrer" target="_blank"><!---->程序员指北 koala<!----></a></li><li class="vp-dropdown-item"><a class="auto-link external-link" href="https://shanyue.tech" aria-label="山月" rel="noopener noreferrer" target="_blank"><!---->山月<!----></a></li><li class="vp-dropdown-item"><a class="auto-link external-link" href="http://lucifer.ren" aria-label="lucifer" rel="noopener noreferrer" target="_blank"><!---->lucifer<!----></a></li><li class="vp-dropdown-item"><a class="auto-link external-link" href="https://hungryturbo.com" aria-label="童欧巴" rel="noopener noreferrer" target="_blank"><!---->童欧巴<!----></a></li><li class="vp-dropdown-item"><a class="auto-link external-link" href="https://www.scarsu.com/" aria-label="scarsu" rel="noopener noreferrer" target="_blank"><!---->scarsu<!----></a></li><li class="vp-dropdown-item"><a class="auto-link external-link" href="https://mtc.nofwl.com/" aria-label="lencx的博客" rel="noopener noreferrer" target="_blank"><!---->lencx的博客<!----></a></li><li class="vp-dropdown-item"><a class="auto-link external-link" href="https://coder.itclan.cn/" aria-label="itclanCoder" rel="noopener noreferrer" target="_blank"><!---->itclanCoder<!----></a></li><li class="vp-dropdown-item"><a class="auto-link external-link" href="https://ruizhengyun.cn" aria-label="编程之上" rel="noopener noreferrer" target="_blank"><!---->编程之上<!----></a></li><li class="vp-dropdown-item"><a class="auto-link external-link" href="http://www.ffbig.cn" aria-label="全栈大前端" rel="noopener noreferrer" target="_blank"><!---->全栈大前端<!----></a></li><li class="vp-dropdown-item"><a class="auto-link external-link" href="https://submara.com/Geek" aria-label="JasonSubmara 的博客" rel="noopener noreferrer" target="_blank"><!---->JasonSubmara 的博客<!----></a></li></ul></button></div></div></nav><!--]--><!----></div><div class="vp-navbar-end"><!----><!--[--><!----><div class="vp-nav-item vp-action"><a class="vp-action-link" href="https://github.com/lxchuan12/blog" target="_blank" rel="noopener noreferrer" aria-label="GitHub"><svg xmlns="http://www.w3.org/2000/svg" class="icon github-icon" viewBox="0 0 1024 1024" fill="currentColor" aria-label="github icon" name="github" style="width:1.25rem;height:1.25rem;vertical-align:middle;"><path d="M511.957 21.333C241.024 21.333 21.333 240.981 21.333 512c0 216.832 140.544 400.725 335.574 465.664 24.49 4.395 32.256-10.07 32.256-23.083 0-11.69.256-44.245 0-85.205-136.448 29.61-164.736-64.64-164.736-64.64-22.315-56.704-54.4-71.765-54.4-71.765-44.587-30.464 3.285-29.824 3.285-29.824 49.195 3.413 75.179 50.517 75.179 50.517 43.776 75.008 114.816 53.333 142.762 40.79 4.523-31.66 17.152-53.377 31.19-65.537-108.971-12.458-223.488-54.485-223.488-242.602 0-53.547 19.114-97.323 50.517-131.67-5.035-12.33-21.93-62.293 4.779-129.834 0 0 41.258-13.184 134.912 50.346a469.803 469.803 0 0 1 122.88-16.554c41.642.213 83.626 5.632 122.88 16.554 93.653-63.488 134.784-50.346 134.784-50.346 26.752 67.541 9.898 117.504 4.864 129.834 31.402 34.347 50.474 78.123 50.474 131.67 0 188.586-114.73 230.016-224.042 242.09 17.578 15.232 33.578 44.672 33.578 90.454v135.85c0 13.142 7.936 27.606 32.854 22.87C862.25 912.597 1002.667 728.747 1002.667 512c0-271.019-219.648-490.667-490.71-490.667z"></path></svg></a></div><div class="vp-nav-item hide-in-mobile"><button type="button" class="vp-outlook-button" tabindex="-1" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" class="icon outlook-icon" viewBox="0 0 1024 1024" fill="currentColor" aria-label="outlook icon" name="outlook"><path d="M224 800c0 9.6 3.2 44.8 6.4 54.4 6.4 48-48 76.8-48 76.8s80 41.6 147.2 0 134.4-134.4 38.4-195.2c-22.4-12.8-41.6-19.2-57.6-19.2C259.2 716.8 227.2 761.6 224 800zM560 675.2l-32 51.2c-51.2 51.2-83.2 32-83.2 32 25.6 67.2 0 112-12.8 128 25.6 6.4 51.2 9.6 80 9.6 54.4 0 102.4-9.6 150.4-32l0 0c3.2 0 3.2-3.2 3.2-3.2 22.4-16 12.8-35.2 6.4-44.8-9.6-12.8-12.8-25.6-12.8-41.6 0-54.4 60.8-99.2 137.6-99.2 6.4 0 12.8 0 22.4 0 12.8 0 38.4 9.6 48-25.6 0-3.2 0-3.2 3.2-6.4 0-3.2 3.2-6.4 3.2-6.4 6.4-16 6.4-16 6.4-19.2 9.6-35.2 16-73.6 16-115.2 0-105.6-41.6-198.4-108.8-268.8C704 396.8 560 675.2 560 675.2zM224 419.2c0-28.8 22.4-51.2 51.2-51.2 28.8 0 51.2 22.4 51.2 51.2 0 28.8-22.4 51.2-51.2 51.2C246.4 470.4 224 448 224 419.2zM320 284.8c0-22.4 19.2-41.6 41.6-41.6 22.4 0 41.6 19.2 41.6 41.6 0 22.4-19.2 41.6-41.6 41.6C339.2 326.4 320 307.2 320 284.8zM457.6 208c0-12.8 12.8-25.6 25.6-25.6 12.8 0 25.6 12.8 25.6 25.6 0 12.8-12.8 25.6-25.6 25.6C470.4 233.6 457.6 220.8 457.6 208zM128 505.6C128 592 153.6 672 201.6 736c28.8-60.8 112-60.8 124.8-60.8-16-51.2 16-99.2 16-99.2l316.8-422.4c-48-19.2-99.2-32-150.4-32C297.6 118.4 128 291.2 128 505.6zM764.8 86.4c-22.4 19.2-390.4 518.4-390.4 518.4-22.4 28.8-12.8 76.8 22.4 99.2l9.6 6.4c35.2 22.4 80 12.8 99.2-25.6 0 0 6.4-12.8 9.6-19.2 54.4-105.6 275.2-524.8 288-553.6 6.4-19.2-3.2-32-19.2-32C777.6 76.8 771.2 80 764.8 86.4z"></path></svg><div class="vp-outlook-dropdown"><!----></div></button></div><!--[--><button type="button" class="search-pro-button" aria-label="搜索"><svg xmlns="http://www.w3.org/2000/svg" class="icon search-icon" viewBox="0 0 1024 1024" fill="currentColor" aria-label="search icon" name="search"><path d="M192 480a256 256 0 1 1 512 0 256 256 0 0 1-512 0m631.776 362.496-143.2-143.168A318.464 318.464 0 0 0 768 480c0-176.736-143.264-320-320-320S128 303.264 128 480s143.264 320 320 320a318.016 318.016 0 0 0 184.16-58.592l146.336 146.368c12.512 12.48 32.768 12.48 45.28 0 12.48-12.512 12.48-32.768 0-45.28"></path></svg><div class="search-pro-placeholder">搜索</div><div class="search-pro-key-hints"><kbd class="search-pro-key">Ctrl</kbd><kbd class="search-pro-key">K</kbd></div></button><!--]--><!--]--><!----><button type="button" class="vp-toggle-navbar-button" aria-label="Toggle Navbar" aria-expanded="false" aria-controls="nav-screen"><span><span class="vp-top"></span><span class="vp-middle"></span><span class="vp-bottom"></span></span></button></div></header><!----><!--]--><!----><div class="toggle-sidebar-wrapper"><span class="arrow start"></span></div><aside id="sidebar" class="vp-sidebar"><!----><ul class="vp-sidebar-links"><li><section class="vp-sidebar-group"><p class="vp-sidebar-header active"><!----><span class="vp-sidebar-title">目录</span><!----></p><ul class="vp-sidebar-links"></ul></section></li><li><section class="vp-sidebar-group"><p class="vp-sidebar-header active"><!----><span class="vp-sidebar-title">taro源码揭秘</span><!----></p><ul class="vp-sidebar-links"><li><a class="route-link auto-link vp-sidebar-link" href="/taro/cli-init/" aria-label="Taro 源码揭秘 - 1. 揭开整个架构的入口 CLI => taro init 初始化项目的秘密"><!---->Taro 源码揭秘 - 1. 揭开整个架构的入口 CLI => taro init 初始化项目的秘密<!----></a></li><li><a class="route-link auto-link vp-sidebar-link" href="/taro/cli-plugins/" aria-label="Taro 源码揭秘 - 2. 揭开整个架构的插件系统的秘密"><!---->Taro 源码揭秘 - 2. 揭开整个架构的插件系统的秘密<!----></a></li><li><a class="route-link auto-link vp-sidebar-link" href="/taro/cli-init-2/" aria-label="Taro 源码揭秘 - 3. 每次创建新的 taro 项目（taro init）的背后原理是什么"><!---->Taro 源码揭秘 - 3. 每次创建新的 taro 项目（taro init）的背后原理是什么<!----></a></li></ul></section></li><li><section class="vp-sidebar-group"><p class="vp-sidebar-header active"><!----><span class="vp-sidebar-title">vant组件库源码</span><!----></p><ul class="vp-sidebar-links"><li><a class="route-link auto-link vp-sidebar-link" href="/vant/highlight/" aria-label="分析 vant4 组件库源码，写一个常用的 highlight 高亮文本的组件"><!---->分析 vant4 组件库源码，写一个常用的 highlight 高亮文本的组件<!----></a></li><li><a class="route-link auto-link vp-sidebar-link" href="/vant/lazyload/" aria-label="vant4.0 正式发布了，跟着学会用 vue3 写一个图片懒加载组件！"><!---->vant4.0 正式发布了，跟着学会用 vue3 写一个图片懒加载组件！<!----></a></li><li><a class="route-link auto-link vp-sidebar-link" href="/vant/count-down/" aria-label="分析 vant4 源码，学会了如何开发毫秒级渲染的倒计时组件，真是秒啊"><!---->分析 vant4 源码，学会了如何开发毫秒级渲染的倒计时组件，真是秒啊<!----></a></li><li><a class="route-link auto-link vp-sidebar-link" href="/vant/list/" aria-label="分析 vant4 源码，如何用 vue3 + ts 开发一个瀑布流滚动加载的列表组件？"><!---->分析 vant4 源码，如何用 vue3 + ts 开发一个瀑布流滚动加载的列表组件？<!----></a></li><li><a class="route-link auto-link vp-sidebar-link" href="/vant/loading/" aria-label="跟着 vant4 源码学习如何用 vue3 + ts 开发一个 loading 组件"><!---->跟着 vant4 源码学习如何用 vue3 + ts 开发一个 loading 组件<!----></a></li><li><a class="route-link auto-link vp-sidebar-link" href="/vant/dark-theme/" aria-label="vant 4 即将正式发布，支持暗黑主题，那么是如何实现的呢"><!---->vant 4 即将正式发布，支持暗黑主题，那么是如何实现的呢<!----></a></li></ul></section></li><li><section class="vp-sidebar-group"><button class="vp-sidebar-header clickable active" type="button"><!----><span class="vp-sidebar-title">学习源码系列</span><span class="vp-arrow end"></span></button><!----></section></li><li><section class="vp-sidebar-group"><button class="vp-sidebar-header clickable active" type="button"><!----><span class="vp-sidebar-title">面试官问系列</span><span class="vp-arrow end"></span></button><!----></section></li><li><section class="vp-sidebar-group"><button class="vp-sidebar-header clickable active" type="button"><!----><span class="vp-sidebar-title">历史文章</span><span class="vp-arrow end"></span></button><!----></section></li><li><section class="vp-sidebar-group"><button class="vp-sidebar-header clickable active" type="button"><!----><span class="vp-sidebar-title">杂文</span><span class="vp-arrow end"></span></button><!----></section></li><li><section class="vp-sidebar-group"><p class="vp-sidebar-header active"><!----><span class="vp-sidebar-title">曾经写的"诗词"</span><!----></p><ul class="vp-sidebar-links"><li><a class="route-link auto-link vp-sidebar-link" href="/poetry/2012-2016/" aria-label="知乎回答：你写过什么自认为惊艳的诗？"><!---->知乎回答：你写过什么自认为惊艳的诗？<!----></a></li><li><a class="route-link auto-link vp-sidebar-link" href="/poetry/2013/" aria-label="登高望远，夜幕降临"><!---->登高望远，夜幕降临<!----></a></li></ul></section></li><li><section class="vp-sidebar-group"><button class="vp-sidebar-header clickable active" type="button"><!----><span class="vp-sidebar-title">年度总结</span><span class="vp-arrow end"></span></button><!----></section></li><li><section class="vp-sidebar-group"><button class="vp-sidebar-header clickable active" type="button"><!----><span class="vp-sidebar-title">关于</span><span class="vp-arrow end"></span></button><!----></section></li></ul><!----></aside><!--[--><main id="main-content" class="vp-page"><!--[--><!----><!----><nav class="vp-breadcrumb disable"></nav><div class="vp-page-title"><h1><!---->若川诚邀你加前端源码共读群，长期交流学习</h1><div class="page-info"><span class="page-author-info" aria-label="作者🖊" data-balloon-pos="up"><svg xmlns="http://www.w3.org/2000/svg" class="icon author-icon" viewBox="0 0 1024 1024" fill="currentColor" aria-label="author icon" name="author"><path d="M649.6 633.6c86.4-48 147.2-144 147.2-249.6 0-160-128-288-288-288s-288 128-288 288c0 108.8 57.6 201.6 147.2 249.6-121.6 48-214.4 153.6-240 288-3.2 9.6 0 19.2 6.4 25.6 3.2 9.6 12.8 12.8 22.4 12.8h704c9.6 0 19.2-3.2 25.6-12.8 6.4-6.4 9.6-16 6.4-25.6-25.6-134.4-121.6-240-243.2-288z"></path></svg><span><a class="page-author-item" href="https://ruochuan12.github.io" target="_blank" rel="noopener noreferrer">若川</a></span><span property="author" content="若川"></span></span><!----><span class="page-date-info" aria-label="写作日期📅" data-balloon-pos="up"><svg xmlns="http://www.w3.org/2000/svg" class="icon calendar-icon" viewBox="0 0 1024 1024" fill="currentColor" aria-label="calendar icon" name="calendar"><path d="M716.4 110.137c0-18.753-14.72-33.473-33.472-33.473-18.753 0-33.473 14.72-33.473 33.473v33.473h66.993v-33.473zm-334.87 0c0-18.753-14.72-33.473-33.473-33.473s-33.52 14.72-33.52 33.473v33.473h66.993v-33.473zm468.81 33.52H716.4v100.465c0 18.753-14.72 33.473-33.472 33.473a33.145 33.145 0 01-33.473-33.473V143.657H381.53v100.465c0 18.753-14.72 33.473-33.473 33.473a33.145 33.145 0 01-33.473-33.473V143.657H180.6A134.314 134.314 0 0046.66 277.595v535.756A134.314 134.314 0 00180.6 947.289h669.74a134.36 134.36 0 00133.94-133.938V277.595a134.314 134.314 0 00-133.94-133.938zm33.473 267.877H147.126a33.145 33.145 0 01-33.473-33.473c0-18.752 14.72-33.473 33.473-33.473h736.687c18.752 0 33.472 14.72 33.472 33.473a33.145 33.145 0 01-33.472 33.473z"></path></svg><span><!----></span><meta property="datePublished" content="2019-08-04T11:31:12.000Z"></span><!----><span class="page-reading-time-info" aria-label="阅读时间⌛" data-balloon-pos="up"><svg xmlns="http://www.w3.org/2000/svg" class="icon timer-icon" viewBox="0 0 1024 1024" fill="currentColor" aria-label="timer icon" name="timer"><path d="M799.387 122.15c4.402-2.978 7.38-7.897 7.38-13.463v-1.165c0-8.933-7.38-16.312-16.312-16.312H256.33c-8.933 0-16.311 7.38-16.311 16.312v1.165c0 5.825 2.977 10.874 7.637 13.592 4.143 194.44 97.22 354.963 220.201 392.763-122.204 37.542-214.893 196.511-220.2 389.397-4.661 5.049-7.638 11.651-7.638 19.03v5.825h566.49v-5.825c0-7.379-2.849-13.981-7.509-18.9-5.049-193.016-97.867-351.985-220.2-389.527 123.24-37.67 216.446-198.453 220.588-392.892zM531.16 450.445v352.632c117.674 1.553 211.787 40.778 211.787 88.676H304.097c0-48.286 95.149-87.382 213.728-88.676V450.445c-93.077-3.107-167.901-81.297-167.901-177.093 0-8.803 6.99-15.793 15.793-15.793 8.803 0 15.794 6.99 15.794 15.793 0 80.261 63.69 145.635 142.01 145.635s142.011-65.374 142.011-145.635c0-8.803 6.99-15.793 15.794-15.793s15.793 6.99 15.793 15.793c0 95.019-73.789 172.82-165.96 177.093z"></path></svg><span>大约 8 分钟</span><meta property="timeRequired" content="PT8M"></span><!----><!----></div><hr></div><div class="vp-toc-placeholder"><aside id="toc"><!----><div class="vp-toc-header">此页内容<button type="button" class="print-button" title="打印"><svg xmlns="http://www.w3.org/2000/svg" class="icon print-icon" viewBox="0 0 1024 1024" fill="currentColor" aria-label="print icon" name="print"><path d="M819.2 364.8h-44.8V128c0-17.067-14.933-32-32-32H281.6c-17.067 0-32 14.933-32 32v236.8h-44.8C145.067 364.8 96 413.867 96 473.6v192c0 59.733 49.067 108.8 108.8 108.8h44.8V896c0 17.067 14.933 32 32 32h460.8c17.067 0 32-14.933 32-32V774.4h44.8c59.733 0 108.8-49.067 108.8-108.8v-192c0-59.733-49.067-108.8-108.8-108.8zM313.6 160h396.8v204.8H313.6V160zm396.8 704H313.6V620.8h396.8V864zM864 665.6c0 25.6-19.2 44.8-44.8 44.8h-44.8V588.8c0-17.067-14.933-32-32-32H281.6c-17.067 0-32 14.933-32 32v121.6h-44.8c-25.6 0-44.8-19.2-44.8-44.8v-192c0-25.6 19.2-44.8 44.8-44.8h614.4c25.6 0 44.8 19.2 44.8 44.8v192z"></path></svg></button><div class="arrow end"></div></div><div class="vp-toc-wrapper"><ul class="vp-toc-list"><!--[--><li class="vp-toc-item"><a class="route-link vp-toc-link level2" href="#知乎高赞问答">知乎高赞问答</a></li><!----><!--]--><!--[--><li class="vp-toc-item"><a class="route-link vp-toc-link level2" href="#文章列表">文章列表</a></li><!----><!--]--><!--[--><li class="vp-toc-item"><a class="route-link vp-toc-link level2" href="#免费的知识星球-前端视野">免费的知识星球 前端视野</a></li><!----><!--]--></ul><div class="vp-toc-marker" style="top:-1.7rem;"></div></div><!----></aside></div><!----><div class="theme-hope-content"><h1 id="若川诚邀你加前端源码共读群-长期交流学习" tabindex="-1"><a class="header-anchor" href="#若川诚邀你加前端源码共读群-长期交流学习"><span>若川诚邀你加前端源码共读群，长期交流学习</span></a></h1><div style="height:60px;"><!----></div><blockquote><p>大家好，我是<a href="https://ruochuan12.github.io" target="_blank" rel="noopener noreferrer">若川</a>。我倾力持续组织了一年<a href="https://juejin.cn/post/7079706017579139102" target="_blank" rel="noopener noreferrer">每周大家一起学习200行左右的源码共读活动</a>，感兴趣的可以<a href="https://juejin.cn/pin/7217386885793595453" target="_blank" rel="noopener noreferrer">点此扫码加我微信 <code>ruochuan02</code> 参与</a>。另外，想学源码，极力推荐关注我写的专栏<a href="https://juejin.cn/column/6960551178908205093" target="_blank" rel="noopener noreferrer">《学习源码整体架构系列》</a>，目前是掘金关注人数（4.1k+人）第一的专栏，写有20余篇源码文章。</p></blockquote><p>微信扫码或搜索「若川视野」<img src="/assets/wechat-mini-CeXsP4Gu.jpg" width="120" height="120" title="我的公众号若川视野，值得你关注" alt="我的公众号若川视野，值得你关注">关注我，专注前端技术分享。江西人，某不那么知名的陶瓷大学毕业生，目前在<code>杭州</code>从事<code>前端开发</code>工作。常以<strong>若川</strong>为名混迹于江湖。更详细的可以点击<a class="route-link" href="/about/">关于我</a><br><br> 我历时很久写了《<strong>学习源码整体架构系列</strong>》20余篇文章，包含<a href="../jquery">jQuery</a>、<a href="../underscore">underscore</a>、<a href="../lodash">lodash</a>、<a href="../sentry">sentry</a>、<a href="../vuex">vuex</a>、<a href="../axios">axios</a>、<a href="../koa">koa</a>、<a href="../redux">redux</a>、<a href="../open-in-editor">vue-devtools</a>、<a href="../vuex4">vuex4</a>、<a href="../vue-next-utils">vue3 工具函数</a>、<a href="../vue-next-release">vue3 发布</a>、<a href="../koa-compose">koa-compose</a>、<a href="../vue-this">vue-this</a>、<a href="../create-vue">create-vue</a>、<a class="route-link" href="/vue-dev-server/">玩具 vite</a>、<a class="route-link" href="/ni/">神器 ni</a>、<a class="route-link" href="/vue-utils/">vue-utils</a>、<a class="route-link" href="/open/">open</a>、<a class="route-link" href="/promisify/">promisify</a>、<a class="route-link" href="/element-new/">element 初始化组件</a> 等源码，详细的写了我是如何看源码的，并且绘制了大量的关系图和原理图，应该算是比较好的<strong>学习源码</strong>的文章。<a href="https://mp.weixin.qq.com/s?__biz=MzA5MjQwMzQyNw==&mid=2650746362&idx=1&sn=afe3a26cdbde1d423aae4fa99355f369&chksm=88662e76bf11a760a7f0a8565b9e8d52f5e4f056dc2682f213eec6475127d71f6f1d203d6c3a&token=1233343990&lang=zh_CN#rd" target="_blank" rel="noopener noreferrer">更多可参考我的这篇知乎回答：有哪些必看的js库？</a></p><blockquote><p>我的博客地址：<a class="route-link" href="/">https://ruochuan12.github.io</a>，<strong>建议加个书签</strong>，也可以百度搜索<a href="https://www.baidu.com/s?ie=utf-8&f=8&rsv_bp=1&tn=SE_Pclogo_6ysd4c7a&wd=%E8%8B%A5%E5%B7%9D&oq=%25E4%25BB%258A%25E6%2597%25A5%25E6%2596%25B0%25E9%25B2%259C%25E4%25BA%258B&rsv_pq=d5d2506b003fe4bc&rsv_t=9f60noZ4n6uVgTXKStiYbZUcvyfAkfkMCTUyAQKh6Bb2Kvsfkhq%2FmkhNpAfcTyhz2cKYaBIMw73l&rqlang=cn&rsv_enter=1&rsv_dl=tb&rsv_sug3=1&rsv_sug2=0&rsv_btype=t&inputT=1388&rsv_sug4=1388" target="_blank" rel="noopener noreferrer"><strong>若川</strong></a>，找到我。</p></blockquote><p>另外，你可以在以下网站（点击图片跳转）关注我（你的关注是对我的肯定）：<br></p><p><a href="https://image-static.segmentfault.com/355/182/3551821948-5df888aa1dc88_articlex" target="_blank" rel="noopener noreferrer"><img src="https://img.shields.io/badge/公众号-@若川视野-000000.svg?style=flat-square&logo=WeChat" alt="公众号" loading="lazy"></a><br><a href="https://www.zhihu.com/people/lxchuan12" target="_blank" rel="noopener noreferrer"><img src="https://img.shields.io/badge/dynamic/json?color=0084ff&label=知乎@若川&query=%24.data.totalSubs&url=https%3A%2F%2Fapi.spencerwoo.com%2Fsubstats%2F%3Fsource%3Dzhihu%26queryKey%3Dlxchuan12" alt="知乎" loading="lazy"></a><br><a href="https://juejin.cn/user/1415826704971918/posts" target="_blank" rel="noopener noreferrer"><img src="https://img.shields.io/badge/掘金-@若川-000000.svg?style=flat-square&logo=Juejin" alt="掘金" loading="lazy"></a><br><a href="https://segmentfault.com/blog/lxchuan12" target="_blank" rel="noopener noreferrer"><img src="https://img.shields.io/badge/segmentfault-@若川-000000.svg?style=flat-square&logo=Segmentfault" alt="segmentfault" loading="lazy"></a><br><a href="https://www.yuque.com/lxchuan12/blog" target="_blank" rel="noopener noreferrer"><img src="https://img.shields.io/badge/语雀-@若川-000000.svg?style=flat-square&logo=Segmentfault" alt="语雀" loading="lazy"></a><br><a href="https://github.com/ruochuan12/blog" target="_blank" rel="noopener noreferrer"><img src="https://img.shields.io/github/stars/lxchuan12/blog?label=Stars&style=flat-square&logo=GitHub" alt="github" loading="lazy"></a></p><p>我运营了公众号「若川视野」，关注回复「pdf」限时获取前端优质书籍pdf。<strong>公众号经常更新，值得你关注学习，每天进步一点点</strong>。</p><h2 id="知乎高赞问答" tabindex="-1"><a class="header-anchor" href="#知乎高赞问答"><span>知乎高赞问答</span></a></h2><p><a href="https://www.zhihu.com/question/384048633/answer/1134746899" target="_blank" rel="noopener noreferrer">若川知乎回答：做了两年前端开发，平时就是拿 Vue 写写页面和组件，简历的项目经历应该怎么写得好看？</a><br><br><a href="https://www.zhihu.com/question/429436558/answer/1575251772" target="_blank" rel="noopener noreferrer">若川知乎问答：有哪些必看的js库？</a><br><br><a href="https://www.zhihu.com/question/350289336/answer/910970733" target="_blank" rel="noopener noreferrer">若川知乎回答：一年内的前端看不懂前端框架源码怎么办？</a><br><br><a href="https://www.zhihu.com/question/372962058/answer/1026884916" target="_blank" rel="noopener noreferrer">若川知乎回答：怎么才能学好前端？</a><br><br> 如果觉得不错，可以点个赞<sup>_</sup></p><h2 id="文章列表" tabindex="-1"><a class="header-anchor" href="#文章列表"><span>文章列表</span></a></h2><ul><li><a class="route-link" href="/taro/cli-init/">Taro 源码揭秘 - 1. 揭开整个架构的入口 CLI => taro init 初始化项目的秘密</a></li><li><a class="route-link" href="/taro/cli-plugins/">Taro 源码揭秘 - 2. 揭开整个架构的插件系统的秘密</a></li><li><a class="route-link" href="/taro/cli-init-2/">Taro 源码揭秘 - 3. 每次创建新的 taro 项目（taro init）的背后原理是什么</a></li></ul><p><strong>vant 组件库源码分析系列：</strong></p><ul><li><p>52.<a class="route-link" href="/vant/lazyload/">vant4.0 正式发布了，分析其源码学会用 vue3 写一个图片懒加载组件！</a></p></li><li><p>51.<a class="route-link" href="/vant/count-down/">分析 vant4 源码，学会用 vue3 + ts 开发毫秒级渲染的倒计时组件，真是妙啊</a></p></li><li><p>50.<a class="route-link" href="/vant/list/">分析 vant4 源码，如何用 vue3 + ts 开发一个瀑布流滚动加载的列表组件？</a></p></li><li><p>49.<a class="route-link" href="/vant/loading/">跟着 vant4 源码学习如何用 vue3+ts 开发一个 loading 组件，仅88行代码</a></p></li><li><p>48.<a class="route-link" href="/vant/dark-theme/">vant 4 即将正式发布，支持暗黑主题，那么是如何实现的呢</a></p></li></ul><p><strong>学习源码整体架构系列：</strong></p><ul><li><p><a class="route-link" href="/vue-mini-analysis/">开发小程序又一新选择 vue-mini，据说性能是 Taro 的 10 倍，遥遥领先</a></p></li><li><p>47.<a class="route-link" href="/open-in-github/">神器啊，从未想过 VSCode 还能这样直接打开仓库URL，原理揭秘~</a></p></li><li><p>46.<a class="route-link" href="/react-use/">自从学了 react-use 源码，我写自定义 React Hooks 越来越顺了~</a></p></li><li><p>45.<a class="route-link" href="/vue-debugger/">据说90%的人不知道可以用测试用例(Vitest)调试开源项目(Vue3) 源码</a></p></li><li><p>44.<a class="route-link" href="/vant-weapp-stepper/">经常用 vant-weapp 开发小程序，却不知道如何开发一个组件？学！</a></p></li><li><p>43.<a class="route-link" href="/create-vite/">vite 3.0 都发布了，经常初始化 vite 项目，却不知 create-vite 原理？揭秘！</a></p></li><li><p>42.<a class="route-link" href="/mini-ci/">还在用开发者工具上传小程序? 快来试试 miniprogram-ci 提效摸鱼</a></p></li><li><p>41.<a class="route-link" href="/dotenv/">面试官：项目中常用的 .env 文件原理是什么？如何实现？</a></p></li><li><p>40.<a class="route-link" href="/delay/">面试官：请手写一个带取消功能的延迟函数，axios 取消功能的原理是什么</a></p></li><li><p>39.<a class="route-link" href="/install-pkg/">Vue团队核心成员开发的39行小工具 install-pkg 安装包，值得一学！</a></p></li><li><p>38.<a class="route-link" href="/read-pkg/">从 vue-cli 源码中，我发现了27行读取 json 文件有趣的 npm 包</a></p></li><li><p>37.<a class="route-link" href="/only-allow/">从 vue3 和 vite 源码中，我学到了一行代码统一规范团队包管理器的神器</a></p></li><li><p>36.<a class="route-link" href="/element-new/">每次新增页面复制粘贴？100多行源码的 element-ui 新增组件功能告诉你减少重复工作</a></p></li><li><p>35.<a class="route-link" href="/debug/">新手向：前端程序员必学基本技能——调试JS代码</a></p></li><li><p>34.<a class="route-link" href="/promisify/">从22行有趣的源码库中，我学到了 callback promisify 化的 Node.js 源码实现</a></p></li><li><p>33.<a class="route-link" href="/open/">每次启动项目的服务，电脑竟然乖乖的帮我打开了浏览器，100行源码揭秘！</a></p></li><li><p>32.<a class="route-link" href="/vue-utils/">初学者也能看懂的 Vue2 源码中那些实用的基础工具函数</a></p></li><li><p>31.<a class="route-link" href="/ni/">尤雨溪推荐神器 ni ，能替代 npm/yarn/pnpm ？简单好用！源码揭秘！</a></p></li><li><p>30.<a class="route-link" href="/vue-dev-server/">尤雨溪几年前开发的“玩具 vite”，才100多行代码，却十分有助于理解 vite 原理</a></p></li><li><p>29.<a class="route-link" href="/create-vue/">Vue 团队公开快如闪电的全新脚手架工具 create-vue，未来将替代 Vue-CLI，才300余行代码，学它！</a></p></li><li><p>28.<a class="route-link" href="/vue-this/">为什么 Vue2 this 能够直接获取到 data 和 methods</a></p></li><li><p>27.<a class="route-link" href="/koa-compose/">50行代码串行Promise，koa洋葱模型原来是这么实现？</a></p></li><li><p>26.<a class="route-link" href="/vue-next-release/">Vue 3.2 发布了，那尤雨溪是怎么发布 Vue.js 的？</a></p></li><li><p>25.<a class="route-link" href="/vue-next-utils/">初学者也能看懂的 Vue3 源码中那些实用的基础工具函数</a></p></li><li><p>24.<a class="route-link" href="/vue-devtools/">尤雨溪开发的 vue-devtools 如何安装，为何打开文件的功能鲜有人知？</a></p></li><li><p>23.<a class="route-link" href="/vuex-this/">面对 this 指向丢失，尤雨溪在 Vuex 源码中是怎么处理的</a></p></li><li><p>22.<a class="route-link" href="/vuex4/">一文读懂vuex4源码，原来provide/inject就是妙用了原型链？</a></p></li><li><p>21.<a class="route-link" href="/open-in-editor/">据说 99% 的人不知道 vue-devtools 还能直接打开对应组件文件？本文原理揭秘</a></p></li><li><p>20.<a class="route-link" href="/redux/">学习 redux 源码整体架构，深入理解 redux 及其中间件原理</a></p></li><li><p>19.<a class="route-link" href="/koa/">学习 koa 源码的整体架构，浅析koa洋葱模型原理和co原理</a></p></li><li><p>18.<a class="route-link" href="/axios/">学习 axios 源码整体架构，打造属于自己的请求库</a></p></li><li><p>17.<a class="route-link" href="/vuex/">学习 vuex 源码整体架构，打造属于自己的状态管理库</a></p></li><li><p>16.<a class="route-link" href="/sentry/">学习 sentry 源码整体架构，打造属于自己的前端异常监控SDK</a></p></li><li><p>15.<a class="route-link" href="/lodash/">学习 lodash 源码整体架构，打造属于自己的函数式编程类库</a></p></li><li><p>14.<a class="route-link" href="/underscore/">学习 underscore 源码整体架构，打造属于自己的函数式编程类库</a></p></li><li><p>13.<a class="route-link" href="/jquery/">学习 jQuery 源码整体架构，打造属于自己的 js 类库</a></p></li></ul><p><strong>面试官问系列：</strong></p><ul><li><p>12.<a class="route-link" href="/js-extend/">面试官问：JS的继承</a></p></li><li><p>11.<a class="route-link" href="/js-this/">面试官问：JS的this指向</a></p></li><li><p>10.<a class="route-link" href="/js-implement-call-apply/">面试官问：能否模拟实现JS的call和apply方法</a></p></li><li><p>9.<a class="route-link" href="/js-implement-bind/">面试官问：能否模拟实现JS的bind方法</a></p></li><li><p>8.<a class="route-link" href="/js-implement-new/">面试官问：能否模拟实现JS的new操作符</a></p></li></ul><p><strong>其他：</strong></p><ul><li><p>7.<a class="route-link" href="/puppeteer-create-pdf-and-merge/">前端使用puppeteer 爬虫生成《React.js 小书》PDF并合并</a></p></li><li><p>6.<a class="route-link" href="/vue-cli-2-webpack/">分析vue-cli@2.9.3 搭建的webpack项目工程</a></p></li><li><p>5.<a class="route-link" href="/oh-my-zsh/">oh my zsh 和 windows git bash 设置别名提高效率</a></p></li><li><p>4.<a class="route-link" href="/vue-2-qrcode/">vue 2.x项目 vue-qriously 生成二维码并下载、cliploard复制粘贴</a></p></li><li><p>3.<a class="route-link" href="/20180421-youzan-front-end-tech-open-day/">参加有赞前端技术开放日所感所想</a></p></li><li><p>2.<a class="route-link" href="/js-object-api/">JavaScript 对象所有API解析</a></p></li><li><p>1.<a class="route-link" href="/js-book/">《JavaScript语言精粹 修订版》 读书笔记</a></p></li></ul><h2 id="免费的知识星球-前端视野" tabindex="-1"><a class="header-anchor" href="#免费的知识星球-前端视野"><span>免费的知识星球 前端视野</span></a></h2><img src="/assets/zsxq-oHnqEmTv.png" width="250" height="325" title="前端视野知识星球" alt="前端视野知识星球"><p>主要发表一些前端所见所想，Vue、React、构建工具(比如：gulp、webpack)、设计模式等。一个人走得快，一群人走得远。</p></div><!----><footer class="vp-page-meta"><div class="vp-meta-item edit-link"><a class="auto-link external-link vp-meta-label" href="https://github.com/lxchuan12/blog/edit/main/docs/README.md" aria-label="在 GitHub 上编辑此页" rel="noopener noreferrer" target="_blank"><!--[--><svg xmlns="http://www.w3.org/2000/svg" class="icon edit-icon" viewBox="0 0 1024 1024" fill="currentColor" aria-label="edit icon" name="edit"><path d="M430.818 653.65a60.46 60.46 0 0 1-50.96-93.281l71.69-114.012 7.773-10.365L816.038 80.138A60.46 60.46 0 0 1 859.225 62a60.46 60.46 0 0 1 43.186 18.138l43.186 43.186a60.46 60.46 0 0 1 0 86.373L588.879 565.55l-8.637 8.637-117.466 68.234a60.46 60.46 0 0 1-31.958 11.229z"></path><path d="M728.802 962H252.891A190.883 190.883 0 0 1 62.008 771.98V296.934a190.883 190.883 0 0 1 190.883-192.61h267.754a60.46 60.46 0 0 1 0 120.92H252.891a69.962 69.962 0 0 0-69.098 69.099V771.98a69.962 69.962 0 0 0 69.098 69.098h475.911A69.962 69.962 0 0 0 797.9 771.98V503.363a60.46 60.46 0 1 1 120.922 0V771.98A190.883 190.883 0 0 1 728.802 962z"></path></svg><!--]-->在 GitHub 上编辑此页<!----></a></div><div class="vp-meta-item git-info"><div class="update-time"><span class="vp-meta-label">最后更新时间: </span><!----></div><!----></div></footer><nav class="vp-page-nav"><!----><a class="route-link route-link-active auto-link next" href="/" aria-label="taro源码揭秘"><div class="hint">下一页<span class="arrow end"></span></div><div class="link">taro源码揭秘<!----></div></a></nav><!----><!----><!--]--></main><!--]--><footer class="vp-footer-wrapper"><div class="vp-footer">欢迎加我微信 <a href='https://juejin.cn/pin/7217386885793595453' target='_blank'>ruochuan02</a>，参加源码共读，一起学习源码</div><div class="vp-copyright">Copyright © 2024 若川 </div></footer></div><!--]--><!--[--><!----><!----><div class="ruochuan12-side" data-v-3fafe3c7><img class="ruochuan12-side-image" src="/assets/ruochuan02-TNg5LtGN.jpg" data-v-3fafe3c7><div class="text-center" data-v-3fafe3c7><!----><span data-v-3fafe3c7>拉你进源码共读群</span><br data-v-3fafe3c7><span data-v-3fafe3c7>一起学习源码</span><br data-v-3fafe3c7></div></div><!--]--><!--]--></div>
<script type="module" src="/assets/app-DPdQPN4Q.js" defer></script>
</body>
</html>
Вы можете оставить комментарий после Вход в систему
Неприемлемый контент может быть отображен здесь и не будет показан на странице. Вы можете проверить и изменить его с помощью соответствующей функции редактирования.
Если вы подтверждаете, что содержание не содержит непристойной лексики/перенаправления на рекламу/насилия/вульгарной порнографии/нарушений/пиратства/ложного/незначительного или незаконного контента, связанного с национальными законами и предписаниями, вы можете нажать «Отправить» для подачи апелляции, и мы обработаем ее как можно скорее.
Опубликовать ( 0 )