XXHolic

## 目录 - [引子](#start) - [正文](#article) - [关于性能的常见误区](#myth) - [理解实验室和现场数据](#data) - [有哪些不同的性能工具](#tool) - [因此你是…](#role) - [参考资料](#reference) ## 引子 在 [Performance Metrics][url-blog-49] 中讲了性能指标，还介绍了关于测量的内容，除了使用浏览器提供的 API 进行测量，还可以借助一些工具进行测量。这次就来看看关于工具的介绍。以下是个人理解的部分翻译。 翻译时 [How To Think About Speed...

## 目录 - [引子](#start) - [简介](#intro) - [源码](#code) - [初始化](#init) - [执行时](#exce) - [参考资料](#reference) ## 引子 看了下 [redux-saga][url-github-7] 源码，整理一下个人理解。 源码版本 [1.1.3][url-github-6] 。 ## 简介 redux-saga 是一个用于管理应用程序 Side Effect（副作用，例如异步获取数据，访问浏览器缓存等）的库，它的目标是让副作用管理更容易，执行更高效，测试更简单，在处理故障时更方便。redux-saga 使用了 ES6...

## 目录 - [引子](#start) - [简介](#intro) - [源码](#code) - [参考资料](#reference) ## 引子 看了下 [Dva][url-github-1] 源码，整理一下个人理解。 源码版本 [[email protected]][url-github-2] 。 ## 简介 dva 是一个基于 [redux][url-github-6] 和 [redux-saga][url-github-5] 的数据流方案，为了简化开发体验，dva 还额外内置了 react-router 和 fetch，所以也可以理解为一个轻量级的应用框架。更多信息见[这里][url-docs-1]。...

## 目录 - [引子](#start) - [基本概念](#concept) - [主要实现](#achieve) - [其它 API 实现](#other) - [思考](#think) - [参考资料](#reference) ## 引子 之前看过一些对于 redux 源码的解读，现在想按照自己的想法写一写。 从 2018.04.18 Redux v4.0.0 之后就没有发过大的版本了，现在处于一个很稳定的阶段。 下面是查看代码所处分支、时间、commit 的信息： - 代码分支——master...

## 目录 - [引子](#start) - [简介](#intro) - [源码](#code) - [BrowserRouter](#browser-router) - [Switch](#switch) - [Route](#route) - [Link](#link) - [Redirect](#redirect) - [withRouter](#with-router) - [参考资料](#reference) ## 引子 看了 [react-router][url-github-1] 后，整理一下个人的理解。 源码版本 [5.1.2][url-github-2] 。...

## 目录 - [引子](#start) - [正文](#intro) - [定义指标](#defi) - [如何测量指标](#how) - [指标类型](#types) - [关键指标](#important) - [自定义指标](#custom) - [参考资料](#reference) ## 引子 在 [Performance Guide][url-blog-48] 中介绍了以用户为中心的指导模型，接着看下在实际测量中的一些性能指标。原文 [User-centric performance metrics][url-artilce-1] 前段时间还在 Web Fundamentals...

## 目录 - [引子](#start) - [简介](#intro) - [源码](#code) - [参考资料](#reference) ## 引子 在看 [react-router][url-github-2] 中相关的代码时，发现在版本 v5.1.2 中共享数据使用的不是新 [Context API][url-docs-1]，而是使用了 [mini-create-react-context][url-github-1] 。看了源码后，在此记录一下。 查看 mini-create-react-context 源码版本 [0.3.2][url-github-3] 。 ## 简介 Context 的作用在官方文档中这样描述：...

## 目录 - [引子](#start) - [性能影响用户](#user) - [性能影响转换率](#conversions) - [性能影响体验](#experience) - [性能影响搜索排名](#rank) - [接着该做什么](#next) - [参考资料](#reference) ## 引子 关于性能，大家都知道重要，那为什么重要？只能想起一些零碎的答案，于是就去找资料，发现 [Why Performance Matters][url-reference-1] 这篇文章，比较符合自己想要的答案。也有[中文版本][url-reference-1-cn]，但个人觉得里面的一些信息多余，于是按照个人的偏好重新组织和翻译部分，期间发现其中有的链接已无效，进行了补充。 翻译时原文版本 Last updated 2019-09-16 。 ## 性能影响用户...

## 目录 - [引子](#start) - [RAIL Model](#rail) - [目标和方针](#goals-guidelines) - [关注用户](#focus) - [Response](#response) - [Animation](#animation) - [Idle](#idle) - [Load](#link) - [PRPL Pattern](#prpl) - [参考资料](#reference) ## 引子 在 [About Performance][url-blog-47] 的最后提供了一些关注的点，但感觉比较零散，有没有理论体系化的思想作为依据，通过查找资料，发现了两种指导方式：[RAIL...

## 目录 - [引子](#start) - [阅读目的](#goal) - [阅读层次](#level) - [基础阅读](#level1) - [检视阅读](#level2) - [分析阅读](#level3) - [主题阅读](#level4) - [参考资料](#reference) ## 引子 在看书的时候，突然想到：如何读一本书？想了想，无法给出自我比较满意的答案。于是去找了相关资料，最后发现了[《如何阅读一本书》][url-book-how-to-read]，里面的讲解非常详细。从中整理了一点东西，算是解决了一个疑问，也当作阅读方式的参考。 ## 阅读目的 在书中，关于阅读的目的，概括有： - 获取信息 - 增长知识 - 娱乐消遣...