http://wushao666.github.io/ Recent content on 吴少在Coding Hugo -- gohugo.io zh-Hans Wed, 26 Mar 2025 23:30:38 +0800 http://wushao666.github.io/about/ Sun, 20 Aug 2017 21:38:52 +0800 http://wushao666.github.io/about/ 爱web开发👨🏻‍💻 爱打球⛹ 爱大自然 🏞️ 时间 公司 2018-2021 北京-NUCTECH 2021-2023 北京-获得场景 2023-2024 北京-完美世界-AILab 2024-至今 上海-Ten http://wushao666.github.io/post/bff%E7%9A%84%E6%9C%8D%E5%8A%A1%E7%AB%AF%E8%AE%BE%E8%AE%A1/ Wed, 26 Mar 2025 23:30:38 +0800 http://wushao666.github.io/post/bff%E7%9A%84%E6%9C%8D%E5%8A%A1%E7%AB%AF%E8%AE%BE%E8%AE%A1/ 本节是BFF层设计的开端：使用koa封装服务端逻辑。 本系列中的BFF层设计是为了解决多个子应用访问的问题： 避免传统的大型的一站式平台，过于复 http://wushao666.github.io/post/%E4%B8%BAbff%E5%B1%82%E6%9C%8D%E5%8A%A1%E7%9A%84%E5%89%8D%E7%AB%AF%E5%B7%A5%E7%A8%8B%E5%8C%96/ Wed, 26 Mar 2025 10:35:43 +0800 http://wushao666.github.io/post/%E4%B8%BAbff%E5%B1%82%E6%9C%8D%E5%8A%A1%E7%9A%84%E5%89%8D%E7%AB%AF%E5%B7%A5%E7%A8%8B%E5%8C%96/ 本节是为了BFF层设计的前端基建内容，在做前端基建之前，还是要再次复习一下我们之前的BFF服务端架构设计，方便我们更好的配合它做基建。 这套工 http://wushao666.github.io/post/vue%E7%9A%84%E7%BB%84%E4%BB%B6%E9%97%B4%E9%80%9A%E4%BF%A1/ Tue, 06 Dec 2022 20:58:23 +0800 http://wushao666.github.io/post/vue%E7%9A%84%E7%BB%84%E4%BB%B6%E9%97%B4%E9%80%9A%E4%BF%A1/ 在 vue 的组件化开发的过程中，数据交互是其中很重要的环节，不同的组件间如何进行通信就是今天要探讨的话题。所谓的通信就是组件之间获取属性和调用方法 http://wushao666.github.io/post/javascript%E4%B8%AD%E7%9A%84%E5%BC%82%E6%AD%A5%E9%97%AE%E9%A2%98/ Wed, 16 Nov 2022 18:51:22 +0800 http://wushao666.github.io/post/javascript%E4%B8%AD%E7%9A%84%E5%BC%82%E6%AD%A5%E9%97%AE%E9%A2%98/ 今天我们来聊一聊 JavaScript 中的&quot;异步&quot;，所谓的异步就是我不立刻等函数执行的结果，我去执行其他逻辑，当函数有了结果，再来通知我。 这 http://wushao666.github.io/post/%E6%89%8B%E5%86%99minivue3-07%E5%AE%9E%E7%8E%B0computed/ Mon, 10 Oct 2022 20:03:54 +0800 http://wushao666.github.io/post/%E6%89%8B%E5%86%99minivue3-07%E5%AE%9E%E7%8E%B0computed/ 实现computed 本节实现computed()，先看测试用例： 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 http://wushao666.github.io/post/%E6%89%8B%E5%86%99minivue3-06%E5%AE%9E%E7%8E%B0refisrefunrefproxyrefs/ Mon, 10 Oct 2022 14:31:28 +0800 http://wushao666.github.io/post/%E6%89%8B%E5%86%99minivue3-06%E5%AE%9E%E7%8E%B0refisrefunrefproxyrefs/ 实现ref 本节我们要实现一个超级重要的响应式操作-ref()，它是比响应式核心中的reactive()使用的更为频繁的一个操作，真正的vue http://wushao666.github.io/post/%E6%89%8B%E5%86%99minivue3-05%E5%AE%9E%E7%8E%B0shallowreactive%E5%92%8Cisproxy/ Mon, 10 Oct 2022 10:07:06 +0800 http://wushao666.github.io/post/%E6%89%8B%E5%86%99minivue3-05%E5%AE%9E%E7%8E%B0shallowreactive%E5%92%8Cisproxy/ 实现shallowReactive shallowReadonly 照旧，我们先来看看测试用例，要做什么： 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 // shallowReactive.spec.ts http://wushao666.github.io/post/%E6%89%8B%E5%86%99minivue3-04%E5%AE%9E%E7%8E%B0isreadonly%E5%92%8Cisreactive%E5%92%8C%E5%B5%8C%E5%A5%97%E5%AF%B9%E8%B1%A1%E6%B7%B1%E5%B1%82%E5%93%8D%E5%BA%94/ Sun, 09 Oct 2022 17:24:00 +0800 http://wushao666.github.io/post/%E6%89%8B%E5%86%99minivue3-04%E5%AE%9E%E7%8E%B0isreadonly%E5%92%8Cisreactive%E5%92%8C%E5%B5%8C%E5%A5%97%E5%AF%B9%E8%B1%A1%E6%B7%B1%E5%B1%82%E5%93%8D%E5%BA%94/ 实现isReadonly和isReactive 这两个属于响应式的工具类，判断是属于哪种类型的响应式对象，照旧先看测试用例： 1 2 3 4 5 6 7 // reactive.spec.ts http://wushao666.github.io/post/%E6%89%8B%E5%86%99minivue3-03%E5%AE%9E%E7%8E%B0readonly%E5%B9%B6%E9%87%8D%E6%9E%84%E5%93%8D%E5%BA%94%E5%BC%8F/ Sun, 09 Oct 2022 14:59:45 +0800 http://wushao666.github.io/post/%E6%89%8B%E5%86%99minivue3-03%E5%AE%9E%E7%8E%B0readonly%E5%B9%B6%E9%87%8D%E6%9E%84%E5%93%8D%E5%BA%94%E5%BC%8F/ 重构reactive 本来我们应该直接实现readonly模块的，但是其实它本质上和reactive很像，只不过它是只读的，不能set，set http://wushao666.github.io/post/%E6%89%8B%E5%86%99minivue3-02%E5%AE%9E%E7%8E%B0effect%E7%9A%84runner-scheduler-stop%E5%8A%9F%E8%83%BD/ Sun, 09 Oct 2022 11:58:26 +0800 http://wushao666.github.io/post/%E6%89%8B%E5%86%99minivue3-02%E5%AE%9E%E7%8E%B0effect%E7%9A%84runner-scheduler-stop%E5%8A%9F%E8%83%BD/ 实现effect的runner 前面一节，已经实现了基础版的reactive和effect，但是vue3的effect实际上还有另外三种副作用 http://wushao666.github.io/post/%E6%89%8B%E5%86%99minivue3-01%E5%AE%9E%E7%8E%B0effect%E5%92%8Creactive/ Sat, 08 Oct 2022 22:27:32 +0800 http://wushao666.github.io/post/%E6%89%8B%E5%86%99minivue3-01%E5%AE%9E%E7%8E%B0effect%E5%92%8Creactive/ mini-vue初始化 本系列将会实现一个mini 😊的vue3框架，但是在开始写代码之前需要做一些准备工作，安装相关依赖 安装typescrip http://wushao666.github.io/post/http%E7%BC%93%E5%AD%98%E6%9C%BA%E5%88%B6/ Tue, 27 Sep 2022 15:12:54 +0800 http://wushao666.github.io/post/http%E7%BC%93%E5%AD%98%E6%9C%BA%E5%88%B6/ 今天来记录一下浏览器的缓存机制。 缓存 缓存是在web开发中经常用到的一种技术，有很多的应用场景，今天主要聊聊http请求的缓存。 设计缓存机制 w http://wushao666.github.io/post/%E6%89%8B%E5%86%99goweb%E6%A1%86%E6%9E%B602-%E8%B7%AF%E7%94%B1%E5%AE%9E%E7%8E%B0/ Fri, 16 Sep 2022 16:58:00 +0800 http://wushao666.github.io/post/%E6%89%8B%E5%86%99goweb%E6%A1%86%E6%9E%B602-%E8%B7%AF%E7%94%B1%E5%AE%9E%E7%8E%B0/ 本节我们来实现框架的基础路由部分，我们会按照5步循序渐进的实现这个路由。 go原生实现基础路由 go的http包很强大，可以直接实现基础路由做测 http://wushao666.github.io/post/%E6%89%8B%E5%86%99goweb%E6%A1%86%E6%9E%B601-%E5%88%86%E6%9E%90%E6%A1%86%E6%9E%B6/ Fri, 16 Sep 2022 11:07:07 +0800 http://wushao666.github.io/post/%E6%89%8B%E5%86%99goweb%E6%A1%86%E6%9E%B601-%E5%88%86%E6%9E%90%E6%A1%86%E6%9E%B6/ 为什么需要一个web框架，主要是因为我们使用原生go的http库进行开发web项目时，存在很多重复繁琐的操作，一些复杂的业务场景需要做大量的 http://wushao666.github.io/post/%E4%BA%91%E6%9C%8D%E5%8A%A1%E5%99%A8%E6%90%AD%E5%BB%BA/ Sun, 08 May 2022 22:42:02 +0800 http://wushao666.github.io/post/%E4%BA%91%E6%9C%8D%E5%8A%A1%E5%99%A8%E6%90%AD%E5%BB%BA/ 购买云服务器 阿里云或者腾讯云都可，腾讯云便宜些。云服务器会提供一个公网IP，给域名解析用，镜像可能是centos或者Ubuntu，本文以ce http://wushao666.github.io/post/%E5%90%8C%E4%B8%80%E5%8F%B0%E7%94%B5%E8%84%91%E5%88%9B%E5%BB%BA%E5%A4%9A%E4%B8%AAgithub%E8%B4%A6%E6%88%B7/ Sat, 04 Dec 2021 21:52:55 +0800 http://wushao666.github.io/post/%E5%90%8C%E4%B8%80%E5%8F%B0%E7%94%B5%E8%84%91%E5%88%9B%E5%BB%BA%E5%A4%9A%E4%B8%AAgithub%E8%B4%A6%E6%88%B7/ <p>通常我们会有一个工作的gitlab账户、还会有一个github私人账号用，或者有两个及以上的github账号，所以在同一台电脑上会存在多个<code>github</code>账户的情况，此时默认的githug配置不在生效，我们要先清除掉之前设置的全局<code>github 用户名和邮箱</code>。</p> http://wushao666.github.io/post/hugo%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/ Sat, 04 Dec 2021 15:10:38 +0800 http://wushao666.github.io/post/hugo%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/ <h2 id="前言">前言</h2> <blockquote> <p>写作是每个人都必备的技能，它可以帮你梳理逻辑，检查自己的思考过程。进入互联网时代后，手写文章的机会变得少了，使用网络博客的机会和场景变得多了起来，无论是自己做技术总结、公司写技术方案都需要博客，工具千千万，但是要想写的好文章却是要一直打磨。我从17年到今天之前我都是用的<code>hexo</code>搭建的博客，<code>hexo</code>是用<code>javascript</code>写的静态博客框架，使用起来也挺方便，但是安装过程和后续换电脑或者更新过后可能会遇到一些各种<code>bug</code>，后来被前辈老师朋友们安利<a href="https://gohugo.io/">hugo</a>，它使用<code>go</code>写的，安装、运行都速度极快，对新手极为友好，故今天开始用它重新更新博客，并记录一下搭建的过程。</p> </blockquote>