Blog

一个前端程序员的博客 👨🏻‍💻 |

Ubuntu 下安装 Puppeteer

2023年5月29日

AI 绘画 - 如何 0 成本在线体验 AI 绘画的魅力

2023年5月17日

Cypress 踩坑记 - DOM 遮挡

2023年5月16日

Node 调试利器，前端、Node 开发必备 - VSCode JS Debug Terminal

2023年5月15日

AI 绘画基础 - 细数 Stable Diffusion 中的各种常用模型【🧙 魔导士装备图鉴】

2023年5月10日

Mac M1（arm 系列芯片）如何安装 Chromium | Puppeteer

2023年4月27日

AI 绘画咒语入门 - Stable Diffusion Prompt 语法指南【成为初级魔导士吧！】

2023年4月22日

Stable Diffusion 是如何工作的？【译】

2023年4月19日

Stable Diffusion WebUI 各操作系统安装教程

2023年4月15日

阿里云 PAI 免费试用搭建 stable-diffusion-WebUI

2023年4月15日

阿里云 AIGC 白嫖 FC 搭建 stable diffusion

2023年4月12日

Ubuntu 中安装 InvokeAI

2023年4月8日

Mac 开启 ssh 登陆

2023年4月8日

利用 Cloudflare Access - 打造个人私密站点

2023年4月8日

Cloudflare 配合 iptables 屏蔽未知流量

2023年3月27日

甲骨文白嫖云

2023年3月26日

Cloudflare 的加密模式配置

2023年3月26日

PushDeer 消息推送服务

2023年3月19日

crontab

2023年3月19日

青龙面板 - 介绍与安装

2023年3月19日

青龙面板 - 写个签到脚本

2023年3月19日

关于笔记软件这件事

2023年2月11日

VSCode Markdown 图片上传到 GitHub 图床

2023年2月11日

如何让 cypress 在远程机器的 WSL 中跑起来

2023年2月10日

WSL 中安装 google-chrome

2023年2月10日

WSL SSH 设置和开机启动

2023年2月10日

WSL 从 1 升级为 2

2023年2月10日

WSL 展示 Linux GUI - VcXsrv

2023年2月10日

几十行代码搞定兔年刮刮乐

2023年2月9日

CSS 画作 - 兔

2023年2月8日

js 写个 🐰 接 🥕 小游戏

2023年2月8日

展示 3D 模型也许不用 three.js，sketchfab viewer 挺好的

2023年2月8日

three.js 模型动画控制、混合、状态面板

2023年2月8日

另类 three.js 画作 - 方块兔

2023年2月8日

three.js 立体字

2023年2月6日

使用 GUI 方便 three.js 开发调试

2023年2月4日

让 three.js 中的 🐰 模型动起来

2023年2月2日

用 three.js 画只 🐰 有多简单

2023年2月1日

VSCode Remote - SSH 入门保姆级教程

2023年1月15日

一起来学 next.js - getStaticProps、getStaticPaths 篇

2022年12月15日

好玩又难搞的多重阴影动画 - 几经波折，终于搞懂了多重阴影动画间歇失效的原因

2022年10月27日

简单实现 next.js 的 restful 风格 API handler 封装

2022年10月26日

从 0 手撸 canvas 小游戏：圆圆战争 - 帧率计算、垃圾回收篇

2022年10月24日

从 0 手撸 canvas 小游戏：圆圆战争 - 方向控制、碰撞测试篇

2022年10月24日

从 0 手撸 canvas 小游戏：圆圆战争 - 游戏设计、canvas 基础绘制篇

2022年10月23日

PerformanceObserver - 配合 performance 掌控页面性能数据

2022年10月22日

可玩性超高的文字像素图 - 像素图转换器新增文字像素图功能

2022年10月22日

next.js 源码解析 - dynamic 篇

2022年10月20日

一起来学 next.js - 关闭 SSR 方案及 hydration 错误的原因及解决方案

2022年10月19日

强大的 performance API - PerformanceEntry 篇（你想要的性能指标，都逃不过我的掌控 🫴）

2022年10月18日

css steps 动画应用 - 雪碧图动画

2022年10月18日

无处不在的 babel

2022年10月17日

一文看懂 babel 的工作原理

2022年10月16日

用 JS 解析 excel 文件需要分几步

2022年10月14日

如何实现上传文件到 nodejs 和文件下载

2022年10月13日

直接在前端做 zip 压缩/解压

2022年10月12日

复刻解析一个流光溢彩炫到掉渣的 CSS 动画按钮

2022年10月11日

next.js 源码解析 - getServerSideProps 篇

2022年10月10日

一起来学 next.js - getServerSideProps 篇

2022年10月9日

MutationObserver - 监听你的 DOM 是否有变动

2022年10月8日

ResizeObserver - 监视 DOM 大小的变化

2022年10月7日

IntersectionObserver - 监视你的 DOM 元素相交

2022年10月6日

制作了一个马赛克图片转换器 - 实现篇

2022年10月5日

制作了一个马赛克图片转换器

2022年10月2日

你好，CSS “正则”了解一下

2022年10月1日

next.js 源码解析 - API 路由篇

2022年10月1日

独家配方 - Promise 使用小技巧

2022年9月29日

一起来学 next.js - API 路由篇

