biao-wu/blog

在这里写一些工作中遇到的前端，后端以及运维的问题

山月的琐碎博客记录

关于平常工作中在前端，后端以及运维中遇到问题的一些文章总结。以后也会做系列文章进行输出，如前端高级进阶系列，个人服务器指南系列。

说到个人服务器，如果你是新人的话，在阿里云有优惠，这里有连接进行购买：阿里云新人优惠服务器。可以跟着我的系列文章 跟着山月管理个人服务器 来学习。 如果你对服务器完全没有概念，建议购买配置 1核2G，也就八十来快钱。如果对云主机有所了解，建议购买配置 2核4G。

• 阿里云新人优惠服务器
• 跟着山月管理个人服务器

名字由来

大学时读了温庭筠一首词，山月不知心底事，水风空落眼前花，于是就起了一个名字: 山月水风。

后来难免觉得花间词过于矫情，于是把名字拆成两个，只取前两个字：山月。取李白 暮从碧山下，山月随人归 之意，恰好那段时间从京西阳台山下来时伴着月亮。

再后来读书读多了，觉得 松风吹解带，山月照弹琴 与 水风轻，蘋花渐老，月露冷，梧叶飘黄 的意境也不错，也很喜欢。

前端工程化

1. 前端高级进阶：javascript 代码是如何被压缩
2. 前端高级进阶：如何更好地优化打包资源
3. 前端高级进阶：网站的缓存控制策略最佳实践及注意事项
4. 前端高级进阶：在生产环境中使你的 npm i 速度提升 50%
5. 前端高级进阶：使用 docker 高效部署你的前端应用
6. 前端高级进阶：CICD 下的前端多特性分支环境的部署
7. 前端高级进阶：前端部署的发展历程

更多文章: 前端工程化系列

Node 实践

• Node实践源码篇: 40 行代码实现精简版 koa
• Node实践日志篇: 异步资源监听与 CLS 实现

更多文章: Node 实践

技术中的用户增长手段

案例篇

• 使用 wechaty 实现一个疫情机器人
• 使用公众号开发进行网站向公众号的导流

更多文章: 用户增长

个人服务器运维指南

你可以在阿里云新购一台服务器作为实践：

• 阿里云新人优惠服务器

1. 序
   1. 序·当我有一台服务器时我做了什么
   2. 序·当我有一台服务器时我做了什么(2019)
2. 服务器初始化配置
   1. 服务器快速登录配置：ssh-config
   2. git 基本命令及安装
   3. 服务器ssh key 及 github 配置
   4. 系统信息查看相关命令
   5. vim 基本操作及配置
   6. tmux 与多窗口管理
3. 自动化运维
   1. ansible 简易入门
4. 了解 docker
   1. docker 简易入门
   2. Dockerfile 最佳实践
   3. 案例: 使用 docker 高效部署前端应用
5. 使用 docker compose 编排容器
   1. docker compose 编排架构简介
   2. docker compose 简易入门
   3. 使用 traefik 做反向代理
   4. 使用 traefik 自动生成 https 的证书
   5. 使用 dnsmasq 搭建本地 DNS 服务
   6. 使用 openvpn 访问内部集群私有服务
   7. 使用 postgres 做数据存储
   8. 使用 redis 做缓存服务
   9. 使用 sentry 做异常监控
   10. 案例：黑客增长 - 从博客向公众号引流
   11. 案例：黑客增长 - 使用公众号开发模拟面试
6. 服务器及容器监控
   1. linux 各项监控指标
   2. 使用 htop 监控进程指标
   3. 使用 ctop 监控容器指标
7. 高频 linux 命令
   1. sed 命令详解及示例
   2. awk 命令详解及示例
   3. jq 命令详解及示例
   4. tcpdump 命令详解及示例
   5. 案例: 使用jq与sed制作掘金面试文章榜单

技术反思分享

以下都是关于技术思考的文章分享

1. 10 Things Every Developer Should Learn · 中文翻译

后端

1. 各种架构图乱七八糟的图索引
2. linux 性能监控指标速查
3. jwt 实践应用以及特殊案例思考
4. jwt 邮件验证码与登录实践
5. GraphQL 开发指南
6. 由 GraphQL 来思考 API Design
7. Node 中异常，EXIT CODE 与 dockerfile
8. 如何快速了解新业务
9. 限流算法: 漏桶与令牌桶简介
10. 使用 requestId 标记全链路日志
11. Node 中的异常收集，结构化与监控
12. 谈谈 Redis 在项目中的常见使用场景
13. 项目实践: 使用微信公众号开发模拟面试功能
14. 黑客增长: 如何把用户从博客引到公众号
15. Sequelize V5 升级记录及注意事项
16. 如何判断文件中换行符 LF(\n) 与 CRLF(\r\n)
17. 两个由于 async/await 导致 OOM 的示例
18. 隔离级，悲观锁与诗词字云功能的开发
19. 域名更改注意事项须知
20. 从数据库到前端，使用 enum 代替 constant number
21. SQL必知必会

前端

1. 前端部署演化史
2. JS 调试问题汇总及示例
3. 如何实现 Promise 的限流
4. 如何实现一个简单的 Promise
5. 你不知道的 JS 之疑难汇总
6. 使用纯 CSS 实现仿 Material Design 的 input 过渡效果
7. Canvas VS SVG 画影图形
8. Grid 布局指南
9. 使用 Grid 进行常见布局
10. 浏览器中的二进制以及相互转化

工具与增效

1. vim 快速入门
2. 是谁动了我的代码
3. tmux 与多窗口管理
4. ssh 快速登录服务器

关注我

我是山月，一个喜欢跑步与爬山的程序员，我会定期分享全栈文章在个人公众号中。如果你对全栈面试，前端工程化，graphql，devops，个人服务器运维以及微服务感兴趣的话，可以关注我的微信公众号【全栈成长之路】。