文章

已发布的全部长文。

• 简述流行 CSS 框架 TailwindCSS 的优缺点

  发布于2021-01-29

  作者常用 Tailwind，把 CSS 方案分成四种粒度说明原子类位置，并回应行内样式、类名过多、响应式前缀与 JIT 等疑问。

• 2020 年终总结：跨越大半个中国的旅行记录

  发布于2021-01-12

  2020年从北京到海口的旅行总结，走过35个城市，从最北的天山天池到最南的琼州海峡，记录一年中最难忘的旅程

• 经纬度与大地坐标系详解：WGS84、GCJ02、BD09 坐标系对比及地理编码应用

  发布于2020-11-02

  深入解析经纬度原理、世界时区分布，详细对比 WGS84、GCJ02、BD09 三大坐标系差异，涵盖地理编码和逆地理编码实际应用

• PostgreSQL WAL 日志详解：预写式日志原理与配置实战指南

  发布于2020-09-10

  深入了解 PostgreSQL WAL (Write Ahead Logging) 预写式日志机制，包含配置方法、文件结构、备份恢复和主从复制应用

• JWT 邮件验证与用户登录系统实战：无状态验证码解决方案详解

  发布于2020-08-20

  详细讲解如何使用 JWT 实现邮件验证码发送、用户注册和登录系统，包含 GraphQL 实现、安全策略和传统方案对比分析

• React 组件设计全攻略：15+ 个核心 UI 组件设计模式与最佳实践

  发布于2020-08-15

  深度解析 React 组件设计原则与实践，涵盖 Select、Modal、Table、Form 等 15+ 个核心 UI 组件的完整设计方案，包含 API 设计、交互逻辑和代码实现的最佳实践。

• 如何高效及正确地打日志

  发布于2020-07-11

  在服务器应用(后端项目)中，完善并结构化的日志不仅可以更好地帮助定位问题及复现，也能够发现性能问题的端倪，甚至能够帮忙用来解决线上 CPU 及内存爆掉的问题。

• Node 进程内存监控

  发布于2020-07-02

  用 pidstat 观察 Node 进程内存，结合 Koa 泄漏示例，并谈生产环境找 pid 与容器 OOM 上调 limits 的经历。

• Service Worker 缓存实践详解：React 项目中的离线化与 CDN 优化方案

  发布于2020-06-15

  深入探讨 Service Worker 在 React 项目中的缓存策略实现，包含 CDN 资源处理、GraphQL 缓存、部署优化等完整解决方案

• 2019 年终总结：跑步 713 公里与技术转型的一年

  发布于2020-01-10

  记录2019年的跑步历程、爬山经历和技术成长，从后端到大数据再到全栈的角色转换，包含 Spark、Scala、Kafka 等技术学习心得

• JWT 实践应用完全指南：从原理到场景案例的深度解析

  发布于2019-11-21

  详解 JWT 认证原理、Header/Payload/Signature 结构，对比 Session 方案，涵盖验证码、邮箱校验等实际应用场景

• 掘金技术文章精选汇总：前端、后端、移动端、AI 全栈精华集锦

  发布于2019-11-19

  精心汇总掘金平台各技术领域的优秀文章，涵盖前端、后端、Android、iOS、人工智能等，按点赞数排序的技术学习资源宝库

• AST 的生成

  发布于2019-11-19

  AST 是 Abstract Syntax Tree 的简称，是前端工程化绕不过的一个名词。它涉及到工程化诸多环节的应用，比如: 1. 如何将 Typescript 转化为 Javascript (typescript) 1. 如何将 SASS/LESS 转化为 CSS (sass/less) 1. 如何将 ES6+ 转化为 ES5 (b

• 掘金面试文章精选合集：前端后端移动端面试题库大全

  发布于2019-11-17

  精心整理的掘金平台热门面试文章合集，涵盖前端、后端、Android/iOS移动端面试题库，包含100+篇高质量面试文章，助力求职面试成功

• sentry

  发布于2019-11-08

  通过 npm 安装 @sentry/node，并用 Sentry.init 配置 dsn 的最小接入示例。

• 报文

  发布于2019-10-04

  $ arp -a ? (172.17.68.40) at ee:ff:ff:ff:ff:ff [ether] on eth0 ? (10.244.0.3) at 32:df:1c:fa:4e:cc [ether] on cni0 gateway (172.17.79.253) at ee:ff:ff:ff:ff:ff [ether] on

• client-cache

  发布于2019-09-28

  + network-only + store-and-network + store-or-network + store-only + 仅网络 + 网络优先 + 缓存优先 + 仅缓存

• 2019年字节跳动技术面试题汇总

  发布于2019-09-27

  精心整理的2019年字节跳动技术面试题目，涵盖前端 React/Vue、后端 Node.js、数据库优化、网络协议、Linux 运维等核心知识点

• 前端面试经典题：异步 add 函数实现详解 - 从串行到并发控制

  发布于2019-09-20

  深度解析字节跳动经典面试题：如何实现异步 add 函数的 sum，涵盖 Promise 串行、并行、二分优化、并发控制等高级技巧

• graphql 与 http

  发布于2019-09-08

  graphql 仅仅提供了 schema 与 operation/query 的用法，当我们在 web 中使用 graphql 时，就需要使用 HTTP 把 graphql 隔离为 client 与 server 两端。想象一个流程： 1. 前端发送 operation 到后端 1. 后端维护一个 schema 1. 后端根据前端的 op