😆 = 🛠 + 🎮 + ⚽️
2 |archived in Issues
3 | 4 | ## JavaScript 5 | 6 | - [分析 Babel 编译代码，深入理解 ES6 的类与继承](https://github.com/fi3ework/blog/issues/13) 7 | - [跟着 Event loop 规范理解浏览器中的 JavaScript 异步机制](https://github.com/fi3ework/blog/issues/29) 8 | - [LazyMan 有几样写法，你知道么？](https://github.com/fi3ework/blog/issues/36) 9 | 10 | ## TypeScript 11 | 12 | - [[译] react-typescript-备忘录](https://github.com/fi3ework/blog/issues/22) 13 | 14 | ## React 15 | 16 | - [浅析 React v16.3 新生命周期函数](https://github.com/fi3ework/blog/issues/37) 17 | - [为 react-router 写一个可以缓存的 Route](https://github.com/fi3ework/blog/issues/23) 18 | - [前端路由实现及 react-router v4 源码分析](https://github.com/fi3ework/blog/issues/21) 19 | - [避免 React 中的 unmount & re-mount](https://github.com/fi3ework/blog/issues/19) 20 | - [在 React 中通过反模式获取 props 中函数的更新](https://github.com/fi3ework/blog/issues/20) 21 | - [React 高效渲染策略](https://github.com/fi3ework/blog/issues/15) 22 | - [图解 Redux 中 middleware 的洋葱模型](https://github.com/fi3ework/blog/issues/14) 23 | - [[译] 简明 React Router v4 教程](https://github.com/fi3ework/blog/issues/10) 24 | - [通过 Github Blame 深入分析 Redux 源码](https://github.com/fi3ework/blog/issues/7) 25 | - [基于 Decorator 的 React 高阶组件的思路分析与实现](https://github.com/fi3ework/blog/issues/6) 26 | - [为 create-react-app 配置 ESLint](https://github.com/fi3ework/blog/issues/5) 27 | - [将 React 项目部署在 heroku 上展示](https://github.com/fi3ework/blog/issues/4) 28 | 29 | ## Node.js 30 | 31 | - [koa2 源码及流程分析](https://github.com/fi3ework/blog/issues/40) 32 | 33 | ## 性能优化 34 | 35 | - [前端性能优化之浏览器渲染优化 —— 打造 60FPS 页面](https://github.com/fi3ework/blog/issues/9) 36 | - [关于 @font-face 加载前空白 (FOIT) 的解决方案](https://github.com/fi3ework/blog/issues/8) 37 | - [[译] 页面生命周期：DOMContentLoaded, load, beforeunload, unload 解析](https://github.com/fi3ework/blog/issues/3) 38 | - [前端性能优化之关键路径渲染优化](https://github.com/fi3ework/blog/issues/16) 39 | - [[译] 资源提示 —— 什么是 Preload，Prefetch 和 Preconnect？](https://github.com/fi3ework/blog/issues/32) 40 | - [[译] Prefetch & preconnect-dns 的优先级](https://github.com/fi3ework/blog/issues/33) 41 | 42 | ## HTTP 43 | 44 | - [完全理解 HTTPS 如何做到传输安全](https://github.com/fi3ework/blog/issues/17) 45 | - [浅谈 HTTP 缓存实践](https://github.com/fi3ework/blog/issues/35) 46 | 47 | ## 设计模式 48 | 49 | - [创建型模式](https://github.com/fi3ework/blog/issues/24) 50 | - [结构型模式](https://github.com/fi3ework/blog/issues/26) 51 | - [行为型模式](https://github.com/fi3ework/blog/issues/27) 52 | 53 | ## Git 54 | 55 | - [Git 常用命令](https://github.com/fi3ework/blog/issues/2) 56 | 57 | ## 工具 58 | 59 | - [VSCode 配置备忘录](https://github.com/fi3ework/blog/issues/18) 60 | -------------------------------------------------------------------------------- /react-typescript-cheatsheet-cn/README.md: -------------------------------------------------------------------------------- 1 | Please read: [sw-yx](https://github.com/sw-yx) / [**react-typescript-cheatsheet**](https://github.com/sw-yx/react-typescript-cheatsheet) 2 | 3 | 中文版的于一年前翻译，从今天看来当时的翻译有很多的错误，所以已经被废弃掉了。swyx 和合作者们在这一年中更新了很多非常酷的新内容，并且使用的是最新版的 TypeScript。所以尽管一开始可能阅读英文会有一点困难，不过还是高度推荐阅读英文原版教程。 4 | 5 | The Chinese version was translated a year ago and with a lot of errors from today so it has been deprecated. swyx and collaborators has updated quite a lot fantastic new content with the latest TypeScript version. So please read the English version although it will be a little difficult at first. 6 | 7 | 如果你想阅读中文版的 TypeScript 教程，可以参考以下教程： 8 | 9 | However, if you wanna learn TypeScript in Chinese. You can read following tutorials below. 10 | 11 | - [TypeScript中文网 · TypeScript——JavaScript的超集](https://www.tslang.cn/) 12 | - [TypeScript 入门教程](https://ts.xcatliu.com/) 13 | - [TypeScript Handbook（中文版）](https://legacy.gitbook.com/book/zhongsp/typescript-handbook/details) 14 | --------------------------------------------------------------------------------