学习地址
https://y03l2iufsbl.feishu.cn/drive/folder/FYn3fjvMJll2dzdMloCc4hb9nQb
大佬推荐
原文链接
链接汇总
我只是想把大佬提到的链接都汇总一下，方便以后查找：
[1]
大佬的 github 地址:
[2]
大佬的 blog 地址:
https://github.com/sl1673495/blogs
[3]
写给女朋友的中级前端面试秘籍:
https://juejin.im/post/5e7af0685188255dcf4a497e
[4]
JavaScript 深入系列、JavaScript 专题系列、ES6 系列:
https://github.com/mqyqingfeng/Blog
[5]
tasks-microtasks-queues-and-schedules:
https://jakearchibald.com/2015/tasks-microtasks-queues-and-schedules
[6]
Promise A+ 英文文档:
[7]
剖析 Promise 内部结构，一步一步实现一个完整的、能通过所有 Test case 的 Promise 类:
https://github.com/xieranmaya/blog/issues/3
[8]
最简实现 Promise，支持异步链式调用（20 行）:
https://juejin.im/post/5e6f4579f265da576429a907
[9]
手写 async await 的最简实现（20 行搞定）:
https://juejin.im/post/5e79e841f265da5726612b6e
[10]
axios 的源码:
[11]
ES6 系列之 Babel 将 Generator 编译成了什么样子:
https://github.com/mqyqingfeng/Blog/issues/102
[12]
Callback Promise Generator Async-Await 和异常处理的演进:
https://juejin.im/post/589036f8570c3500621a3be2
[13]
Koa 的洋葱中间件，Redux 的中间件，Axios 的拦截器让你迷惑吗？实现一个精简版的就彻底搞懂了。
https://juejin.im/post/5e13ea6a6fb9a0482b297e8e
[14]
设计模式小册:
https://user-gold-cdn.xitu.io/2020/5/6/171e6247f6ea460a?w=750&h=1334&f=png&s=679081
[15]
LeetCode 真题课程:
https://coding.imooc.com/class/82.html
[16]
JavaScript 版题解仓库:
https://github.com/sl1673495/leetcode-javascript/issues
[17]
clean-code-javascript:
https://github.com/beginor/clean-code-javascript
[18]
vue-promised:
https://github.com/posva/vue-promised
[19]
confirm 组件:
https://github.com/sl1673495/vue-netease-music/blob/master/src/base/confirm.vue
[20]
复杂的音乐表格需求:
https://juejin.im/post/5d40fa605188255d2e32c929
[21]
Vue 源码详解之 nextTick：MutationObserver 只是浮云，microtask 才是核心！:
https://segmentfault.com/a/1190000008589736
[22]
探索 Vue 高阶组件 | HcySunYang:
https://segmentfault.com/p/1210000012743259/read
[23]
Vue 进阶必学之高阶组件 HOC:
https://juejin.im/post/5e8b5fa6f265da47ff7cc139
[24]
vuex-error-plugin:
https://github.com/sl1673495/vuex-error-plugin/blob/master/plugin.js
[25]
vue-router-advanced:
https://github.com/vuejs/vue-router/tree/dev/docs/zh/guide/advanced
[26]
网上都说操作真实 DOM 慢，但测试结果却比 React 更快，为什么？:
https://www.zhihu.com/question/31809713/answer/53544875
[27]
Vue.js 源码全方位深入解析 （含 Vue3.0 源码分析）:
https://coding.imooc.com/class/228.html
[28]
Vue 逐行级别的源码分析:
https://github.com/HcySunYang/vue-design
[29]
组件的本质:
[30]
Vue3 究竟好在哪里？（和 React Hook 的详细对比）:
https://juejin.im/post/5e9ce011f265da47b8450c11
[31]
带你彻底搞懂 Vue3 的 Proxy 响应式原理！TypeScript 从零实现基于 Proxy 的响应式库。:
https://juejin.im/post/5e21196fe51d454d523be084
[32]
带你彻底搞懂 Vue3 的 Proxy 响应式原理！基于函数劫持实现 Map 和 Set 的响应式:
https://juejin.im/post/5e23b20f51882510073eb571
[33]
深度解析：Vue3 如何巧妙的实现强大的 computed:
https://juejin.im/post/5e2fdf29e51d45026866107d
[34]
40 行代码把 Vue3 的响应式集成进 React 做状态管理:
https://juejin.im/post/5e70970af265da576429aada
[35]
React.js 小书:
http://huziketang.mangojuice.top/books/react
[36]
React 组合式开发实践：打造企业管理系统五大核心模块:
https://juejin.im/book/5b1e15f76fb9a01e516d14a0
[37]
React Hooks 与 Immutable 数据流实战:
https://juejin.im/book/5da96626e51d4524ba0fd237
[38]
understanding-reacts-key-prop:
https://kentcdodds.com/blog/understanding-reacts-key-prop
[39]
react 中为何推荐设置 key:
https://zhuanlan.zhihu.com/p/112917118
[40]
you-probably-dont-need-derived-state:
https://zh-hans.reactjs.org/blog/2018/06/07/you-probably-dont-need-derived-state.html
[41]
useEffect 完整指南:
https://overreacted.io/zh-hans/a-complete-guide-to-useeffect/
[42]
dan 的博客主页:
https://overreacted.io/zh-hans
[43]
096.精读《useEffect 完全指南》.md:
[44]
函数式组件与类组件有何不同？:
https://overreacted.io/zh-hans/how-are-function-components-different-from-classes/
[45]
精读《Hooks 取数 - swr 源码》:
https://segmentfault.com/a/1190000020964640
[46]
Umi Hooks - 助力拥抱 React Hooks:
https://zhuanlan.zhihu.com/p/103150605?utm_source=wechat_session
[47]
React Hooks 的体系设计之一 - 分层:
https://zhuanlan.zhihu.com/p/106665408
[48]
optimize-react-re-renders:
https://kentcdodds.com/blog/optimize-react-re-renders
[49]
如何对 React 函数式组件进行优化:
https://juejin.im/post/5dd337985188252a1873730f
[50]
Introducing The React Testing Library:
https://kentcdodds.com/blog/introducing-the-react-testing-library
[51]
Testing Implementation Details:
https://kentcdodds.com/blog/testing-implementation-details
[52]
how-to-test-custom-react-hooks:
https://kentcdodds.com/blog/how-to-test-custom-react-hooks
[53]
react-typescript-cheatsheet:
https://github.com/typescript-cheatsheets/react-typescript-cheatsheet
[54]
React + Typescript 工程化治理实践:
https://juejin.im/post/5dccc9b8e51d4510840165e2
[55]
Writing Type-Safe Polymorphic React Components (Without Crashing TypeScript):
https://blog.andrewbran.ch/polymorphic-react-components/
[56]
10-typescript-pro-tips-patterns-with-or-without-react:
https://medium.com/@martin_hotell/10-typescript-pro-tips-patterns-with-or-without-react-5799488d6680
[57]
when-to-break-up-a-component-into-multiple-components:
https://kentcdodds.com/blog/when-to-break-up-a-component-into-multiple-components
[58]
state-colocation-will-make-your-react-app-faster:
https://kentcdodds.com/blog/state-colocation-will-make-your-react-app-faster/
[59]
dont-sync-state-derive-it:
https://kentcdodds.com/blog/dont-sync-state-derive-it
[60]
the-state-reducer-pattern-with-react-hooks:
https://kentcdodds.com/blog/the-state-reducer-pattern-with-react-hooks
[61]
TypeScript Handbook 入门教程 :
https://zhongsp.gitbooks.io/typescript-handbook/content/
[62]
TypeScript Deep Dive:
https://basarat.gitbook.io/typescript/type-system
[63]
TS 一些工具泛型的使用及其实现:
https://zhuanlan.zhihu.com/p/40311981
[64]
基于 TypeScript 从零重构 axios:
https://coding.imooc.com/class/330.html
[65]
巧用 TypeScript 系列 一共五篇:
https://juejin.im/post/5c8a518ee51d455e4d719e2e
[66]
conditional-types-in-typescript:
https://mariusschulz.com/blog/conditional-types-in-typescript
[67]
TypeScript 参数简化实战:
https://juejin.im/post/5e38dd65518825492b509dd6
[68]
Advanced Type:
https://www.typescriptlang.org/docs/handbook/advanced-types.html
[69]
Generics:
https://www.typescriptlang.org/docs/handbook/generics.html
[70]
Vue3 源码里 infer 的一个很重要的使用:
[71]
TS 实现智能类型推导的简化版 Vuex:
https://juejin.im/post/5e38dd65518825492b509dd6
[72]
TypeScript 的有趣代码:
https://github.com/sl1673495/typescript-codes
[73]
Vue3 跟着尤雨溪学 TypeScript 之 Ref 类型从零实现:
https://juejin.im/post/5e94595c6fb9a03c341daa75
[74]
力扣面试题:
https://github.com/LeetCode-OpenSource/hire/blob/master/typescript_zh.md
[75]
integrating-prettier-eslint-airbnb-style-guide-in-vscode:
https://blog.echobind.com/integrating-prettier-eslint-airbnb-style-guide-in-vscode-47f07b5d7d6a
[76]
在项目中集成 ESLint with Prettier, TypeScript:
[77]
嵇智:
https://github.com/theniceangel
[78]
如何重构一个过万 Star 开源项目---BetterScroll:
https://juejin.im/post/5e40f72df265da5732551bdf
[79]
[译]如何撰写 Git 提交信息:
https://jiongks.name/blog/git-commit
[80]
Git-Commit-Log 规范（Angular 规范）:
https://www.jianshu.com/p/c7e40dab5b05
[81]
commitizen:
https://www.npmjs.com/package/commitizen
[82]
深入浅出 webpack:
http://www.xbhub.com/wiki/webpack/
[83]
webpack 系列之一总览:
https://github.com/DDFE/DDFE-blog/issues/36
[84]
性能优化小册:
https://user-gold-cdn.xitu.io/2020/5/6/171e625d5fe327af?w=750&h=1334&f=png&s=807503
[85]
user-centric-performance-metrics:
https://developers.google.com/web/fundamentals/performance/user-centric-performance-metrics
[86]
详谈层合成（composite）:
https://juejin.im/entry/59dc9aedf265da43200232f9
[87]
让你的网页更丝滑:
https://zhuanlan.zhihu.com/p/66398148
[88]
Why remove time slicing from vue3?:
https://github.com/vuejs/rfcs/issues/89
[89]
Amendment proposal to Function-based Component API:
https://github.com/vuejs/rfcs/issues/63
[90]
vue-composition-api-rfc:
https://vue-composition-api-rfc.netlify.com/#summary
[91]
Vue3 Composition-Api + TypeScript + 新型状态管理模式探索。:
https://juejin.im/post/5e0da5606fb9a048483ecf64
[92]
vue-bookshelf:
https://github.com/sl1673495/vue-bookshelf
[93]
detailed-design:
https://vue-composition-api-rfc.netlify.com/#detailed-design
[94]
你的 Tree-Shaking 并没什么卵用:
https://zhuanlan.zhihu.com/p/32831172
[95]
UglifyJS 的 Issue:
https://github.com/mishoo/UglifyJS2/issues/1261
[96]
英文技术文章阅读:
https://github.com/sl1673495/blogs/issues/15
[97]
[98]
medium: