https://everfind.github.io/courses/

1<!DOCTYPE html>
2<html lang="zh-CN">
3  <head>
4    <link rel="icon" href="/favicon.ico"><link rel="manifest" href="/manifest.webmanifest"><meta name="theme-color" content="#5397d2">

4<script>
5      var _hmt = _hmt || [];
6(function() {
7  var hm = document.createElement("script");
8  hm.src = "https://hm.baidu.com/hm.js?e772d8d7735057378a672ae311e9bf20";
9  var s = document.getElementsByTagName("script")[0];
10  s.parentNode.insertBefore(hm, s);
11})();
12    </script>

12<title>笔记 | 众里千寻</title><meta name="description" content="前端技术交流"><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><meta name="generator" content="VuePress 2.0.0-beta.22">
13    <link rel="preload" href="/assets/js/runtime~app.fa50ff6a.js" as="script"><link rel="preload" href="/assets/css/styles.e0095a00.css" as="style"><link rel="preload" href="/assets/js/3767.b5b9e7ce.js" as="script"><link rel="preload" href="/assets/js/app.8de2a662.js" as="script">
14    <link rel="stylesheet" href="/assets/css/styles.e0095a00.css">
15  </head>
16  <body>
17    <div id="app"><!--[--><div class="theme-container no-sidebar"><header class="navbar"><div class="toggle-sidebar-button"><svg class="icon" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div><span><a href="/" class=""><img class="logo" src="/hero-c.png" alt="众里千寻"><span class="site-name can-hide">众里千寻</span></a></span><div class="navbar-links-wrapper" style=""><!--[--><!--]--><nav class="navbar-links can-hide"><!--[--><div class="navbar-links-item"><a aria-current="page" href="/courses/" class="router-link-active router-link-exact-active nav-link router-link-active" aria-label="学习笔记"><!--[--><!--]--> 学习笔记 <!--[--><!--]--></a></div><div class="navbar-links-item"><a href="/solutions/" class="nav-link" aria-label="解决方案"><!--[--><!--]--> 解决方案 <!--[--><!--]--></a></div><div class="navbar-links-item"><a href="/tools/" class="nav-link" aria-label="开发利器"><!--[--><!--]--> 开发利器 <!--[--><!--]--></a></div><div class="navbar-links-item"><a href="/code-reading/" class="nav-link" aria-label="源码解读"><!--[--><!--]--> 源码解读 <!--[--><!--]--></a></div><div class="navbar-links-item"><a href="/posts/" class="nav-link" aria-label="最新消息"><!--[--><!--]--> 最新消息 <!--[--><!--]--></a></div><div class="navbar-links-item"><a class="nav-link external" href="https://github.com/everfind" rel="noopener noreferrer" target="_blank" aria-label="GitHub"><!--[--><!--]--> GitHub <span><svg class="icon outbound" xmlns="http://www.w3.org/2000/svg" ariahidden="true" focusable="false" x="0px" y="0px" viewbox="0 0 100 100" width="15" height="15"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path><polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg><!--[--><span class="sr-only">open in new window</span><!--]--></span><!--[--><!--]--></a></div><!--]--></nav><!--[--><!--]--><button class="toggle-dark-button"><svg style="" class="icon" focusable="false" viewBox="0 0 32 32"><path d="M16 12.005a4 4 0 1 1-4 4a4.005 4.005 0 0 1 4-4m0-2a6 6 0 1 0 6 6a6 6 0 0 0-6-6z" fill="currentColor"></path><path d="M5.394 6.813l1.414-1.415l3.506 3.506L8.9 10.318z" fill="currentColor"></path><path d="M2 15.005h5v2H2z" fill="currentColor"></path><path d="M5.394 25.197L8.9 21.691l1.414 1.415l-3.506 3.505z" fill="currentColor"></path><path d="M15 25.005h2v5h-2z" fill="currentColor"></path><path d="M21.687 23.106l1.414-1.415l3.506 3.506l-1.414 1.414z" fill="currentColor"></path><path d="M25 15.005h5v2h-5z" fill="currentColor"></path><path d="M21.687 8.904l3.506-3.506l1.414 1.415l-3.506 3.505z" fill="currentColor"></path><path d="M15 2.005h2v5h-2z" fill="currentColor"></path></svg><svg style="display:none;" class="icon" focusable="false" viewBox="0 0 32 32"><path d="M13.502 5.414a15.075 15.075 0 0 0 11.594 18.194a11.113 11.113 0 0 1-7.975 3.39c-.138 0-.278.005-.418 0a11.094 11.094 0 0 1-3.2-21.584M14.98 3a1.002 1.002 0 0 0-.175.016a13.096 13.096 0 0 0 1.825 25.981c.164.006.328 0 .49 0a13.072 13.072 0 0 0 10.703-5.555a1.01 1.01 0 0 0-.783-1.565A13.08 13.08 0 0 1 15.89 4.38A1.015 1.015 0 0 0 14.98 3z" fill="currentColor"></path></svg></button><form class="search-box" role="search"><input type="search" autocomplete="off" spellcheck="false" value><!----></form></div></header><div class="sidebar-mask"></div><aside class="sidebar"><nav class="navbar-links"><!--[--><div class="navbar-links-item"><a aria-current="page" href="/courses/" class="router-link-active router-link-exact-active nav-link router-link-active" aria-label="学习笔è

17®°"><!--[--><!--]--> 学习笔记 <!--[--><!--]--></a></div><div class="navbar-links-item"><a href="/solutions/" class="nav-link" aria-label="解决方案"><!--[--><!--]--> 解决方案 <!--[--><!--]--></a></div><div class="navbar-links-item"><a href="/tools/" class="nav-link" aria-label="开发利器"><!--[--><!--]--> 开发利器 <!--[--><!--]--></a></div><div class="navbar-links-item"><a href="/code-reading/" class="nav-link" aria-label="源码解读"><!--[--><!--]--> 源码解读 <!--[--><!--]--></a></div><div class="navbar-links-item"><a href="/posts/" class="nav-link" aria-label="最新消息"><!--[--><!--]--> 最新消息 <!--[--><!--]--></a></div><div class="navbar-links-item"><a class="nav-link external" href="https://github.com/everfind" rel="noopener noreferrer" target="_blank" aria-label="GitHub"><!--[--><!--]--> GitHub <span><svg class="icon outbound" xmlns="http://www.w3.org/2000/svg" ariahidden="true" focusable="false" x="0px" y="0px" viewbox="0 0 100 100" width="15" height="15"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path><polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg><!--[--><span class="sr-only">open in new window</span><!--]--></span><!--[--><!--]--></a></div><!--]--></nav><!--[--><!--]--><ul class="sidebar-links"><!--[--><!--]--></ul><!--[--><!--]--></aside><main class="page"><!--[--><!--]--><div class="theme-default-content"><!--[--><div class="custom-container tip"><p class="custom-container-title">TIP</p><p>世界纷纷扰扰，不如读书。</p></div><!--[--><ul data-v-3c31bff4><!--[--><!--]--></ul><ul data-v-3c31bff4><!--[--><li class="article" data-v-3c31bff4><h5 data-v-3c31bff4><span class="articleNo" data-v-3c31bff4>1.</span><a href="/courses/software-architecture/" class="" data-v-3c31bff4>软件架构学习笔记</a></h5><p data-v-3c31bff4>了解每种架构模式的特征、优势和劣势对于选择满足特定业务需求和目标的架构模式是必要的。本系列会详细介绍集中常见的软件架构模式，并分析他们的优缺点。</p></li><li class="article" data-v-3c31bff4><h5 data-v-3c31bff4><span class="articleNo" data-v-3c31bff4>2.</span><a href="/courses/python/" class="" data-v-3c31bff4>Python 学习笔记</a></h5><p data-v-3c31bff4>Python 是一门非常实用的脚本语言，语法简洁、功能强大。这个系列是我在学习 Python 过程中的一些记录和总结，方便后面备查，也希望能给对 Python 感兴趣的同学提供一些学习资料。</p></li><li class="article" data-v-3c31bff4><h5 data-v-3c31bff4><span class="articleNo" data-v-3c31bff4>3.</span><a href="/courses/architecture-of-react-app/" class="" data-v-3c31bff4>React 应用架构指南</a></h5><p data-v-3c31bff4>React 非常灵活，生态也非常丰富，我们可以找到各种各样的解决方案。但是灵活性与多样性也给开发者带来了很多困扰，本笔记尝试用 React 生态系统中最好的工具来创建 React 应用，同时对如何让项目有良好的结构和可扩展性等做一些说明。</p></li><li class="article" data-v-3c31bff4><h5 data-v-3c31bff4><span class="articleNo" data-v-3c31bff4>4.</span><a href="/courses/network/" class="" data-v-3c31bff4>计算机网络学习笔记</a></h5><p data-v-3c31bff4>数据包在传输过程中，会经过网络中各种各样的设备，最终达到网络的另一端。本系列会先从 OSI 模型出发，详细说明网络的分层结构。之后会针对每一种典型设备做功能说明。最后，会基于样例说明每种设备、每种传输方式的工作原理。</p></li><li class="article" data-v-3c31bff4><h5 data-v-3c31bff4><span class="articleNo" data-v-3c31bff4>5.</span><a href="/courses/webpack/" class="" data-v-3c31bff4>Webpack 学习笔记</a></h5><p data-v-3c31bff4>Webpack 是现行主流的构建工具，在前端开发工作中扮演着不可或缺的角色。本系列会从零开始，根据不同的使用场景设置相应的配置，最终完成应用构建。</p></li>

17<!--]--></ul><!--]--><div style="display:flex;align-items:center;justify-content:center;"><p style="text-align:center;margin-top:10px;color:#999;"><img src="/qrcode-c.jpg" style="width:200px;height:200px;display:block;margin:10px auto;opacity:0.8;">关注微信公众号，获取最新推送~</p><p style="text-align:center;margin-top:10px;color:#999;"><img src="/card-c.jpeg" style="width:200px;height:200px;display:block;margin:10px auto;opacity:0.8;">加微信，深入交流~</p></div><!--]--></div><footer class="page-meta"><!----><!----><!----></footer><!----><!--[--><!--]--></main></div><!----><!----><!--]--></div>
18    

18<script src="/assets/js/runtime~app.fa50ff6a.js" defer></script>

18<script src="/assets/js/3767.b5b9e7ce.js" defer></script>

18<script src="/assets/js/app.8de2a662.js" defer></script>

18
19  </body>
20</html>