摘要：
上半年vercel 推出了nextjs13 这个大版本，刚好最近有个c端的项目，所以就用了这个框架来写，技术体系基本也是文档提到的 tailwindcss + ts + swr + ssr ，总的来开发体验还可以，不管是打包速度、文档、错误信息提示目前都还满意，只不过目前nextjs13 中文资料有 阅读全文
摘要：
最近在用next13做一个简单的项目，需要兼容chrome 60+以上版本，为了方便测试，特意在公司的台式机上安装了低版本的chrome。 这里简单记录下高版本覆盖低版本的问题，这个方法不影响Windows系统内已安装的Chrome。 下载对应的版本 首先下载你想要的chrome版本，这里找到对应的 阅读全文
摘要：
原子化 CSS 框架 我记得很久之前有时候为了少写些css，我们通常会有如下的样板代码 .block { display: block; } .flex { display:flex } .flex-center { align-items: center; justify-content: cen 阅读全文
摘要：
Docker 是什么 先看看百科的定义： Docker 是一个开源的应用容器引擎，让开发者可以打包他们的应用以及依赖包到一个可移植的镜像中，然后发布到任何流行的Linux或Windows操作系统的机器上，也可以实现虚拟化。容器是完全使用沙箱机制，相互之间不会有任何接口。 容器引擎？镜像？容器？虚拟化 阅读全文
摘要：
mac m1 安装redis基本步骤 官方下载安装包 https://redis.io/download/ 然后解压 进入目录输入测试命令： sudo make test 没问题进行安装：sudo make install 安装成功 redis-server 启动redis服务 redis-cli 阅读全文
摘要：
个人认为数据结构有点偏向理论知识点，从这些理论知识点，我们可以知道各种数据结构的特点，然后在特定的场景下使用对应的数据结构来存储。 基础的数据结构 从逻辑上来说基础的数据结构只有线性结构、非线性结构，也就是数组、链表。其他复杂一点的如队列、栈、树、图、hash table 都可以通过数组和链表的方式 阅读全文
摘要：
操作fs模块 const path = require("path"); const fs = require("fs"); /* 相对路径是命令窗口执行的目录 node 提供了path模块来操作路径相关的api, 其中__dirname是一个内置的变量，返回当前文件所在的目录 */ const g 阅读全文
摘要：
nodejs 的诞生 Node.js 是2009的时候由大神 Ryan Dahl 开发的。Ryan 的本职工作是用 C++ 写服务器，后来他总结出一个经验，一个高性能服务器应该是满足“事件驱动，非阻塞 I/O”模型的。C++ 开发起来比较麻烦，于是 Ryan 就想找一种更高级的语言，以便快速开发。 阅读全文
摘要：
初识nodejs 19年年底一个偶然的机会接到年会任务，有微信扫码登录、投票、弹幕等功能，于是决定用node 来写几个服务，结果也比较顺利。 当时用看了下koa2的官方文档，知道怎么连接数据库、怎么映射表实体，怎么处理http，怎么处理异常等，就可以直接写起来了。从应用层面上来说 nodejs 入门 阅读全文
摘要：
为什么会存在这个 大概在2021年中左右，我决定未来5-8年还是在搞技术，所以我就在想我该如何完善自己的知识体系，要怎么样才能成为一个合格的、专业的前端工程师，如果后面不止于前端，我要怎么样才能在这个行业走的更远。所以就有了先提升基础的知识点的想法，虽然专业是软件工程，但是这些基础真的基本都还给书本 阅读全文
摘要：
定义 迭代器模式提供一种方法按顺序访问一个聚合对象中的各个元素，而又不暴露该对象的内部表示。迭代器模式是目的性极强的模式，它主要是用来解决遍历问题。 es6 中的迭代器 JS原生的集合类型数据结构，有Array（数组）和Object（对象），在ES6中，又新增了Map和Set。四种数据结构各自有着自 阅读全文
摘要：
定义 发布订阅模式是基于一个事件（主题）通道，希望接收通知的对象Subscriber （订阅者）通过自定义事件订阅主题，被激活事件的对象 Publisher （发布者）通过发布主题事件的方式通知订阅者 Subscriber （订阅者）对象。 简单说就是发布者与订阅者通过事件来通信，这里的发布者是之前 阅读全文
摘要：
定义 观察者模式属于行为型模式，它定义了对象间的一种一对多的依赖关系，当一个对象的状态发生改变时，所有依赖于它的对象都将得到通知，并自动更新。 一种一对多的关系中一称为被观察者也叫目标对象Subject而多则称为观察者对象Observer 观察者模式中通常有两个模型，一个观察者（observer）和 阅读全文
摘要：
定义 定义一系列的算法，将他们一个个封装起来，使他们直接可以相互替换。 算法：就是写的逻辑可以是你任何一个功能函数的逻辑 封装：就是把某一功能点对应的逻辑给抽出来 可替换：建立在封装的基础上，这些独立的算法可以很方便的替换 通俗的理解就是，把你的算法（逻辑）封装到不同的策略中，在不同的策略中是互相独 阅读全文
摘要：
定义 代理是一个中间者的角色，如生活中的中介，出于种种考虑/限制，一个对象不能直接访问另一个对象，需要一个第三者（中间代理）牵线搭桥从而间接达到访问目的，这样的就是代理模式。 es6 中的代理 es6 的 proxy 就是上面说的代理模式的实现，es6 帮我们在语法层面提供了这个新的api，让我们可 阅读全文
摘要：
定义 如果希望动态给某个类添加一些属性或者方法，但是你又不希望这个类派生的对象受到影响，那么装饰器模式就可以给你带来这样的体验。 它的定义就是在不改变原对象的基础上，通过对其进行包装拓展，使得原有对象可以动态具有更多功能，从而满足用户的更复杂需求。 举个例子，一部手机，你可以买各种花里胡哨的手机壳等 阅读全文
摘要：
定义 使用原型实例指定创建对象的种类，并且通过拷贝这些原型创建新的对象。原型模式是一种对象创建型模式 百科。 通俗的说就是原型模式是一种创建型设计模式，指定某个对象（通过某种方式）得到一个新的对象，在内存中拥有新的地址，得到的对象与原对象是是相互独立的，即得到跟原对象一样的对象 当我们需要两个一模一 阅读全文
摘要：
什么是单例模式 单例模式 （Singleton Pattern）又称为单体模式，保证一个类只有一个实例，并提供一个访问它的全局访问点。也就是说，第二次使用同一个类创建新对象的时候，应该得到与第一次创建的对象完全相同的对象。 简单的说就是保证一个类仅有一个实例，并提供一个访问它的全局访问点，这样的模式 阅读全文
摘要：
简单工厂问题 简单工厂中我们通过参数来返回不同的产品对象，如果管理的对象过多，这个工厂函数会比较庞大，且当我们需要增加一个新的产品时，需要修改这个工厂方法，违反开闭原则（对拓展开放，对修改关闭）。 为了解决简单工厂模式的问题，出现了工厂方法模式。 解决简单工厂思路 简单工厂类图关系类似如下： 如上图 阅读全文
摘要：
定义 之所以叫简单工厂是因为真的非常简单，只要一个工厂（函数）就可以了，如果把被创建的对象称为产品，把创建产品的对象或者方法称为工厂，那么只需要传入不同的参数，就可以返回不同的产品（实例），这种模式就叫简单工厂模式。 简单工厂-餐馆点菜 工厂模式其实就是将创建对象的过程单独封装在一个工厂中。 它很像 阅读全文