2026年3月31日

cc-ping：一行命令 Ping 所有 Claude Code 配置

用多个 Claude Code API Key 或中继？cc-ping 帮你管理配置、一键切换，还能并行 Ping 所有节点比速度。

2026年3月30日

Claude Code /usage 命令详解：你的额度还剩多少

详细介绍 Claude Code 的 /usage 命令——查看用量、了解限额、避免突然被限速，让你对自己的额度心中有数。

2026年3月30日

Claude Code /tasks 命令详解：后台任务尽在掌控

详细介绍 Claude Code 的 /tasks 命令——查看后台任务、管理并行 Agent、掌控长时间运行的进程，让多任务开发井井有条。

2026年3月30日

Claude Code Skills 详解：打造你的专属命令库

详细介绍 Claude Code 的 Skills 功能——创建自定义斜杠命令、复用提示词模板、共享团队最佳实践，让 AI 编程更高效更一致。

2026年3月30日

Claude Code /plan 详解：先想清楚再动手

详细介绍 Claude Code 的 /plan 命令和 Plan Mode——只读规划模式，让 Claude 先分析代码、制定方案，确认后再动手，避免复杂任务翻车。

2026年3月30日

Claude Code /memory 详解：让 AI 真正记住你的项目

详细介绍 Claude Code 的 /memory 命令和记忆系统——CLAUDE.md 手动指令、Auto Memory 自动记忆、模块化规则，让 Claude 跨会话记住项目规范和个人偏好。

2026年3月27日

Claude Code /resume 命令详解：别让对话白聊

详细介绍 Claude Code 的 /resume 命令——恢复历史对话、管理会话、实用技巧，让你的每一轮对话都不浪费。

2026年3月26日

AI-first 创业公司，为什么只需要一种编程语言？

技术架构越简单 = AI Coding 效率越高。从 Java 的"防人"设计到 TypeScript 全栈通吃，聊聊 AI 时代创业公司的编程语言选择。

2026年3月26日

Claude Code 引用外部知识的最佳实践：GitHub MCP + Context7

用 GitHub MCP 和 Context7 MCP 两个工具组合，解决 Claude Code 知识过时导致的代码错误问题。

2026年3月26日

Claude Code 省 Token 小技巧：感叹号的妙用

一个简单却容易被忽略的技巧——用感叹号直接执行命令，省 token、提速度、更可控。

2026年3月25日

Claude Code /btw 命令详解：不打扰主线的快问快答

详细介绍 Claude Code 的 /btw 命令——它是什么、怎么用、什么时候该用，以及它和子代理、/compact 的区别。

2026年3月25日

Claude Code /stats：看看 AI 到底帮你写了多少代码

好奇 Claude Code 到底写了多少行代码？/stats 给你完整数据——token、编辑次数、工具调用，教你怎么看。

2026年3月25日

Claude Code /status 命令详解：一眼看清会话全貌

详细介绍 Claude Code 的 /status 命令——它是什么、怎么用、能看到哪些信息，以及它在日常工作流中的实际价值。

2026年3月24日

Claude Code /compact：释放上下文，不丢进度

任务做到一半上下文满了？/compact 帮你压缩对话继续干活——和 /clear、/rewind 的区别一次讲清。

2026年3月23日

Claude Code /add-dir：被低估的 Monorepo 神器

Claude Code 默认只能看到当前目录。/add-dir 打破这个限制——分享我每天跨 5 个仓库使用的经验。

2026年3月21日

我做了个机器人，让团队在飞书里用 Claude Code

CCBot 让你的团队在飞书群聊里直接用 Claude Code——不需要终端、不需要 SSH。开源、自部署、五分钟搞定。

2026年3月21日

CCBot - 研发提效 24 倍

通过 IM 机器人控制 Claude Code，3 个项目 4 分钟全部搞定。传统编程需要 95 分钟，效率提升 24 倍。

2026年3月21日

震惊！程序员用这个工具，4分钟干完95分钟的活！效率暴涨24倍

躺床上发3条消息，4分钟搞定3个项目。传统方式需要95分钟，这就是冷兵器和热兵器的差距。

2026年3月20日

Claude Code /fast：同样的 Opus，两倍速——值不值？

