關於近期個人網站變更調整
關於本博客的調整及更新記錄
聊一聊個人生產力中的那些 APP
前言 此文主要介紹個人生產力中的一些常用 APP，包括但不限於開發工具、效率工具、學習工具等等。 此文中介紹的大部分內容都是基於 MAC 平台和 IOS 平台，如果你使用的是 Windows 或者 Android，那麽可能有些 APP 無法使用，但是部分 APP 都是跨平台的，所以你可以在 Windows 或者 Android 平台上找到類似的 APP。 開發工具 以下工具排名不分先後順序。 名稱 描述 是否跨平台 vscode TS 項目的主要工具 ✅ webstorm 這款軟件主要是工作中寫一些 JS 項目 ✅ Navicat Premium 主要用於鏈接 MySQL 數據庫 ✅ MongoDB Compass 聽名字就能知道這是鏈接 mongodb 數據庫的工具 ✅ Medis 鏈接 redis 數據的一款工具 ❌ Docker 主要是用於一鍵啟動數據庫和 Nginx 服務 ✅ WindTerm 用於鏈接雲服務器 ✅ Termius 用於鏈接雲服務器 ✅ Tabby 用於鏈接雲服務器 ✅ Warp 本地的終端，因為懶得折騰 I ...
瀏覽器中的事件循環（Event Loop）機製
什麽是事件循環(Event loop),淺談瀏覽器事件循環,一文帶你了解什麽是瀏覽器中的事件循環機製；通過代碼幫你梳理事件循環是如何進行循環的。
使用pnpm創建一個monorepo倉庫
關於monorepo 簡單來說monorepo就是將多個項目（有關聯）放到一個倉庫，其好處最明顯的就是解決代碼複用的問題和開發流程的統一。 至於更多關於monorepo管理方式，網上也有很多文章介紹，此文的主要目的是記錄一下初始化過程。 創建項目 新建目錄並初始化（項目名以kklearn為例） 1pnpm init 接下來在生成的package.json文件中寫入字段來限製使用pnpm等 1234567891011121314151617{ "name": "kklearn", "version": "1.0.0", "description": "", "private": true, "engines": { "node": ">=16", "pnpm": ">=7" } ...
JavaScript中的原型鏈到底是什麽
原型鏈是什麽,淺談原型鏈，一文帶你了解什麽是原型鏈
一文搞懂網格grid布局
什麽是網格布局 網格布局能夠將網頁劃分成一個個網格，亦可以組合任意不同的網格。 grid布局是二維布局，而flex布局則是一維布局。grid將容器劃分為行和列，產生單元格，通過指定項目所在的單元格。 定義網格布局 定義網格布局很簡答，通過display即可設置。 不過與flex布局不同的是，單純的設置後是無效果的，需要同樣為其設置網格布局屬性才可以看到效果 gridinline-grid容器內部設置為網格布局，容器為塊級元素 123div{ display: grid;}容器內部設置為網格布局，容器為行內元素 123div{ display: inline-grid;} 網格布局屬性 列寬和行高 定義列寬grid-template-columns和行高grid-template-rows用於規定單元格的大小。（類似於width和height） 12345678.container { /* 定義網格布局 */ display: grid; /* 定義三列網格，寬度為200px */ grid-template-c ...
個人圖床的最終抉擇
談一談我的個人圖床的解決方案
初識vue3之無限滾動
vue3中自定義無限滾動指令與無限滾動組件的封裝
友鏈及友鏈朋友圈折騰史
此文參考倉庫：https://github.com/kkfive/my-friend 友鏈 友鏈數據 說到友鏈，算是入坑 Hexo 博客以後第一個魔改的內容。 當時的魔改的友鏈還隻是在原主題的基礎上修改源代碼，導致每次升級主題都要進行大量適配工作。 於是第一版的友鏈（不修改源代碼）魔改出現了，其原理是通過 JavaScript 異步請求 giteeAPI，來在前端顯示友鏈信息。gitee 端使用 issue 存儲友鏈，使用戶更方便的交換友鏈。 此處省略大量前端適配及優化方案。 方便的同時也產生了大量問題，其中我最不能容忍的情況如下： 交換友鏈後站點關閉即博主不在維護 交換友鏈後換主題或博客係統導致曾經友鏈記錄全部消失並且不補 因此在 2022 年年初，基於 kkapi 我想要交換友鏈的小夥伴通過 API 提交交換，並且與用戶 GitHub 或者 Gitee 綁定。前端通過自行填寫表單的方式提交。 但是此方案的實現過於複雜，且由於出現賬號的概念，所以無形中為用戶的“賬號記錄庫”增加負擔，且在代碼維護與安全方麵存在很多問題需要完善，因此此項方案作廢。 在同一時間，受到樂特大佬 ...