介绍

一些平时写的 功能组件、hook 等

• 做了一个 多选下拉搜索选择器组件 MultiSelect (opens new window)

• 做了一个 文本自动缩略，支持高亮，支持 tooltip 的组件 Abbr (opens new window)

• 做了一个 日夜切换的 Switch DayNightSwitch (opens new window)

• 做了一个 简单的防抖输入 Input DebounceInput (opens new window)

• 做了一个 自定义 css 动画实现的 loading 组件 Spin (opens new window)

• 基于 quill，封装了一个富文本编辑器 quill-editor (opens new window)

• 基于 WebSocket，封装了一个带 心跳机制 和 断线重连 的 WebSocketManager (opens new window)

• 基于 fetch，封装了一个带 超时机制 和 无感 token 刷新 的 单一化实例 的 FetchManager (opens new window)

• 做了一个 比较实用的 vite 插件，可以在开发环境下选中浏览器上的 dom，自动跳转到 vscode 中对应的源码文件以及源码行数 vite-plugin-open-in-vscode (opens new window)

• 实现了一个 页面元素选中高亮 hook，这个主要服务于上面的这个 vite 插件

• 实现了一个 浏览器暗黑模式的监听 hook，主要用于项目自动跟随浏览器模式的变更，从而更改风格 useDarkMode (opens new window)

• 实现了一个 监听 dom 元素的高度变更 hook，主要用于表格页面，可以让表格自动调整高度 useElementHeight (opens new window)

• 实现了一个 获取 url 携带的参数 hook，依赖 window.location，而不是 react-router-dom useUrlParams (opens new window)

• ...

开发的一些小项目

• 做了一个 脚手架，根据项目的公共组件，自动生成对应的页面和组件，构建一个 公共组件平台 (opens new window) ，方便用户快速开发 示例 (opens new window)

• 做了一个 小游戏，支持移动端 flappybird (opens new window)

• 做了一个 ssl 证书一键申请的网站，可以申请通配符证书，我自己平时也在用，这里将这个功能做成网站提取出来，目前已经为 18 个域名成功申请证书 certbot-ssl (opens new window)

• 做了一个 在线聊天室 chatroom (opens new window)

• 做了一个股票量化分析的工具 quantanalysis (opens new window)

• 做了一个股票实时看盘的工具，感觉没啥用 overpage (opens new window)

• ...

一些简单的 express 架构的服务

• 实现了 在 node 服务生成和验证 JWToken (opens new window)

• 实现了 在 node 服务中写调度任务 node-cron (opens new window)

• 实现了 在 node 服务中生成图片 puppeteer (opens new window)

• 实现了 在 node 服务实现 微信扫码登录和注册 (opens new window)

• 实现了 在 node 服务实现 消息和图片发送机器人 (opens new window)

• ...