/fast 不会降级模型，还是 Opus，只是更快。什么时候该开、什么时候该关，以及实际体验差异。

2026年3月20日

Claude Code /init：10 秒自动生成 CLAUDE.md

别再手写 CLAUDE.md 了。看看 /init 自动生成的效果、怎么自定义输出，以及一个让 Claude Code 效率翻倍的小技巧。

2026年3月20日

Claude Code MCP：让 AI 连接 GitHub、数据库等一切工具

MCP 把 Claude Code 从代码阅读器升级为全栈 Agent。哪些 MCP 服务器值得装、配置怎么写，实测分享。

2026年3月20日

Claude Code /model：Opus、Sonnet、Haiku 怎么选？

不是每个任务都需要 Opus。怎么切换模型、哪个场景用哪个、怎么省 token 又不掉质量。

2026年3月19日

35 岁被优化后，我用 AI 一周干完了以前一个月的活

35 岁之后，Boss 上的消息没了，跳槽涨薪没了，焦虑倒是来了。没想到 AI 以一种不可思议的方式给了答案——一个人，就是一支团队。

2026年3月19日

Claude Code 使用指南：从安装到实战，一篇就够（2026）

用了半年 Claude Code 的经验总结——5 分钟安装配置、最常用的命令、CLAUDE.md 编写技巧，以及没人告诉你的实战心得。

2026年3月19日

Claude 全家桶：从聊天到写代码到自动办公，一文讲清楚

一篇文章带你了解 Anthropic 的 Claude 全家桶——Claude.ai、Claude Code、Claude Cowork，以及 Opus、Sonnet、Haiku 三大模型家族。

2026年3月5日

朋友做原画失业了，三个月后他月入 3 万

AI 让一个原画师失业，却让他变成了漫剧导演。我突然意识到，AI 时代最大的机遇不是学 AI，而是忘掉你的专业。

2025年2月24日

mysql-exporter

【前言】 prometheus+grafana搭建监控体系， 本文介绍监控mysql。 【步骤】 修改mysql exporter配置文件 安装mysql exporter mysql授权 修改prometheus配置文件 添加grafana看板 grafana添加mysql监控看板， 地址： ht

2025年2月24日

redis-exporter

【前言】 使用prometheus+grafana搭建监控体系， 本文介绍如何监控redis。 【步骤】 安装redis exporter 修改prometheus配置文件 添加grafana看板 给grafana添加默认的redis看板， 地址： https://grafana.com/grafa

2025年2月6日

jumpserver

【前言】 jumpserver是热门的开源堡垒机， 如果你有很多服务器需要管理， 并且有安全审计等需求， jumpserver是一个不错的选择。 【安装】 安装很简单，推荐在线安装的方式， 地址： https://community.fit2cloud.com//products/jumpserve

2025年1月24日

prometheus+grafana

【前言】 prometheus+grafana是目前服务监控，数据看板的不二选择。 prometheus官网： https://prometheus.io/ grafana官网： https://grafana.com/ 推荐一个比较好的中文教程： https://prometheus.wang/

2024年9月12日

sdwebui.ai-即开即用原生sdwebui

sdwebui.ai sdwebui.ai是即开即用的原生在线sdwebui，地址：https://www.sdwebui.ai/ 原汁原味的Stable Diffusion WebUI V1.10.1 顶配4090显卡，高级会员独占4090单卡生图 支持Mac客户端，Windows客户端，Web在

2024年8月25日

StableDiffusionWebUI：细节修复（ADetailer）

【前言】 有时候sd生成的图片细节会有问题，比如脸部或者手部， 常见的方案是给一些负向提示词，和高质量的正向提示词， 但在一些场景下还是有问题。 【场景】 上面说的有问题场景，比如提示词给了full body， sd就会将精力多分一些给全身，导致脸部效果一般， 即使给了很多高质量正向提示词，和负向提

2024年8月25日

SodaArt-三步修复老旧照片

环境准备 打开 https://sodaart.ai/ ， 下载mac或windows客户端，本地安装后打开， 或者点在线生图直接打开web端， 步骤1：登录首页 使用手机号+验证码，登录首页，点击在线生图， 步骤2：在附加功能上传老旧照片 在线生图附加功能tab下，上传自己的老旧照片， 步骤3：配

