Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

https://github.com/mqyqingfeng/Blog

冴羽写博客的地方,预计写四个系列:JavaScript深入系列、JavaScript专题系列、ES6系列、React系列。
https://github.com/mqyqingfeng/Blog

advanced blog javascript

Last synced: about 1 month ago
JSON representation

冴羽写博客的地方,预计写四个系列:JavaScript深入系列、JavaScript专题系列、ES6系列、React系列。

Lists

README

        

# 冴羽的博客

## 公众号

|微信(冴羽本人)|公众号|
|:----:|:----:|
|||
|mqyqingfeng|冴羽的 JavaScript 博客|
|[加入低调务实优秀中国好青年社群](https://www.yuque.com/yayu/nice-people/xou8qr)|文章同步更新|

## 专栏

* [掘金](https://juejin.im/user/58e4b9b261ff4b006b3227f4)
* [思否](https://segmentfault.com/u/yayu/articles)
* [知乎](https://zhuanlan.zhihu.com/c_1042806379215601664)
* [语雀](https://www.yuque.com/qingyu-fasl3/od8gmv)
* [慕课](https://www.imooc.com/u/306841)

## 小册

* [《Next.js 开发指南》](https://s.juejin.cn/ds/i8kJo2o8/)
* 60 篇文章,分为基础篇、实战篇、源码篇、面试篇,带你系统掌握 Next.js

## React 系列

1. [React 之 createElement 源码解读](https://github.com/mqyqingfeng/Blog/issues/316)
2. [React 之元素与组件的区别](https://github.com/mqyqingfeng/Blog/issues/317)
3. [React 之 Refs 的使用和 forwardRef 的源码解读](https://github.com/mqyqingfeng/Blog/issues/318)
4. [React 之 Context 的变迁与背后实现](https://github.com/mqyqingfeng/Blog/issues/319)

## 项目开发

1. [聊聊 npm 的语义化版本(Semver)](https://github.com/mqyqingfeng/Blog/issues/312)

## 个人成长

1. [如何让自己快速成长?来听听冴羽的这些演讲!(音视频版)](https://www.yuque.com/yayu/blog/grow)

## 冴羽答读者问

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

## TypeScript4 官方文档翻译,收录在 [ts.yayujs.com](http://ts.yayujs.com/)

1. [TypeScript之基础入门](https://github.com/mqyqingfeng/Blog/issues/227)
2. [TypeScript之常见类型(上)](https://github.com/mqyqingfeng/Blog/issues/228)
3. [TypeScript之常见类型(下)](https://github.com/mqyqingfeng/Blog/issues/229)
4. [TypeScript之类型收窄](https://github.com/mqyqingfeng/Blog/issues/218)
5. [TypeScript之函数](https://github.com/mqyqingfeng/Blog/issues/220)
6. [TypeScript之对象类型](https://github.com/mqyqingfeng/Blog/issues/221)
7. [TypeScript之泛型](https://github.com/mqyqingfeng/Blog/issues/222)
8. [TypeScript之Keyof 操作符](https://github.com/mqyqingfeng/Blog/issues/223)
9. [TypeScript之Typeof 操作符](https://github.com/mqyqingfeng/Blog/issues/224)
10. [TypeScript之索引访问类型](https://github.com/mqyqingfeng/Blog/issues/225)
11. [TypeScript之条件类型](https://github.com/mqyqingfeng/Blog/issues/226)
12. [TypeScript之映射类型](https://github.com/mqyqingfeng/Blog/issues/230)
13. [TypeScript之模板字面量类型](https://github.com/mqyqingfeng/Blog/issues/231)
14. [TypeScript之类(上)](https://github.com/mqyqingfeng/Blog/issues/232)
15. [TypeScript之类(下)](https://github.com/mqyqingfeng/Blog/issues/233)
16. [TypeScript之模块](https://github.com/mqyqingfeng/Blog/issues/234)

## 博客搭建

1. [一篇带你用 VuePress + GitHub Pages 搭建博客](https://github.com/mqyqingfeng/Blog/issues/235)
2. [一篇教你代码同步 GitHub 和 Gitee](https://github.com/mqyqingfeng/Blog/issues/236)
3. [还不会用 GitHub Actions ?看看这篇](https://github.com/mqyqingfeng/Blog/issues/237)
4. [Gitee 如何自动部署 Pages?还是用 GitHub Actions!](https://github.com/mqyqingfeng/Blog/issues/238)
5. [一份前端够用的 Linux 命令](https://github.com/mqyqingfeng/Blog/issues/239)
6. [一份简单够用的 Nginx Location 配置讲解](https://github.com/mqyqingfeng/Blog/issues/242)
7. [一篇教你博客如何部署到自己的服务器](https://github.com/mqyqingfeng/Blog/issues/243)
8. [一篇域名从购买到备案到解析的详细教程](https://github.com/mqyqingfeng/Blog/issues/247)
9. [VuePress 博客优化之 last updated 最后更新时间如何设置](https://github.com/mqyqingfeng/Blog/issues/244)
10. [VuePress 博客优化之添加数据统计功能](https://github.com/mqyqingfeng/Blog/issues/245)
11. [VuePress 博客优化之开启 HTTPS](https://github.com/mqyqingfeng/Blog/issues/246)
12. [VuePress 博客优化之开启 Gzip 压缩](https://github.com/mqyqingfeng/Blog/issues/248)
13. [从零实现一个 VuePress 插件](https://github.com/mqyqingfeng/Blog/issues/250)
14. [VuePress 博客优化之拓展 Markdown 语法](https://github.com/mqyqingfeng/Blog/issues/251)
15. [markdown-it 原理解析](https://github.com/mqyqingfeng/Blog/issues/252)
16. [markdown-it 插件如何写(一)](https://github.com/mqyqingfeng/Blog/issues/253)
17. [markdown-it 插件如何写(二)](https://github.com/mqyqingfeng/Blog/issues/254)
18. [markdown-it 插件如何写(三)](https://github.com/mqyqingfeng/Blog/issues/255)
19. [有的时候我觉得我不会 Markdown](https://github.com/mqyqingfeng/Blog/issues/256)
20. [VuePress 博客优化之中文锚点跳转问题](https://github.com/mqyqingfeng/Blog/issues/259)
21. [搭建 VuePress 博客,你可能会用到的一些插件](https://github.com/mqyqingfeng/Blog/issues/261)
22. [VuePress 博客如何开启本地 HTTPS 访问](https://github.com/mqyqingfeng/Blog/issues/262)
23. [VuePress 博客优化之兼容 PWA](https://github.com/mqyqingfeng/Blog/issues/263)
24. [VuePress 博客优化之开启 Algolia 全文搜索](https://github.com/mqyqingfeng/Blog/issues/267)
25. [VuePress 博客优化之增加 Valine 评论功能](https://github.com/mqyqingfeng/Blog/issues/268)
26. [VuePress 博客优化之增加 Vssue 评论功能](https://github.com/mqyqingfeng/Blog/issues/270)
27. [VuePress 博客之 SEO 优化(一)sitemap 与搜索引擎收录](https://github.com/mqyqingfeng/Blog/issues/272)
28. [VuePress 博客之 SEO 优化(二)重定向](https://github.com/mqyqingfeng/Blog/issues/273)
29. [VuePress 博客之 SEO 优化(三)标题、链接优化](https://github.com/mqyqingfeng/Blog/issues/274)
30. [VuePress 博客之 SEO 优化(四) Open Graph protocol](https://github.com/mqyqingfeng/Blog/issues/275)
31. [VuePress 博客之 SEO 优化(五)添加 JSON-LD 数据](https://github.com/mqyqingfeng/Blog/issues/276)
32. [VuePress 博客之 SEO 优化(六)站长工具](https://github.com/mqyqingfeng/Blog/issues/277)
33. [搭建 VuePress 站点必做的 10 个优化](https://github.com/mqyqingfeng/Blog/issues/278)
34. [VuePress 博客搭建系列 33 篇正式完结!](https://github.com/mqyqingfeng/Blog/issues/279)

## 浏览器系列

1. [浏览器系列之 Cookie 和 SameSite 属性](https://github.com/mqyqingfeng/Blog/issues/157)

## 面试系列

1. [淘系前端校招负责人元彦直播答疑文字实录](https://github.com/mqyqingfeng/Blog/issues/167)
2. [业务前端的困境](https://github.com/mqyqingfeng/Blog/issues/172)
3. [前端,社招,面淘宝,指南](https://github.com/mqyqingfeng/Blog/issues/198)
4. [前端,校招,面淘宝,指南](https://github.com/mqyqingfeng/Blog/issues/200)

## 深入系列

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

## 专题系列

1. [JavaScript专题之跟着underscore学防抖](https://github.com/mqyqingfeng/Blog/issues/22)
2. [JavaScript专题之跟着underscore学节流](https://github.com/mqyqingfeng/Blog/issues/26)
3. [JavaScript专题之数组去重](https://github.com/mqyqingfeng/Blog/issues/27)
4. [JavaScript专题之类型判断(上)](https://github.com/mqyqingfeng/Blog/issues/28)
5. [JavaScript专题之类型判断(下)](https://github.com/mqyqingfeng/Blog/issues/30)
6. [JavaScript专题之深浅拷贝](https://github.com/mqyqingfeng/Blog/issues/32)
7. [JavaScript专题之从零实现jQuery的extend](https://github.com/mqyqingfeng/Blog/issues/33)
8. [JavaScript专题之如何求数组的最大值和最小值](https://github.com/mqyqingfeng/Blog/issues/35)
9. [JavaScript专题之数组扁平化](https://github.com/mqyqingfeng/Blog/issues/36)
10. [JavaScript专题之学underscore在数组中查找指定元素](https://github.com/mqyqingfeng/Blog/issues/37)
11. [JavaScript专题之jQuery通用遍历方法each的实现](https://github.com/mqyqingfeng/Blog/issues/40)
12. [JavaScript专题之如何判断两个对象相等](https://github.com/mqyqingfeng/Blog/issues/41)
13. [JavaScript专题之函数柯里化](https://github.com/mqyqingfeng/Blog/issues/42)
14. [JavaScript专题之偏函数](https://github.com/mqyqingfeng/Blog/issues/43)
15. [JavaScript专题之惰性函数](https://github.com/mqyqingfeng/Blog/issues/44)
16. [JavaScript专题之函数组合](https://github.com/mqyqingfeng/Blog/issues/45)
17. [JavaScript专题之函数记忆](https://github.com/mqyqingfeng/Blog/issues/46)
18. [JavaScript专题之递归](https://github.com/mqyqingfeng/Blog/issues/49)
19. [JavaScript专题之乱序](https://github.com/mqyqingfeng/Blog/issues/51)
20. [JavaScript专题之解读 v8 排序源码](https://github.com/mqyqingfeng/Blog/issues/52)
21. [JavaScript专题系列20篇正式完结!](https://github.com/mqyqingfeng/Blog/issues/53)
22. [JavaScript专题之花式表示26个字母](https://github.com/mqyqingfeng/Blog/issues/166)

## underscore 系列

1. [underscore 系列之如何写自己的 underscore](https://github.com/mqyqingfeng/Blog/issues/56)
2. [underscore 系列之链式调用](https://github.com/mqyqingfeng/Blog/issues/57)
3. [underscore 系列之内部函数 cb 和 optimizeCb](https://github.com/mqyqingfeng/Blog/issues/58)
4. [underscore 系列之内部函数 restArgs](https://github.com/mqyqingfeng/Blog/issues/60)
5. [underscore 系列之防冲突与 Utility Functions](https://github.com/mqyqingfeng/Blog/issues/62)
6. [underscore 系列之实现一个模板引擎(上)](https://github.com/mqyqingfeng/Blog/issues/63)
7. [underscore 系列之实现一个模板引擎(下)](https://github.com/mqyqingfeng/Blog/issues/70)
8. [underscore 系列之字符实体与 _.escape](https://github.com/mqyqingfeng/Blog/issues/77)
9. [underscore 的源码该如何阅读?](https://github.com/mqyqingfeng/Blog/issues/79)

## ES6 系列

1. [ES6 系列之 let 和 const](https://github.com/mqyqingfeng/Blog/issues/82)
2. [ES6 系列之模板字符串](https://github.com/mqyqingfeng/Blog/issues/84)
3. [ES6 系列之箭头函数](https://github.com/mqyqingfeng/Blog/issues/85)
4. [ES6 系列之模拟实现 Symbol 类型](https://github.com/mqyqingfeng/Blog/issues/87)
5. [ES6 系列之迭代器与 for of](https://github.com/mqyqingfeng/Blog/issues/90)
6. [ES6 系列之模拟实现一个 Set 数据结构](https://github.com/mqyqingfeng/Blog/issues/91)
7. [ES6 系列之 WeakMap](https://github.com/mqyqingfeng/Blog/issues/92)
8. [ES6 系列之我们来聊聊 Promise](https://github.com/mqyqingfeng/Blog/issues/98)
9. [ES6 系列之 Generator 的自动执行](https://github.com/mqyqingfeng/Blog/issues/99)
10. [ES6 系列之我们来聊聊 Async](https://github.com/mqyqingfeng/Blog/issues/100)
11. [ES6 系列之异步处理实战](https://github.com/mqyqingfeng/Blog/issues/101)
12. [ES6 系列之 Babel 将 Generator 编译成了什么样子](https://github.com/mqyqingfeng/Blog/issues/102)
13. [ES6 系列之 Babel 将 Async 编译成了什么样子](https://github.com/mqyqingfeng/Blog/issues/103)
14. [ES6 系列之 Babel 是如何编译 Class 的(上)](https://github.com/mqyqingfeng/Blog/issues/105)
15. [ES6 系列之 Babel 是如何编译 Class 的(下)](https://github.com/mqyqingfeng/Blog/issues/106)
16. [ES6 系列之 defineProperty 与 proxy](https://github.com/mqyqingfeng/Blog/issues/107)
17. [ES6 系列之模块加载方案](https://github.com/mqyqingfeng/Blog/issues/108)
18. [ES6 系列之我们来聊聊装饰器](https://github.com/mqyqingfeng/Blog/issues/109)
19. [ES6 系列之私有变量的实现](https://github.com/mqyqingfeng/Blog/issues/110)
20. [ES6 完全使用手册](https://github.com/mqyqingfeng/Blog/issues/111)

## 注意

深入系列文章部分是有先后顺序的,按照目录结构顺序阅读效果最好。

## 勘误及提问

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

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

## License

所有文章采用[知识共享署名-非商业性使用-相同方式共享 3.0 中国大陆许可协议](http://creativecommons.org/licenses/by-nc-sa/3.0/cn/)进行许可。