冴羽的博客

关于作者

• 博客：https://yayujs.com/
• 社群：“低调务实优秀中国好青年”前端社群
• 成长：茶话会、微信读书
• 小册：《Next.js 开发指南》、《Svelte 开发指南》
• 翻译：TypeScript 中文文档、Solid.js 中文文档、Svelte 中文文档
• 专栏：掘金、思否、语雀、公众号：冴羽（#yayujs）

冴羽·前端大佬成长之路

2025 年，我会在知识星球更新一套“前端大佬成长之路”的课程。

包含目标规划篇、学习方法篇、前端学习篇、个人管理篇、职场发展篇、面试技巧篇、健康养生篇共 7 大篇章、40 节文章。

总结了我近十年的工作生活经验，让大家少走一些弯路，节省一些时间。

目前星球预售 249，4 月 1 日，涨价到 289，随着课程更新，涨回 399 元。

为了感谢大家的关注，分享给大家一个 50 元的新人优惠券，现在只需要 199 元即可加入，名额 100 个，先到先得：

请在微信中扫码打开，查看具体介绍

Svelte 官方文档翻译

1. 主要内容已翻译完毕，查看站点： Svelte 中文文档
2. 关于 Svelte 的介绍，查看 《Svelte 开发指南》

Solid.js 官方文档翻译

1. 主要内容已翻译完毕，查看站点： Solid.js 中文文档
2. 关于 Solid.js 的介绍，查看《这个比 React 更 react 的框架 —— Solid.js 最新中文文档来了！》

Next.js 系列

因为签约原因，首发在掘金，一共 24 篇，专栏地址：Next.js 开发指北

React 系列

因为签约原因，首发在掘金，一共 16 篇，专栏地址：React 基础与进阶

冴羽答读者问

1. 30 岁了， 现在开始努力，晚吗？
2. 何时能够像你一样优秀？
3. 怎么才能像你一样写文章如喝水？
4. 怎么才能像你一样长到180？
5. 冴羽哥哥 额爱你
6. 啦啦啦啦啦啦
7. 除代码外，就没别的优先级很高的爱好了吗？
8. 钱和成长，哪个更重要？
9. 悄悄过来蹭个回答
10. 怎么才能不焦虑？
11. 功利性学习的心态，你是否也会有？
12. 人生低谷时，如何快速调整、重回正轨？
13. 人生的意义是什么？
14. 你是怎么理解知行合一的？
15. 如何快速找到一个聊得来的人生伴侣？
16. 怎么平衡工作与生活？
17. 如果有机会，你会选择脱产学习深造吗？
18. 如何在工作中打造影响力，带动同事？
19. 如何学习更有计划性、提升更稳更快？
20. 过程比结果重要吗？
21. 冴羽，你为什么写起了鸡汤？

TypeScript 官方文档翻译

1. 主要内容已翻译完毕，查看站点： TypeScript 中文文档

系列目录：

1. TypeScript之基础入门
2. TypeScript之常见类型（上）
3. TypeScript之常见类型（下）
4. TypeScript之类型收窄
5. TypeScript之函数
6. TypeScript之对象类型
7. TypeScript之泛型
8. TypeScript之Keyof 操作符
9. TypeScript之Typeof 操作符
10. TypeScript之索引访问类型
11. TypeScript之条件类型
12. TypeScript之映射类型
13. TypeScript之模板字面量类型
14. TypeScript之类（上）
15. TypeScript之类（下）
16. TypeScript之模块

博客搭建

1. 一篇带你用 VuePress + GitHub Pages 搭建博客
2. 一篇教你代码同步 GitHub 和 Gitee
3. 还不会用 GitHub Actions ？看看这篇
4. Gitee 如何自动部署 Pages？还是用 GitHub Actions!
5. 一份前端够用的 Linux 命令
6. 一份简单够用的 Nginx Location 配置讲解
7. 一篇教你博客如何部署到自己的服务器
8. 一篇域名从购买到备案到解析的详细教程
9. VuePress 博客优化之 last updated 最后更新时间如何设置
10. VuePress 博客优化之添加数据统计功能
11. VuePress 博客优化之开启 HTTPS
12. VuePress 博客优化之开启 Gzip 压缩
13. 从零实现一个 VuePress 插件
14. VuePress 博客优化之拓展 Markdown 语法
15. markdown-it 原理解析
16. markdown-it 插件如何写（一）
17. markdown-it 插件如何写（二）
18. markdown-it 插件如何写（三）
19. 有的时候我觉得我不会 Markdown
20. VuePress 博客优化之中文锚点跳转问题
21. 搭建 VuePress 博客，你可能会用到的一些插件
22. VuePress 博客如何开启本地 HTTPS 访问
23. VuePress 博客优化之兼容 PWA
24. VuePress 博客优化之开启 Algolia 全文搜索
25. VuePress 博客优化之增加 Valine 评论功能
26. VuePress 博客优化之增加 Vssue 评论功能
27. VuePress 博客之 SEO 优化（一）sitemap 与搜索引擎收录
28. VuePress 博客之 SEO 优化（二）重定向
29. VuePress 博客之 SEO 优化（三）标题、链接优化
30. VuePress 博客之 SEO 优化（四） Open Graph protocol
31. VuePress 博客之 SEO 优化（五）添加 JSON-LD 数据
32. VuePress 博客之 SEO 优化（六）站长工具
33. 搭建 VuePress 站点必做的 10 个优化
34. VuePress 博客搭建系列 33 篇正式完结！

一些单篇

1. 浏览器系列之 Cookie 和 SameSite 属性
2. 聊聊 npm 的语义化版本（Semver）

面试系列

1. 淘系前端校招负责人元彦直播答疑文字实录
2. 业务前端的困境
3. 前端，社招，面淘宝，指南
4. 前端，校招，面淘宝，指南

深入系列

1. JavaScript深入之从原型到原型链
2. JavaScript深入之词法作用域和动态作用域
3. JavaScript深入之执行上下文栈
4. JavaScript深入之变量对象
5. JavaScript深入之作用域链
6. JavaScript深入之从ECMAScript规范解读this
7. JavaScript深入之执行上下文
8. JavaScript深入之闭包
9. JavaScript深入之参数按值传递
10. JavaScript深入之call和apply的模拟实现
11. JavaScript深入之bind的模拟实现
12. JavaScript深入之new的模拟实现
13. JavaScript深入之类数组对象与arguments
14. JavaScript深入之创建对象的多种方式以及优缺点
15. JavaScript深入之继承的多种方式以及优缺点
16. JavaScript深入系列15篇正式完结！
17. JavaScript深入之浮点数精度
18. JavaScript深入之头疼的类型转换(上)
19. JavaScript深入之头疼的类型转换(下)

专题系列

1. JavaScript专题之跟着underscore学防抖
2. JavaScript专题之跟着underscore学节流
3. JavaScript专题之数组去重
4. JavaScript专题之类型判断(上)
5. JavaScript专题之类型判断(下)
6. JavaScript专题之深浅拷贝
7. JavaScript专题之从零实现jQuery的extend
8. JavaScript专题之如何求数组的最大值和最小值
9. JavaScript专题之数组扁平化
10. JavaScript专题之学underscore在数组中查找指定元素
11. JavaScript专题之jQuery通用遍历方法each的实现
12. JavaScript专题之如何判断两个对象相等
13. JavaScript专题之函数柯里化
14. JavaScript专题之偏函数
15. JavaScript专题之惰性函数
16. JavaScript专题之函数组合
17. JavaScript专题之函数记忆
18. JavaScript专题之递归
19. JavaScript专题之乱序
20. JavaScript专题之解读 v8 排序源码
21. JavaScript专题系列20篇正式完结！
22. JavaScript专题之花式表示26个字母

underscore 系列

1. underscore 系列之如何写自己的 underscore
2. underscore 系列之链式调用
3. underscore 系列之内部函数 cb 和 optimizeCb
4. underscore 系列之内部函数 restArgs
5. underscore 系列之防冲突与 Utility Functions
6. underscore 系列之实现一个模板引擎(上)
7. underscore 系列之实现一个模板引擎(下)
8. underscore 系列之字符实体与 _.escape
9. underscore 的源码该如何阅读？

ES6 系列

1. ES6 系列之 let 和 const
2. ES6 系列之模板字符串
3. ES6 系列之箭头函数
4. ES6 系列之模拟实现 Symbol 类型
5. ES6 系列之迭代器与 for of
6. ES6 系列之模拟实现一个 Set 数据结构
7. ES6 系列之 WeakMap
8. ES6 系列之我们来聊聊 Promise
9. ES6 系列之 Generator 的自动执行
10. ES6 系列之我们来聊聊 Async
11. ES6 系列之异步处理实战
12. ES6 系列之 Babel 将 Generator 编译成了什么样子
13. ES6 系列之 Babel 将 Async 编译成了什么样子
14. ES6 系列之 Babel 是如何编译 Class 的(上)
15. ES6 系列之 Babel 是如何编译 Class 的(下)
16. ES6 系列之 defineProperty 与 proxy
17. ES6 系列之模块加载方案
18. ES6 系列之我们来聊聊装饰器
19. ES6 系列之私有变量的实现
20. ES6 完全使用手册

勘误及提问

如果有疑问或者发现错误，可以在相应的 issues 进行提问或勘误。

如果喜欢或者有所启发，欢迎 star，对作者也是一种鼓励。

License

所有文章采用知识共享署名-非商业性使用-相同方式共享 3.0 中国大陆许可协议进行许可。