2024年8月24日

StableDiffusionWebUI：旧照片修复（GFPGAN）

【前言】 sdwebui的应用场景之一就是旧照片修复， 其实目前常见的旧照片修复在sdwebui前就有了， GFPGAN： https://github.com/TencentARC/GFPGAN CodeFormer： https://github.com/sczhou/CodeFormer 但是

2024年8月24日

StableDiffusionWebUI：图片信息（PNG Info）

【前言】 png info是sdwebui自带的一个小功能， 在日常生图过程中必不可少。 【PNG Info】 简单说就是上传一张图片， 读取图片的meta信息， 解析出其中的生图信息， 并可以方便的回传到其他功能， 例如文生图，图生图，局部重绘等。 使用也比较简单，在PNG Info的tab， 上

2024年8月14日

StableDiffusionWebUI：Embeddings

【前言】 embeddings，text inversion都指文本嵌入， 可以简单理解为一组提示词的集合， 负向，正向提示词都会用到。 【Embeddings使用】 安装 下载embeddings后，放在stablediffusionwebui/embeddings下即可 使用 在embeddin

2024年8月14日

StableDiffusionWebUI：LoRA

【前言】 如果说checkpoint决定你生图的主要效果和风格， embeddings主要是负向提示词，避免不好的效果， 那lora就是微调，出你想要的效果。 【LoRA使用】 安装 将下载的LoRA添加到stablediffusionwebui/models/Lora即可， 如果不显示，点击右侧的

2024年8月9日

StableDiffusionWebUI：Checkpoint

【前言】 sd的生图离不开checkpoint， 最初官方提供了一些checkpoint， 后续sd爱好者自己训了很多checkpoint， 可以在huggingface或者civitai上找到。 【Checkpoint使用】 安装 下载checkpoint后，放到stablediffusionwe

2024年8月8日

StableDiffusionWebUI：高分辨率修复（Hires.fix）-重绘幅度

【前言】 上一节介绍了Hires.fix的算法区别， https://blog.vincentqiao.com/sdhiresfixm 本节介绍下Hires.fix的重绘幅度。 【Hires.fix】 还是固定其他与参数进行对比， 提示词中文 一个男孩，坐在椅子上，上半身，靠近窗口，蓝色上衣，黑色头

2024年8月8日

StableDiffusionWebUI：高分辨率修复（Hires.fix）-算法

【前言】 SD默认生成的图片是512x512的， 首次生图设置宽高太大，可能会有意想不到的问题， 建议还是首次512x512生图，然后后期通过高清放大提升分辨率。 高清放大有很多种方法，本节介绍高分辨率修复（Hires.fix） 【Hires.fix】 Hires.fix中的放大倍率，宽度，高度调整

2024年8月8日

StableDiffusionWebUI：采样器（Sampler）

【前言】 本章介绍sdwebui中的采样器 【采样器】 采样器，sampler是SD图像生成过程的采样方法， 以下面一段提示词，文生图，固定checkpoint，固定随机种子，对比不同采样器效果 提示词中文 一个男孩，坐在椅子上，上半身，靠近窗口，蓝色上衣，黑色头发，戴眼镜，面向镜头，左手边是窗子

2024年8月8日

StableDiffusionWebUI：迭代步数（Steps）

【前言】 本节介绍sdwebui中的采样迭代步数， 【采样迭代步数】 上一节介绍了采样器： https://blog.vincentqiao.com/sdsampler 采样迭代步数是指生图过程中添加噪声和降噪的步数 提示词中文 一个男孩，坐在椅子上，上半身，靠近窗口，蓝色上衣，黑色头发，戴眼镜，面

2024年7月26日

StableDiffusionWebUI：提示词插件

【前言】 本地安装sdwebui，及简单认识了sdwebu的界面后， 可能就陷入了迷茫，到底应该怎么生图？ 其实可以先设定几个小目标： 1.找到自己喜欢的ip，或者动漫，或者明星等，尝试生成ip图片 2.尝试个自己普通的照片，换为酷炫的场景 【提示词】 例如我想生成一张鸣人成为火影后的图片， 那就需

2024年7月24日

StableDiffusionWebUI：界面介绍

