{"id":13407237,"url":"https://github.com/mqyqingfeng/Blog","last_synced_at":"2025-03-14T11:31:16.042Z","repository":{"id":37285889,"uuid":"84811466","full_name":"mqyqingfeng/Blog","owner":"mqyqingfeng","description":"冴羽写博客的地方，预计写四个系列：JavaScript深入系列、JavaScript专题系列、ES6系列、React系列。","archived":false,"fork":false,"pushed_at":"2023-12-15T03:01:37.000Z","size":4685,"stargazers_count":30731,"open_issues_count":221,"forks_count":4707,"subscribers_count":1239,"default_branch":"master","last_synced_at":"2024-10-29T11:16:12.432Z","etag":null,"topics":["advanced","blog","javascript"],"latest_commit_sha":null,"homepage":"","language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/mqyqingfeng.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2017-03-13T10:04:33.000Z","updated_at":"2024-10-29T09:16:40.000Z","dependencies_parsed_at":"2022-07-13T09:20:34.981Z","dependency_job_id":"f567d03e-d70b-4035-923e-8b54853cbb79","html_url":"https://github.com/mqyqingfeng/Blog","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mqyqingfeng%2FBlog","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mqyqingfeng%2FBlog/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mqyqingfeng%2FBlog/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mqyqingfeng%2FBlog/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/mqyqingfeng","download_url":"https://codeload.github.com/mqyqingfeng/Blog/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243569447,"owners_count":20312427,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["advanced","blog","javascript"],"created_at":"2024-07-30T20:00:32.986Z","updated_at":"2025-03-14T11:31:15.962Z","avatar_url":"https://github.com/mqyqingfeng.png","language":null,"readme":"# 冴羽的博客\n\n## 关于作者\n\n* 博客：[https://yayujs.com/](https://yayujs.com/)\n* 社群：[“低调务实优秀中国好青年”前端社群](https://www.yuque.com/yayu/nice-people/xou8qr)\n* 成长：[茶话会](https://www.yuque.com/yayu/blog/grow)、[微信读书](https://yayujs.com/grow)\n* 小册：[《Next.js 开发指南》](https://s.juejin.cn/ds/i8kJo2o8/)、[《Svelte 开发指南》](https://s.juejin.cn/ds/iUurdrae/)\n* 翻译：[TypeScript 中文文档](http://ts.yayujs.com/)、[Solid.js 中文文档](https://solid.yayujs.com/)、[Svelte 中文文档](https://svelte.yayujs.com/)\n* 专栏：[掘金](https://juejin.cn/user/712139234359182/columns)、[思否](https://segmentfault.com/u/yayu)、[语雀](https://www.yuque.com/yayu)、公众号：[冴羽（#yayujs）](https://cdn.jsdelivr.net/gh/mqyqingfeng/picture/qrcode_for_gh_bd1a3dc9eafd_258.jpg)\n\n## 冴羽·前端大佬成长之路\n\n2025 年，我会在知识星球更新一套“前端大佬成长之路”的课程。\n\n包含目标规划篇、学习方法篇、前端学习篇、个人管理篇、职场发展篇、面试技巧篇、健康养生篇共 7 大篇章、40 节文章。\n\n总结了我近十年的工作生活经验，让大家少走一些弯路，节省一些时间。\n\n目前星球预售 249，4 月 1 日，涨价到 289，随着课程更新，涨回 399 元。\n\n为了感谢大家的关注，分享给大家一个 50 元的新人优惠券，现在只需要 199 元即可加入，名额 100 个，先到先得：\n\n\u003cimg width=\"30%\" src=\"https://github.com/user-attachments/assets/83c26166-3180-4c96-89b9-0d5ad8c637ae\" /\u003e\n\n\u003e 请在微信中扫码打开，查看具体介绍\n\n## Svelte 官方文档翻译\n\n1. 主要内容已翻译完毕，查看站点： [Svelte 中文文档](https://svelte.yayujs.com/)\n2. 关于 Svelte 的介绍，查看 [《Svelte 开发指南》](https://s.juejin.cn/ds/iUurdrae/)\n\n## Solid.js 官方文档翻译\n\n1. 主要内容已翻译完毕，查看站点： [Solid.js 中文文档](https://solid.yayujs.com/)\n2. 关于 Solid.js 的介绍，查看[《这个比 React 更 react 的框架 —— Solid.js 最新中文文档来了！》](https://juejin.cn/post/7457857802088890387)\n\n## Next.js 系列\n\n因为签约原因，首发在掘金，一共 24 篇，专栏地址：[Next.js 开发指北](https://juejin.cn/column/7343569488744611849)\n\n## React 系列\n\n因为签约原因，首发在掘金，一共 16 篇，专栏地址：[React 基础与进阶](https://juejin.cn/column/7142674773930147853)\n\n## 冴羽答读者问\n\n1. [30 岁了， 现在开始努力，晚吗？](https://github.com/mqyqingfeng/Blog/issues/280)\n2. [何时能够像你一样优秀？](https://github.com/mqyqingfeng/Blog/issues/281) \n3. [怎么才能像你一样写文章如喝水？](https://github.com/mqyqingfeng/Blog/issues/283)\n4. [怎么才能像你一样长到180？](https://github.com/mqyqingfeng/Blog/issues/284)\n5. [冴羽哥哥 额爱你](https://github.com/mqyqingfeng/Blog/issues/285)\n6. [啦啦啦啦啦啦](https://github.com/mqyqingfeng/Blog/issues/286) \n7. [除代码外，就没别的优先级很高的爱好了吗？](https://github.com/mqyqingfeng/Blog/issues/287) \n8. [钱和成长，哪个更重要？](https://github.com/mqyqingfeng/Blog/issues/288) \n9. [悄悄过来蹭个回答](https://github.com/mqyqingfeng/Blog/issues/289) \n10. [怎么才能不焦虑？](https://github.com/mqyqingfeng/Blog/issues/292) \n11. [功利性学习的心态，你是否也会有？](https://github.com/mqyqingfeng/Blog/issues/293)\n12. [人生低谷时，如何快速调整、重回正轨？](https://github.com/mqyqingfeng/Blog/issues/294)\n13. [人生的意义是什么？](https://github.com/mqyqingfeng/Blog/issues/295) \n14. [你是怎么理解知行合一的？](https://github.com/mqyqingfeng/Blog/issues/296) \n15. [如何快速找到一个聊得来的人生伴侣？](https://github.com/mqyqingfeng/Blog/issues/297)\n16. [怎么平衡工作与生活？](https://github.com/mqyqingfeng/Blog/issues/298)\n17. [如果有机会，你会选择脱产学习深造吗？](https://github.com/mqyqingfeng/Blog/issues/299)\n18. [如何在工作中打造影响力，带动同事？](https://github.com/mqyqingfeng/Blog/issues/306)\n19. [如何学习更有计划性、提升更稳更快？](https://github.com/mqyqingfeng/Blog/issues/308)\n20. [过程比结果重要吗？](https://github.com/mqyqingfeng/Blog/issues/309)\n21. [冴羽，你为什么写起了鸡汤？](https://github.com/mqyqingfeng/Blog/issues/310)\n\n## TypeScript 官方文档翻译\n\n1. 主要内容已翻译完毕，查看站点： [TypeScript 中文文档](https://ts.yayujs.com/)\n\n系列目录：\n\n1. [TypeScript之基础入门](https://github.com/mqyqingfeng/Blog/issues/227)\n2. [TypeScript之常见类型（上）](https://github.com/mqyqingfeng/Blog/issues/228)\n3. [TypeScript之常见类型（下）](https://github.com/mqyqingfeng/Blog/issues/229)\n4. [TypeScript之类型收窄](https://github.com/mqyqingfeng/Blog/issues/218)\n5. [TypeScript之函数](https://github.com/mqyqingfeng/Blog/issues/220)\n6. [TypeScript之对象类型](https://github.com/mqyqingfeng/Blog/issues/221)\n7. [TypeScript之泛型](https://github.com/mqyqingfeng/Blog/issues/222)\n8. [TypeScript之Keyof 操作符](https://github.com/mqyqingfeng/Blog/issues/223)\n9. [TypeScript之Typeof 操作符](https://github.com/mqyqingfeng/Blog/issues/224)\n10. [TypeScript之索引访问类型](https://github.com/mqyqingfeng/Blog/issues/225)\n11. [TypeScript之条件类型](https://github.com/mqyqingfeng/Blog/issues/226)\n12. [TypeScript之映射类型](https://github.com/mqyqingfeng/Blog/issues/230)\n13. [TypeScript之模板字面量类型](https://github.com/mqyqingfeng/Blog/issues/231)\n14. [TypeScript之类（上）](https://github.com/mqyqingfeng/Blog/issues/232)\n15. [TypeScript之类（下）](https://github.com/mqyqingfeng/Blog/issues/233)\n16. [TypeScript之模块](https://github.com/mqyqingfeng/Blog/issues/234)\n\n## 博客搭建\n\n1. [一篇带你用 VuePress + GitHub Pages 搭建博客](https://github.com/mqyqingfeng/Blog/issues/235)\n2. [一篇教你代码同步 GitHub 和 Gitee](https://github.com/mqyqingfeng/Blog/issues/236)\n3. [还不会用 GitHub Actions ？看看这篇](https://github.com/mqyqingfeng/Blog/issues/237)\n4. [Gitee 如何自动部署 Pages？还是用 GitHub Actions!](https://github.com/mqyqingfeng/Blog/issues/238)\n5. [一份前端够用的 Linux 命令](https://github.com/mqyqingfeng/Blog/issues/239)\n6. [一份简单够用的 Nginx Location 配置讲解](https://github.com/mqyqingfeng/Blog/issues/242)\n7. [一篇教你博客如何部署到自己的服务器](https://github.com/mqyqingfeng/Blog/issues/243)\n8. [一篇域名从购买到备案到解析的详细教程](https://github.com/mqyqingfeng/Blog/issues/247)\n9. [VuePress 博客优化之 last updated 最后更新时间如何设置](https://github.com/mqyqingfeng/Blog/issues/244)\n10. [VuePress 博客优化之添加数据统计功能](https://github.com/mqyqingfeng/Blog/issues/245)\n11. [VuePress 博客优化之开启 HTTPS](https://github.com/mqyqingfeng/Blog/issues/246) \n12. [VuePress 博客优化之开启 Gzip 压缩](https://github.com/mqyqingfeng/Blog/issues/248)\n13. [从零实现一个 VuePress 插件](https://github.com/mqyqingfeng/Blog/issues/250)\n14. [VuePress 博客优化之拓展 Markdown 语法](https://github.com/mqyqingfeng/Blog/issues/251) \n15. [markdown-it 原理解析](https://github.com/mqyqingfeng/Blog/issues/252)\n16. [markdown-it 插件如何写（一）](https://github.com/mqyqingfeng/Blog/issues/253)\n17. [markdown-it 插件如何写（二）](https://github.com/mqyqingfeng/Blog/issues/254) \n18. [markdown-it 插件如何写（三）](https://github.com/mqyqingfeng/Blog/issues/255) \n19. [有的时候我觉得我不会 Markdown](https://github.com/mqyqingfeng/Blog/issues/256)\n20. [VuePress 博客优化之中文锚点跳转问题](https://github.com/mqyqingfeng/Blog/issues/259)\n21. [搭建 VuePress 博客，你可能会用到的一些插件](https://github.com/mqyqingfeng/Blog/issues/261)\n22. [VuePress 博客如何开启本地 HTTPS 访问](https://github.com/mqyqingfeng/Blog/issues/262) \n23. [VuePress 博客优化之兼容 PWA](https://github.com/mqyqingfeng/Blog/issues/263) \n24. [VuePress 博客优化之开启 Algolia 全文搜索](https://github.com/mqyqingfeng/Blog/issues/267) \n25. [VuePress 博客优化之增加 Valine 评论功能](https://github.com/mqyqingfeng/Blog/issues/268)\n26. [VuePress 博客优化之增加 Vssue 评论功能](https://github.com/mqyqingfeng/Blog/issues/270)\n27. [VuePress 博客之 SEO 优化（一）sitemap 与搜索引擎收录](https://github.com/mqyqingfeng/Blog/issues/272)\n28. [VuePress 博客之 SEO 优化（二）重定向](https://github.com/mqyqingfeng/Blog/issues/273)\n29. [VuePress 博客之 SEO 优化（三）标题、链接优化](https://github.com/mqyqingfeng/Blog/issues/274)\n30. [VuePress 博客之 SEO 优化（四） Open Graph protocol](https://github.com/mqyqingfeng/Blog/issues/275)\n31. [VuePress 博客之 SEO 优化（五）添加 JSON-LD 数据](https://github.com/mqyqingfeng/Blog/issues/276)\n32. [VuePress 博客之 SEO 优化（六）站长工具](https://github.com/mqyqingfeng/Blog/issues/277)\n33. [搭建 VuePress 站点必做的 10 个优化](https://github.com/mqyqingfeng/Blog/issues/278) \n34. [VuePress 博客搭建系列 33 篇正式完结！](https://github.com/mqyqingfeng/Blog/issues/279)\n\n## 一些单篇\n\n1. [浏览器系列之 Cookie 和 SameSite 属性](https://github.com/mqyqingfeng/Blog/issues/157)\n1. [聊聊 npm 的语义化版本（Semver）](https://github.com/mqyqingfeng/Blog/issues/312)\n\n## 面试系列\n\n1. [淘系前端校招负责人元彦直播答疑文字实录](https://github.com/mqyqingfeng/Blog/issues/167)\n2. [业务前端的困境](https://github.com/mqyqingfeng/Blog/issues/172)\n3. [前端，社招，面淘宝，指南](https://github.com/mqyqingfeng/Blog/issues/198)\n4. [前端，校招，面淘宝，指南](https://github.com/mqyqingfeng/Blog/issues/200)\n\n## 深入系列\n\n1. [JavaScript深入之从原型到原型链](https://github.com/mqyqingfeng/Blog/issues/2)\n2. [JavaScript深入之词法作用域和动态作用域](https://github.com/mqyqingfeng/Blog/issues/3)\n3. [JavaScript深入之执行上下文栈](https://github.com/mqyqingfeng/Blog/issues/4)\n4. [JavaScript深入之变量对象](https://github.com/mqyqingfeng/Blog/issues/5)\n5. [JavaScript深入之作用域链](https://github.com/mqyqingfeng/Blog/issues/6)\n6. [JavaScript深入之从ECMAScript规范解读this](https://github.com/mqyqingfeng/Blog/issues/7)\n7. [JavaScript深入之执行上下文](https://github.com/mqyqingfeng/Blog/issues/8)\n8. [JavaScript深入之闭包](https://github.com/mqyqingfeng/Blog/issues/9)\n9. [JavaScript深入之参数按值传递](https://github.com/mqyqingfeng/Blog/issues/10)\n10. [JavaScript深入之call和apply的模拟实现](https://github.com/mqyqingfeng/Blog/issues/11)\n11. [JavaScript深入之bind的模拟实现](https://github.com/mqyqingfeng/Blog/issues/12)\n12. [JavaScript深入之new的模拟实现](https://github.com/mqyqingfeng/Blog/issues/13)\n13. [JavaScript深入之类数组对象与arguments](https://github.com/mqyqingfeng/Blog/issues/14)\n14. [JavaScript深入之创建对象的多种方式以及优缺点](https://github.com/mqyqingfeng/Blog/issues/15)\n15. [JavaScript深入之继承的多种方式以及优缺点](https://github.com/mqyqingfeng/Blog/issues/16)\n16. [JavaScript深入系列15篇正式完结！](https://github.com/mqyqingfeng/Blog/issues/17)\n17. [JavaScript深入之浮点数精度](https://github.com/mqyqingfeng/Blog/issues/155)\n18. [JavaScript深入之头疼的类型转换(上)](https://github.com/mqyqingfeng/Blog/issues/159)\n19. [JavaScript深入之头疼的类型转换(下)](https://github.com/mqyqingfeng/Blog/issues/164)\n\n## 专题系列\n\n1. [JavaScript专题之跟着underscore学防抖](https://github.com/mqyqingfeng/Blog/issues/22)\n2. [JavaScript专题之跟着underscore学节流](https://github.com/mqyqingfeng/Blog/issues/26)\n3. [JavaScript专题之数组去重](https://github.com/mqyqingfeng/Blog/issues/27)\n4. [JavaScript专题之类型判断(上)](https://github.com/mqyqingfeng/Blog/issues/28)\n5. [JavaScript专题之类型判断(下)](https://github.com/mqyqingfeng/Blog/issues/30)\n6. [JavaScript专题之深浅拷贝](https://github.com/mqyqingfeng/Blog/issues/32)\n7. [JavaScript专题之从零实现jQuery的extend](https://github.com/mqyqingfeng/Blog/issues/33)\n8. [JavaScript专题之如何求数组的最大值和最小值](https://github.com/mqyqingfeng/Blog/issues/35)\n9. [JavaScript专题之数组扁平化](https://github.com/mqyqingfeng/Blog/issues/36)\n10. [JavaScript专题之学underscore在数组中查找指定元素](https://github.com/mqyqingfeng/Blog/issues/37)\n11. [JavaScript专题之jQuery通用遍历方法each的实现](https://github.com/mqyqingfeng/Blog/issues/40)\n12. [JavaScript专题之如何判断两个对象相等](https://github.com/mqyqingfeng/Blog/issues/41)\n13. [JavaScript专题之函数柯里化](https://github.com/mqyqingfeng/Blog/issues/42)\n14. [JavaScript专题之偏函数](https://github.com/mqyqingfeng/Blog/issues/43)\n15. [JavaScript专题之惰性函数](https://github.com/mqyqingfeng/Blog/issues/44)\n16. [JavaScript专题之函数组合](https://github.com/mqyqingfeng/Blog/issues/45)\n17. [JavaScript专题之函数记忆](https://github.com/mqyqingfeng/Blog/issues/46)\n18. [JavaScript专题之递归](https://github.com/mqyqingfeng/Blog/issues/49)\n19. [JavaScript专题之乱序](https://github.com/mqyqingfeng/Blog/issues/51)\n20. [JavaScript专题之解读 v8 排序源码](https://github.com/mqyqingfeng/Blog/issues/52)\n21. [JavaScript专题系列20篇正式完结！](https://github.com/mqyqingfeng/Blog/issues/53)\n22. [JavaScript专题之花式表示26个字母](https://github.com/mqyqingfeng/Blog/issues/166)\n\n## underscore 系列\n\n1. [underscore 系列之如何写自己的 underscore](https://github.com/mqyqingfeng/Blog/issues/56)\n2. [underscore 系列之链式调用](https://github.com/mqyqingfeng/Blog/issues/57)\n3. [underscore 系列之内部函数 cb 和 optimizeCb](https://github.com/mqyqingfeng/Blog/issues/58)\n4. [underscore 系列之内部函数 restArgs](https://github.com/mqyqingfeng/Blog/issues/60)\n5. [underscore 系列之防冲突与 Utility Functions](https://github.com/mqyqingfeng/Blog/issues/62)\n6. [underscore 系列之实现一个模板引擎(上)](https://github.com/mqyqingfeng/Blog/issues/63)\n7. [underscore 系列之实现一个模板引擎(下)](https://github.com/mqyqingfeng/Blog/issues/70)\n8. [underscore 系列之字符实体与 _.escape](https://github.com/mqyqingfeng/Blog/issues/77)\n9. [underscore 的源码该如何阅读？](https://github.com/mqyqingfeng/Blog/issues/79)\n\n## ES6 系列\n\n1. [ES6 系列之 let 和 const](https://github.com/mqyqingfeng/Blog/issues/82)\n2. [ES6 系列之模板字符串](https://github.com/mqyqingfeng/Blog/issues/84)\n3. [ES6 系列之箭头函数](https://github.com/mqyqingfeng/Blog/issues/85)\n4. [ES6 系列之模拟实现 Symbol 类型](https://github.com/mqyqingfeng/Blog/issues/87)\n5. [ES6 系列之迭代器与 for of](https://github.com/mqyqingfeng/Blog/issues/90)\n6. [ES6 系列之模拟实现一个 Set 数据结构](https://github.com/mqyqingfeng/Blog/issues/91)\n7. [ES6 系列之 WeakMap](https://github.com/mqyqingfeng/Blog/issues/92)\n8. [ES6 系列之我们来聊聊 Promise](https://github.com/mqyqingfeng/Blog/issues/98)\n9. [ES6 系列之 Generator 的自动执行](https://github.com/mqyqingfeng/Blog/issues/99)\n10. [ES6 系列之我们来聊聊 Async](https://github.com/mqyqingfeng/Blog/issues/100)\n11. [ES6 系列之异步处理实战](https://github.com/mqyqingfeng/Blog/issues/101)\n12. [ES6 系列之 Babel 将 Generator 编译成了什么样子](https://github.com/mqyqingfeng/Blog/issues/102)\n13. [ES6 系列之 Babel 将 Async 编译成了什么样子](https://github.com/mqyqingfeng/Blog/issues/103)\n14. [ES6 系列之 Babel 是如何编译 Class 的(上)](https://github.com/mqyqingfeng/Blog/issues/105)\n15. [ES6 系列之 Babel 是如何编译 Class 的(下)](https://github.com/mqyqingfeng/Blog/issues/106)\n16. [ES6 系列之 defineProperty 与 proxy](https://github.com/mqyqingfeng/Blog/issues/107)\n17. [ES6 系列之模块加载方案](https://github.com/mqyqingfeng/Blog/issues/108)\n18. [ES6 系列之我们来聊聊装饰器](https://github.com/mqyqingfeng/Blog/issues/109)\n19. [ES6 系列之私有变量的实现](https://github.com/mqyqingfeng/Blog/issues/110)\n20. [ES6 完全使用手册](https://github.com/mqyqingfeng/Blog/issues/111)\n\n## 勘误及提问\n\n如果有疑问或者发现错误，可以在相应的 issues 进行提问或勘误。\n\n如果喜欢或者有所启发，欢迎 star，对作者也是一种鼓励。\n\n## License\n\n所有文章采用[知识共享署名-非商业性使用-相同方式共享 3.0 中国大陆许可协议](http://creativecommons.org/licenses/by-nc-sa/3.0/cn/)进行许可。\n","funding_links":[],"categories":["Others","Uncategorized","miscellaneous","目录","Blog","JavaScript框架","技术博客","前端开发","JavaScript","个人站点","Daily","1. 面试","Interview/Blog"],"sub_categories":["Uncategorized","综合/资源","其他_文本生成、文本对话","个人","资料"],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmqyqingfeng%2FBlog","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmqyqingfeng%2FBlog","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmqyqingfeng%2FBlog/lists"}