2022年9月29日

详解时间函数

2022年9月29日

嘿，朋友，其实 CSS 动画超简单的 - animation 动画篇

2022年9月29日

嘿，朋友，其实 CSS 动画超简单的 - 渐变动画篇

2022年9月28日

几个 div，一段 css，还你一个活灵活现的可爱小幽灵 👻

2022年9月16日

给我一个 div + 三行 css，还你一个超级马里奥

2022年9月16日

中秋快乐，快来摇出你的本命月饼吧

2022年9月9日

十数行代码为你的网站添加语音小助手

2022年9月5日

乱花迷人眼 - 一文彻底看懂 package.json 中的各种 dependencies

2022年8月30日

玩转 GitHub profile - 打造自己的特色 GitHub 主页

2022年8月26日

朋友，进来刷点 try-catch 看看你能全对吗（答应我，请务必看到最后 🫣）

2022年8月24日

玩转 GitHub Actions

2022年8月23日

为了在掘金水篇文，我写了个诗词朗诵网站 🤦‍♂️

2022年8月21日

为了降低维护成本（早点下班），我在组件开发中所做的那些优化（偷懒）

2022年8月19日

玩转 GitHub Pages

2022年8月18日

JS 中的 this 真的很简单

2022年8月18日

孤陋寡闻了，才知道已经可以用 JS 来控制 CSS 动画了

2022年8月17日

React 组件文档套件设计

2022年8月17日

扫盲 CSS 中的单位

2022年8月16日

写个开源组件库需要知道些什么

2022年8月16日

benny 介绍 - 一个简单的 benchmark 框架

2022年8月14日

react-live 源码解读

2022年8月13日

开源个密码生成库

2022年8月12日

PACE - 为你的网站添加页面加载进度条

2022年8月12日

新开窗口的那些事：拦截、安全、target

2022年8月11日

copy-to-clipboard 源码解析，隐藏的内容比想象的要多

2022年8月10日

规范你的 JSON 配置，试试 JSON schema

2022年8月8日

嗯？你能在 Class 组件下用 hooks？

2022年8月7日

我 - 又被背刺了 🤦‍♂️

2022年8月4日

写了个乱序，可我不知道它够不够乱，咋整

2022年8月3日

换肤 - 一文看破常用的网站主题切换

2022年8月2日

聊一聊浏览器中的 Worker - Web Worker

2022年8月1日

二分法，不止是算法 - 你可能不知道的二分法应用

2022年7月31日

有趣的 hook - useWorker

源码 react worker

2022年7月30日

React-Redux 源码解析

源码 react redux

2022年7月29日

Redux 源码全解析

源码 react redux

2022年7月29日

AI 加成？翻译贼 6？deepl 踩坑记

2022年7月29日

关于在 GitHub Action 中无法获取 Git 历史的问题

2022年7月24日

脚本水掘金，转眼到先锋 - 助力掘金新等级

2022年7月12日

关于 chrome 插件页面中滚动条异常的问题

FAQ chrome-extension

2022年7月11日

如何获取网站对应的 favicon 图标

FAQ chrome-extension

2022年7月10日

Mac iTerm2 跟随系统主题自动切换

2022年5月22日

深究 :visited 伪类和隐私安全那点事

2022年4月24日

VSCode 如何根据系统主题自动更换主题

VSCode 生产力

2022年4月23日

关于 Mac 12.3 出现 python not found 的解决方法

FAQ 生产力 python

2022年4月17日

pyenv - 简单易用的 python 的版本管理器

2022年4月17日

关于 Mac Preview（预览）卡死的解决办法

2022年4月16日

大型 SPA 项目架构设计与重构

2021年8月27日

是时候学习/推广一波可选链（Optional chaining）和空值合并（Nullish coalescing ）了

2020年7月4日

前端模块简史 - CJS & *MD & ES Modules & SystemJS & Webpack

javascript module

2020年6月18日

如何方便的为团队所有项目统一 ESLint 配置

2019年11月18日

JavaScript 代码性能优化 - 从排查到处理

javascript performance

2019年11月14日

IDE AI 自动补全插件 TabNine

2019年11月6日

GitHub Pages 如何实现 SPA

2019年11月5日

动手实现一个 JavaScript 沙箱

javascript sandbox

2019年10月25日

观察者模式

2016年9月12日

Tmux 配置

2016年8月27日

Javascript 严格模式

2016年8月26日

tmuxinator 使用

2016年8月26日

Tmux 配置详解

2016年8月15日

Shell 脚本初尝试

2016年8月14日

Weinre

调试移动端

2015年6月30日

微信在线相册制作 - 微信篇

2015年6月30日

微信在线相册制作 - 图片篇

2015年6月29日

NodeJS 搭建简易网站

2014年12月17日

Goagent 搭建

2014年12月6日

Shadowsocks 搭建

shadowsocks proxy

2014年12月6日

在 Github Pages 中使用 Disqus

2014年11月12日

Git 中使用 ssh key

2014年11月12日

在 SublimeText 中使用 Gist

sublime-text gist

2014年11月8日

SublimeText PlainTasks 使用教程

2014年11月7日

SublimeText3 安装&配置

2014年11月7日

Jekyll on Windows 安装

github jekyll blog

2014年9月12日