【前言】 前面几章介绍了sd安装，本章介绍一下sdwebui的界面 【简介】 从上往下依次包括： 模型选择区：选择checkpoint模型，以及本地添加模型后刷新 主功能tab：切换各种常见的功能，例如文生图，图生图，pnginfo 提示词区：输入正向负向提示词 生图参数区：调整各种生图参数 图片预

2024年6月20日

StableDiffusionWebUI：文件介绍

【前言】 本节介绍sdwebui文件结构， https://github.com/AUTOMATIC1111/stablediffusionwebui 【文件结构】 configs：配置文件 embeddings：embeddings文件 extensionsbuiltin：内置插件 extensi

2024年6月18日

StableDiffusionWebUI：Linux安装

【前言】 上一节讲了mac如何安装stable diffusion， StableDiffusionWebUI：Mac安装 linux的安装也大同小异， 本节介绍下sd在linux上的安装。 【服务器】 由于整个安装过程中需要安装很多依赖， 建议使用香港的竞价GPU服务器来安装， 安装好后打一个服务

2024年6月18日

StableDiffusionWebUI：启动参数

【前言】 sdwebui启动时会有很多参数，本文依次分析一下 【启动参数】 启动参数的解析位于modules/cmd\args.py下 \f：允许root用户启动 \updateallextensions：启动时更新所有插件 \skippythonversioncheck：跳过python版本号检查

2024年5月30日

StableDiffusionWebUI：Mac安装

【前言】 目前aigc生图赛道常见的几种方案， 1.sd生图 2.midjourney生图， https://www.midjourney.com/home 3.其他大模型生图 从几个维度简单对比一下 【sd简介】 github上sd相关项目有3个 https://github.com/CompVi

2024年5月8日

Electron-开发实践：本地日志

【前言】 使用electron开发好本地应用后， 本地日志记录必不可少， 这样可以通过日志获取用户操作信息以及定位bug等， 本地日志与实时性的埋点上报稍微有不同， 本地日志量更大，信息更全，且不是所有信息都时候上报。 【与nodejs本地日志的异同】 electron写本地日志和nodejs写本地

2024年5月8日

Electron-开发实践：注册快捷键

【前言】 本文介绍一下electron应用中如何注册快捷键 【主进程】 主进程注册快捷键比较简单，需要注意的是在app ready后使用， 常见键盘映射： https://www.electronjs.org/docs/latest/api/accelerator 另外在推出app时需要将所有注册的

2024年4月29日

Electron-开发实践：几种更新方式

【前言】 Electron开发桌面APP后， 接着涉及一个问题就是如何更新后续的版本， 本文介绍几种更新的方式。 【Electron架构】 用Electron开发的桌面APP， 其实包含几个部分： 1\. Electron本身的环境 2\. 主进程，主进程中又分为Nodejs部分，和非Nodejs部

2024年4月25日

Mac上多开微信客户端

【前言】 在日常生活中很多人有多个微信， 手机端的话通过两个手机或者安卓手机多开应用可以实现多开微信， Mac电脑端如何多开微信呢， 常见的方法是一个客户端， 一个网页端： https://wx.qq.com/ ， 但是网页端体验肯定没有客户端好， 本文介绍下如何在Mac上多开微信客户端。 【创建快

2024年4月24日

docker-nginx

【前言】 nginx的docker镜像较多， 本文将业务nginx封装为一个docker镜像。 【选择nginx版本】 alpine alpine是一个精简的linux系统，对应的镜像只有7.73M， nginx对应也有基于alpine的版本， 本文选择基于alpine的版本。 stable ngi

2024年4月24日

Docker私有仓库

【前言】 在本地熟练使用docker后， 下一步就是将本地的docker image推送到远程，方便在其他地方拉取使用 【常见命令】 上一节中讲了docker的常见命令， 详见： https://blog.insistime.com/dockercmds 【官方docker hub】 docker官

2024年4月19日

Mysql授权某个IP访问

2024年4月9日

Node.js-WebServer开发实践：使用PM2-Cluster模式提升接口QPS

【前言】 pm2是nodejs进程管理工具， https://pm2.keymetrics.io/ 介绍详见之前的一篇文章： https://blog.csdn.net/uikoo9/article/details/79018750 ， 本文介绍下pm2的cluster模式， 并使用pm2的clus

