風吹De麥浪

摘要： 上半年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）又稱為單體模式，保證一個類只有一個實例，并提供一個訪問它的全局訪問點。也就是說，第二次使用同一個類創建新對象的時候，應該得到與第一次創建的對象完全相同的對象。 簡單的說就是保證一個類僅有一個實例，并提供一個訪問它的全局訪問點，這樣的模式 閱讀全文

摘要： 簡單工廠問題 簡單工廠中我們通過參數來返回不同的產品對象，如果管理的對象過多，這個工廠函數會比較龐大，且當我們需要增加一個新的產品時，需要修改這個工廠方法，違反開閉原則（對拓展開放，對修改關閉）。 為了解決簡單工廠模式的問題，出現了工廠方法模式。 解決簡單工廠思路 簡單工廠類圖關系類似如下： 如上圖 閱讀全文

摘要： 定義 之所以叫簡單工廠是因為真的非常簡單，只要一個工廠（函數）就可以了，如果把被創建的對象稱為產品，把創建產品的對象或者方法稱為工廠，那么只需要傳入不同的參數，就可以返回不同的產品（實例），這種模式就叫簡單工廠模式。 簡單工廠-餐館點菜 工廠模式其實就是將創建對象的過程單獨封裝在一個工廠中。 它很像 閱讀全文