Blog
技术博客
记录踩过的坑、学到的东西和一些思考。共 19 篇文章，欢迎交流。
部署个人网站：从零到免费 HTTPS
拿到服务器和域名后，如何用 Docker + Caddy 部署一个 Next.js 网站，并且一分钱不花地拿到 HTTPS 证书。
阅读全文 →反手后场怎么练：业余球友的三个月心得
反手一直是业余爱好者的老大难。分享我踩过的坑和一套可复制的训练方法，从完全不会到高远球稳定率 65%。
阅读全文 →用 Next.js + Tailwind 搭建个人博客：踩坑记录
从零手动搭建 Next.js 项目的全过程，包括 Tailwind v4 配置、Markdown 博客系统、暗色模式和 SEO 优化的一些坑。
阅读全文 →为什么 SetState 是异步的
React 官方 issue 中核心开发者 gaearon 的解答：setState 为何是异步的——保证数据一致性，并为并发更新铺路。
阅读全文 →Chrome 浏览器插件
如何找到已安装 Chrome 插件的本地文件、识别插件 ID，并把 .crx 插件打包分享给朋友，一篇图文实战。
阅读全文 →严格模式
ES6 引入的严格模式能在代码早期就暴露错误和潜在问题，本文梳理它的规则与使用场景。
阅读全文 →在小程序中使用Echart
在小程序里接入 ECharts 遇到的问题与解决过程：canvas 初始化、尺寸自适应等实战记录。
阅读全文 →前端应该了解的加密种类
前端需要了解的加密基础知识：MD5、Base64、对称与非对称加密的简单科普与常见应用场景。
阅读全文 →浅谈 undefined & null
深入理解 JavaScript 中 undefined 与 null 的区别：类型检测、真值判断，以及各自的适用场景。
阅读全文 →工作中提升效率的工具
作者工作中常用的提效工具与方法整理，涵盖开发、文档与日常协作，值得一试。
阅读全文 →你可能不需要 Redux
Redux 作者 Dan Abramov 的经典文章翻译：什么时候你真的需要 Redux，什么时候它只是负担。
阅读全文 →你可能不需要派生状态
React 官方关于 getDerivedStateFromProps 滥用反模式的讨论与替代方案翻译，帮你避开派生状态的坑。
阅读全文 →蒙层穿透
移动端蒙层滚动穿透问题的解决方案：区分弹层有无滚动条，用 catch touchmove 等技巧阻止底部页面滚动。
阅读全文 →Less 初试
Less 入门笔记：环境安装、变量、嵌套、混合等核心语法，配合示例快速上手 CSS 预处理器。
阅读全文 →数组 & 字符串常见易忘方法
数组与字符串常见但易忘的方法速查：slice、splice、pop、push、substr、substring 等对比与用法。
阅读全文 →你不知的数组去重
JavaScript 数组去重的多种姿势：双重循环、indexOf、Set、filter 等，逐个比较时间复杂度与优缺点。
阅读全文 →五步理解 JSON Web Token(JWT)
用五步讲清 JWT 的基本原理与使用场景：它是什么、为什么需要它，以及如何安全地表示用户数据。
阅读全文 →十一月份十个有趣的JS和CSS库
十一月精选的 10 个有趣 JS / CSS 库合集（译）：每一个都值得收藏，说不定下一个项目就用得上。
阅读全文 →小程序之wxs
小程序 WXS 语法入门：与 JavaScript 的差异、运行环境、模块导出，以及 iOS 上的性能优势。
阅读全文 →