2024年3月20日

Docker常见命令

docker官网 官网：https://www.docker.com/ hub： https://www.docker.com/products/dockerhub/ docker概念 image：镜像 container：容器，镜像的运行实例 repository：仓库，保存镜像的地方 docke

2024年2月22日

Node.js-WebServer开发实践：使用autocannon进行接口压测

【前言】 AutoCannon是基于Node.js的接口压测工具， https://www.npmjs.com/package/autocannon 【安装】 【cli使用】 AutoCannon可以通过cli的方式使用， 其中各参数的含义可以直接输入autocannon查看， 例如10个并发连接，

2024年1月8日

AWS-使用Lambda@edge转换Cloudfront图片

【前言】 国内云厂商存放图片的oss或者cos可以很方便的转换图片格式和大小等， 一般都是在url后拼接转换参数即可， AWS居然没有提供这个服务，需要自己写lambda@edge函数实现， 本文完整的介绍下如果使用lambda@edge实现图片转换的功能。 【参考】 开始是想找github开源方案

2023年11月24日

AWS-CodeArtifact

【前言】 AWS CodeArtifact是托管构件的存储库，可以托管npm，maven等 【创建】 地址： https://uswest2.console.aws.amazon.com/codesuite/codeartifact/start?region=uswest2点击右侧的创建存储库按钮开

2023年11月22日

AWS-CertificateManager

【前言】 AWS Certificate Manager是AWS的证书托管系统， 如果配合AWS的LB一起使用，可以免费申请通配证书 【申请证书】 地址： https://uswest2.console.aws.amazon.com/acm/home?region=uswest2/welcome 点

2023年11月22日

AWS-Route53

【前言】 AWS Route 53是DNS解析服务， 本文将一个之前腾讯云托管的域名转移到AWS Route53上。 【AWS Route 53创建应用】 地址：https://useast1.console.aws.amazon.com/route53/v2/home?region=uswest2

2023年11月21日

AWS-CodeBuild

【前言】 aws code build用来构建代码 【创建项目】 地址 https://uswest2.console.aws.amazon.com/codesuite/codebuild/start?region=uswest2 填写名称 点击右边的创建项目按钮，填写项目名称 选择构建来源 这里选

2023年11月21日

AWS-CodeCommit

【前言】 aws提供了类似github，gitlab的代码托管服务， 目前有一个场景是将内网gitlab的代码下载到aws ec2上， 之前的方案是将gitlab代码镜像到github， 见：Gitlab代码同步到Github 实测效果，github在阿里云ecs上访问经常会timeout， 阿里云

2023年11月21日

AWS-CodeDeploy

【前言】 aws code deploy，代码部署 【创建】 地址 https://uswest2.console.aws.amazon.com/codesuite/codedeploy/start?region=uswest2创建应用 填写名称和目标后创建， 这里的应用程序下可以创建很多部署组，

2023年11月21日

AWS-CodePipeline

【前言】 aws code pipeline是流水线工具， 类似开源的jenkins，以及个云的流水线工具 【创建流水线】 地址： https://uswest2.console.aws.amazon.com/codesuite/codepipeline/start?region=uswest2 s

2023年11月21日

AWS-S3

【前言】 aws s3是类似阿里云oss，腾讯云cos的存储服务 【创建存储桶】 地址： https://s3.console.aws.amazon.com/s3/getstarted?region=useast1 点击右侧的创建存储桶按钮， 填写名称，选择区域， acl默认禁用 公共访问和版本控制

2023年11月21日

Gitlab代码同步到Github

【背景】 公司的代码一直在内网的gitlab上， 包括日常的代码提交，代码review，代码项目管理，人员管理等， 目前有新业务需要部署到海外aws上， 也就是说需要从海外aws上拉取国内阿里云内网的gitlab代码， 常见的几个方案 1. 国内gitlab到国外aws走跨境专线 2. 手动将代码同

2023年10月6日

Node.js-开发实践：图片处理

