关于近期个人网站变更调整
关于本博客的调整及更新记录
聊一聊个人生产力中的那些 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 绑定。前端通过自行填写表单的方式提交。 但是此方案的实现过于复杂,且由于出现账号的概念,所以无形中为用户的“账号记录库”增加负担,且在代码维护与安全方面存在很多问题需要完善,因此此项方案作废。 在同一时间,受到乐特大佬 ...