fi3ework/blog

😆 = 🛠 + 🎮 + ⚽️

archived in Issues

JavaScript

• 分析 Babel 编译代码，深入理解 ES6 的类与继承
• 跟着 Event loop 规范理解浏览器中的 JavaScript 异步机制
• LazyMan 有几样写法，你知道么？

TypeScript

• [译] react-typescript-备忘录

React

• 浅析 React v16.3 新生命周期函数
• 为 react-router 写一个可以缓存的 Route
• 前端路由实现及 react-router v4 源码分析
• 避免 React 中的 unmount & re-mount
• 在 React 中通过反模式获取 props 中函数的更新
• React 高效渲染策略
• 图解 Redux 中 middleware 的洋葱模型
• [译] 简明 React Router v4 教程
• 通过 Github Blame 深入分析 Redux 源码
• 基于 Decorator 的 React 高阶组件的思路分析与实现
• 为 create-react-app 配置 ESLint
• 将 React 项目部署在 heroku 上展示

Node.js

• koa2 源码及流程分析

性能优化

• 前端性能优化之浏览器渲染优化 —— 打造 60FPS 页面
• 关于 @font-face 加载前空白 (FOIT) 的解决方案
• [译] 页面生命周期：DOMContentLoaded, load, beforeunload, unload 解析
• 前端性能优化之关键路径渲染优化
• [译] 资源提示 —— 什么是 Preload，Prefetch 和 Preconnect？
• [译] Prefetch & preconnect-dns 的优先级

HTTP

• 完全理解 HTTPS 如何做到传输安全
• 浅谈 HTTP 缓存实践

设计模式

• 创建型模式
• 结构型模式
• 行为型模式

Git

• Git 常用命令

工具

• VSCode 配置备忘录