【前言】 使用nodejs的过程中会遇到一些处理图片的场景， 比如上传图片时进行压缩， 或者nodejs开发客户端本处理图片等， 本文介绍下nodejs常见的图片处理操作。 【常见图片处理库】 nodejs常见的图片处理库如下， 可以看到sharp从各方面都遥遥领先 npm包 github地址 gi

2023年8月30日

mantine-ui快速上手

【前言】 2023年，前端开发的ui框架应该用哪个呢， 一些基本的诉求： 1.支持pc和移动端 2.支持黑夜&白天主题切换 3.组件丰富 4.支持react 4是技术栈选择，非通用 按以上要求在github上快速搜索下react相关ui库， 从start数，issues数，最后commit时间等维度

2023年8月29日

Mac安装mysql

【前言】 mac安装mysql 【下载】 下载社区版本的mysql， 地址： https://dev.mysql.com/downloads/mysql/ 这里选的mac arm dmg版本， 会跳转到新页面，选择直接下载， 【安装】 双击dmg， 双击pkg安装mysql， 按提示点击继续， 选择

2023年7月7日

Electron-开发实践：定制Mac菜单

【前言】 前面几篇文章讲了从开发electron应用到mac打包， 相关文章： 一篇文章学会Electron Electron开发实践：本地数据库SQLite Electron开发实践：使用Monorepo管理Electron项目 Electron开发实践：Mac打包 Electron开发实践：注册

2023年7月5日

Electron-开发实践：包体积精简

【前言】 前面几篇文章讲了从开发electron应用到mac打包， 相关文章： 一篇文章学会Electron Electron开发实践：本地数据库SQLite Electron开发实践：使用Monorepo管理Electron项目 Electron开发实践：Mac打包 Electron开发实践：注册

2023年7月4日

Electron-开发实践：DMG安装包定制

【前言】 dmg文件是mac端常见的安装包格式， 前面几篇文章已经使用electron开发并打包好一个应用了， 本文主要讲下定制dmg安装包， 前面几篇文章： 一篇文章学会Electron Electron开发实践：本地数据库SQLite Electron开发实践：使用Monorepo管理Elect

2023年6月29日

Electron-开发实践：Mac应用包签名和公证

【前言】 一篇文章学会Electron Electron开发实践：本地数据库SQLite Electron开发实践：使用Monorepo管理Electron项目 当你通过上面这些文章使用Electron开发好一个桌面应用， Electron开发实践：Mac打包 并通过这个文章在本地打包好了mac的应

2023年6月29日

Electron-开发实践：创建Window

【前言】 Electron入门就需要创建一个window， window是用来展示ui的， window是在渲染进程。 【创建window】 新建一个前端项目， package.json内容如下， 可以看到安装了Electron的开发依赖， 即执行过下面的命令， 且有一个start命令用来本地启动E

2023年6月28日

Electron-开发实践：注册苹果开发者账号

【前言】 当使用electron开发完一个mac应用后， 如果想正常在mac电脑上使用， 还需要对你的应用进行签名和公证， 而签名和公证都需要一个苹果开发者账号， 这个过程中有一些坑，记录一下。 【注册】 注册地址： https://developer.apple.com/cn/programs/e

2023年6月21日

Electron-开发实践：Mac打包

【前言】 当本地开发好一个 electron 应用后， 最想做的事情就是打包然后分享出去。 如何用 monorepo 管理一个 electron 项目， 可以看这里： Electron开发实践：使用Monorepo管理Electron项目 【构建】 接上一篇，打包是在 packages/dishie

2023年6月21日

Electron-开发实践：使用Monorepo管理Electron项目

【前言】 本文讲如何用 monorepo 来管理一个 electron 项目 代码地址： https://github.com/uikoo9/dishimonorepo/tree/electronmonorepo 【初始化】 首先需要初始化一个 monorepo 前端项目， 具体步骤可以看这里： 初

2023年6月12日

前端Monorepos项目使用npm-workspaces

【前言】 之前一直使用 lerna 来管理前端 monorepos 项目， 今天升级 lerna 后发现不支持 bootstrap 命令了， 替换为了 npm 的 workspaces 相关命令。 【lerna bootstrap】 lerna 的相关使用可以看这篇文章， 一文学会用Lerna管理多

2023年6月6日

Electron-开发实践：clipboard剪切板

