文章

已发布的全部长文。

• 二零二零上半年总结

  发布于2020-07-29更新于2026-09-30

  2020年上半年个人总结，包括疫情期间的公园年卡薅羊毛经历、个人项目技术实践、博客写作和最终的裸辞决定。

• curl 重定向问题导致 tar 解压失败的排查解决方案

  发布于2019-04-10更新于2026-09-30

  遇到 curl 下载文件后 tar 解压失败报错 'not in gzip format'？详细记录从问题分析到解决的完整过程，学习使用 curl -L 参数跟踪重定向、file 命令检查文件类型、grep 多模式匹配等实用技巧。

• 从 GraphQL 设计思想学习 REST API 最佳实践

  发布于2019-03-14更新于2026-09-30

  深入分析 GraphQL 的设计理念对 REST API 开发的启发，涵盖资源 ID 规范、按需字段加载、嵌套对象设计、时间格式标准化、结构化错误处理、HTTP 状态码使用、数据校验和文档自动化等八大核心实践。

• 关于 async/await 的两个 OOM 的示例：内存溢出问题分析与解决

  发布于2019-04-29更新于2026-09-30

  分析两个在开发过程中因为使用 async/await 而导致的内存溢出(OOM)问题，包括 Promise.map 并发控制失效和递归调用导致的内存泄漏案例

• 裸辞旅游的开始：如何获取一份正确而完整的高铁线路图

  发布于2020-11-10更新于2026-09-30

  裸辞旅游五十多天的经历，从西安经河西走廊到新疆的火车之旅，以及寻找全国铁路客运路线图的困难与解决方案。

• 龙泽站与十三号线：我在北京的通勤时间里

  发布于2017-08-01更新于2026-09-30

  龙泽融泽嘉园到西直门的十三号线通勤：09:19 那趟保证不迟到的最后一班、车厢站位优化，以及龙泽从荒郊到程序员聚集区的变迁。

• 北京动物园：我的晨练圣地

  发布于2020-05-12更新于2026-09-30

  记录在北京动物园的日常晨练经历，从办年卡到六点多起床、喝豆腐脑逛一个半小时再上班，以及动物园相比其他公园的独特魅力。

• Canvas vs SVG 图形绘制完全对比指南：从基础图形到动画实现

  发布于2018-07-23更新于2026-09-30

  深度对比 Canvas、SVG 和 CSS 三种前端图形绘制方案，详细分析矩形、圆形、多边形、渐变、文本处理和动画效果的实现差异。通过实际代码示例，帮助开发者选择最适合的图形绘制技术方案。

• 中国有多少座城市：行政区划与开源项目分享

  发布于2021-10-01更新于2026-09-30

  通过开发疫情地图项目了解中国行政区划，探索省市县级区划的复杂性，并开源了 china-region 包用于查询各级行政区信息。

• 我开发的一些开发者小工具

  发布于2024-10-16更新于2026-09-30

  介绍了一系列自主开发的开发者工具，包括 IEEE754 浮点数转换、UTF-8 编码转换、图片处理工具等，旨在解决开发中遇到的问题并深入理解技术概念。

• 网站域名迁移完整指南：从 HTTPS 到 SEO 的全流程解决方案

  发布于2019-10-12更新于2026-09-30

  详细记录博客域名从 blog.xiange.tech 迁移到 shanyue.tech 的完整过程，涵盖 HTTPS 证书配置、反向代理设置、301 重定向、SEO 优化、sitemap 更新、OAuth 应用迁移等技术要点和注意事项。

• Some Developer Tools I've Created

  发布于2024-10-16更新于2026-09-30

  Self-built dev tools for float/UTF-8 conversion, image utilities, and more—made to solve everyday development problems and deepen technical understanding.

• 第一次在 B 站直播

  发布于2021-05-12更新于2026-09-30

  记录在 B 站直播敲代码的初次体验，从心血来潮到逐步调整直播内容，分享面试题讲解和前端前沿周刊的直播历程。

• Flutter 入门完全指南：从 Dart 语言到跨平台应用开发实战教程

  发布于2019-04-04更新于2026-09-30

  完整的 Flutter 和 Dart 学习指南，涵盖环境搭建、组件开发、状态管理、网络请求、存储等核心知识点，适合零基础入门跨平台移动应用开发的完整教程。

• flutter 入门指南

  发布于2019-04-04更新于2026-09-30

  flutter 的出现不得不说是激动人心的，你可以以 React-Style 的方式写多端应用。而相比 RN 而言，它自身的版本迭代也比较积极。 <!--more--> 我在 MacOS 上进行开发 我的 shell 是 zsh ，配置文件在 ~/.zshrc 。如果你们的是 + mobile -> android + 基础 -> 前端

• ESM 大势所趋

  发布于2019-08-25更新于2026-09-30

  由 ESM 的普及，而带来的打包工具的革命以及适用于 ESM 下一代 CDN 的发展，业务项目在生产环境开始使用原生的 ESM 代替以前的 Bundle 方案，从而导致开发体验及网站速度的大幅提升。 核心代码就是下边这一行: 使用 HTTP Import 的方式代替以前的 Bare Import + Bundle 而 ESM 的发

• npm audit

  发布于2019-04-24更新于2026-09-30

  如何确保所有 npm install 的依赖都是安全的？ 当有一个库偷偷在你的笔记本后台挖矿怎么办？ 比如，不久前一个周下载量超过八百万的库被侵入，它在你的笔记本运行时会偷偷挖矿。 Audit ，审计，检测你的所有依赖是否安全。 npm audit / yarn audit 均有效。 通过审计，可看出有风险的 package 、依赖库的依

• 如何更好地优化打包资源

  发布于2020-02-25更新于2026-09-30

  随着前端的发展，特别是 React，Vue 等构造单页应用的兴起，前端的能力得以很大提升，随之而来的是项目的复杂度越来越大。此时的前端的静态资源也越来越庞大，而毫无疑问 javascript 资源已是前端的主体资源，对于压缩它的体积至为重要。

• 资源是如何打包的

  发布于2019-12-12更新于2026-09-30

  用 sum.js 与 index.js 演示 CommonJS 打包后的 modules 表与自定义 require，并引出「如何生成 modules」。

• Long Term Cache

  发布于2019-06-07更新于2026-09-30

  使用 webpack 等打包器进行打包时，每个资源都可生成一个带有 hash 的路径。如 + build/main.071b73.js + build/main.94474e.css + build/logo.18bac8.png 此处对添加 hash 的资源设置永久缓存，可大幅度提高该网站的缓存能力，从而大幅度提高网站的二次加载性能。