【前言】 Electron提供获取和写入系统剪切板的操作， 详见：https://www.electronjs.org/docs/latest/api/clipboard 【进程】 clipboard支持主进程使用，支持没有开启sandbox的渲染进程使用 【系统】 大部分clipboard的api

2023年4月23日

Node.js-开发实践：下载文件

【前言】 下载文件是Node.js中最常见的功能， 但实际开发中下载文件也会隐藏各种各样的坑。 【原始代码】 如果在网络搜索Node.js下载文件代码， 大概会搜到类似下面的代码片段， 本文从这里开始，陆续优化下载文件这个功能。 上面的代码片段可以看到： 1.兼容了Node.js原生的http和ht

2023年4月4日

初始化前端Monorepos项目

【前言】 本文记录初始化一个前端Monorepos项目的过程 【LICENSE】 如果是开源项目， 需要添加LICENSE， 一般推荐使用MIT LICENSE， 模板如下， 其中copyright那一行， 可以替换为自己的信息。 【git】 git的一些基础设置 设置git账号信息 配置gitig

2023年4月3日

小巧的JS测试框架：AVA

【前言】 常见的JS测试框架有Jest，Mocha等， 今天介绍一个小巧的JS测试框架：ava， https://github.com/avajs/ava 【安装】 安装比较简单，如下 安装后，添加npm脚本，如下 【配置文件】 ava支持在package.json中添加ava的配置， 或者使用av

2023年3月30日

Nx-VS-Lerna

【前言】 nx和lerna都是优秀的monorepos工具， 本文来对比一下两者的不同， https://nx.dev/ https://lerna.js.org/ 对比之前可以先看下面两篇文章， 了解nx和lerna的基本使用， 一文学会用Lerna管理多个npm包 强大的构建系统：NX 【任务执

2023年3月29日

强大的构建系统：NX

【前言】 nx是一个强大的构建系统， 这么说可能比较模糊， 本文实践一个项目，带大家了解nx， 感兴趣的也可以自己探索： https://nx.dev/ nx一些典型的应用场景： 1.基于package的monorepo管理 2.完整的前端项目管理 3.react，angular等项目管理 4.no

2023年3月28日

Node.js-开发实践：使用健壮的FS

【前言】 fs模块是nodejs中最常见的模块， 可是fs的使用经常会有各种意想不到的坑。 【高性能FS】 其中之一是没有使用高性能的fs， 导致在electron应用中造成卡顿， fs模块有3种使用方式， callback方式 1\. 书写会导致回调地狱 2\. 体现nodejs事件驱动，非阻塞i

2023年3月16日

Node.js-开发实践：高性能FS

【前言】 nodejs的fs模块相信大家都不陌生， 本文对比一下fs模块的三种使用方式。 【fs的三种使用方式】 nodejs官方提供了fs的三种使用方式， https://nodejs.org/dist/latestv18.x/docs/api/fs.htmlpromiseexample call

2023年2月1日

Node.js-WebServer开发实践：获取公网IP

【前言】 在nodejs server开发实践中，在一些场景下需要获取公网ip， 而nodejs中默认的获取ip的方法，只能获取本地的ip， 而无法获取公网ip，本文介绍如何获取公网ip 【服务端获取公网ip】 在服务端获取公网ip比较简单， nodejs下可以通过下述方法获取， 但是如果有使用ng

2023年1月31日

Node.js-WebServer开发实践：上传文件

【前言】 文件上传是服务端开发中的必备能力， 在nodejs web server的开发过程中， 可以使用formidable实现文件上传能力， 【qiaozupload】 formidable的使用可以查看官网文档， 这里封装了一个npm包，欢迎使用： https://code.insistime

2023年1月30日

Node.js-WebServer开发实践：定时任务

【前言】 定时任务是服务端开发中的必备能力， 在nodejs web server的开发过程中， 可以使用cron实现定时任务能力， 【qiaotimer】 cron的使用可以查看官网文档， 这里封装了一个npm包，欢迎使用：https://code.insistime.com//qiaotimer

2023年1月29日

Node.js-WebServer开发实践：本地日志

【前言】 本地日志是服务端开发中必备的能力， 在nodejs web server的开发过程中， 可以使用log4js实现本地日志能力， 【qiaolog】 log4js的使用可以查看官网文档， 这里封装了一个npm包，欢迎使用： https://www.npmjs.com/package/qiao

2023年1月5日

规范的代码提交：Conventional Commits

【前言】 本文介绍如何提交规范的commit msg， 规范的commit msg可以看这个网站： https://www.conventionalcommits.org/en/v1.0.0/ 【commitizen】 可以手动提交符合规范的commit msg，如下 手动提交符合规范的msg比较麻

2022年12月8日

Electron-开发实践：crash上报及解析

【前言】 electron开发实践中，crash的上报不可避免， electron中可以通过crashReporter来上报crash， https://www.electronjs.org/docs/latest/api/crashreporter ， 而处理crash使用的是crashpad，有

2022年12月6日

Electron-开发实践：制作icns图标

【省流】 封装了一个mac上将png转为icns的应用， 欢迎大家使用： https://electronicns.com/ 【前言】 将Electron应用打包为Mac应用包的时候， 这里以electronpackager打包为例， 默认打包运行后的应用图标是这样， 【icns】 按electro

2022年11月3日

一篇文章开发Node.js-WebServer

【前言】 Node.js的服务端框架很多，耳熟能详的有express，koa等， 本文从零到一开发一个Node.js的web server。 https://nodejs.org/en/ https://expressjs.com/ https://koa.bootcss.com/ 【http】 要

2022年10月25日

一篇文章判断用户是否在线

【前言】 如何判断用户在线，而不是用户网络是否连通， 在线：连网，可以访问internet 连通：连网，不能访问internet 【是否在线】 如上，判断是否在线，需要检测是否可以访问internet nodejs 在nodejs下，可以通过ping一些常见的域名来确定， 这里封装了一个工具， ht

2022年10月24日

Electron-开发实践：本地数据库SQLite

【前言】 本地存取数据的一些常见的手段：Cookie，LocalStorage，IndexedDB，SQLite等， 这里做下简单的对比 Cookie 存储大小：4k 设置有效期：可以 服务端获取：可以 特点：简单数据存取 LocalStorage 存储大小：5M 设置有效期：不行 服务端获取：不行

2022年10月17日

一篇文章学会Electron

【前言】 javascript语言的强大生命力，为前端开发拓展了很多业务 网页端业务：基于js，html，css开发网页相关业务 服务端业务：基于nodejs开发服务端业务 桌面端业务：基于chromium和nodejs开发桌面业务 移动端业务：基于webview开发移动端业务 【electron简

2022年10月12日

一篇文章学会IndexedDB

【简介】 IndexedDB，web端可以直接使用的数据库，详见： https://developer.mozilla.org/zhCN/docs/Web/API/IndexedDB\API 【IndexedDB vs LocalStorage】 之前介绍了LocalStorage：一篇文章学会lo

2022年10月9日

一篇文章开发todolist

【前言】 本文实战开发一个todolist， 基于以下技术栈： react：开发ui， https://reactjs.org/ webpack，构建前端项目， https://webpack.js.org/ localStorage，存储数据， https://developer.mozilla.

2022年9月28日

一篇文章了解JS并行任务

【前言】 在开发过程中大部分场景是顺序执行代码， 也有场景要求并行执行多个任务， 本文研究下如何高效的并行执行任务。 【并行场景】 常见并行执行任务的场景 1.并行执行多个请求 2.并行下载文件 【并行任务】 上述场景中任务的共同点是 1.多个任务没有依赖关系 2.多个任务完成耗时不确定 3.要求最

2022年9月26日

一篇文章学会Webpack5.x

【前言】 Web前端构建离不开webpack， 众所周知webpack的配置很多很复杂， 甚至可以设置“webpack配置工程师”， 本文抓住webpack核心概念， 和业务开发中常用配置进行讲解， 争取一篇文章学会webpack使用和配置。 【常用文档】 webpack官网 webpack手册：可

2022年9月6日

一篇文章学会LocalStorage

【简介】 LocalStorage，即本地存储，详见： https://developer.mozilla.org/zhCN/docs/Web/API/Window/localStorage 【cookie vs LocalStorage】 服务端是否可以获取？ cookie：服务端可以获取，每次请