渴望做梦

信息无障碍，英文为 Accessibility（a11y），是指任何人（无论是健全人还是残疾人，无论是年轻人还是老年人）在任何情况下都能平等的，方便地，无障碍地获取信息、利用信息，那前端到底该如何做呢

做了两年多的性能优化，从一开始的一脸懵逼，到后来的逐渐摸到点门道，所以想由此记录一下，今天我们不谈术的东西，就聊聊道的方面，到底当我们接手一个性能优化专项后，我们该如何规划。

我们可以发现 hooks 的定义非常简单，只是获取了 dispatch 然后调用 dispatcher 对应的 useState 属性，其它 hooks 也是类似，比如 useEffect 是调用 dispatcher 的 useEffect 属性。 接着我们就需要看看 dis…

React 采用 monorepo 的管理方式。仓库中包含多个独立的包，以便于更改可以一起联调，并且问题只会出现在同一地方。 packages 包含元数据（比如 package.json）和 React 仓库中所有 package 的源码（子目录 src）。如果你需要修改源代码…

对于同一层次的一组子节点，它们可以通过唯一的 id 进行区分。 概念：按照我的理解就是 更新 -> DOM 变化 这之间的流程，它包括了diff 算法。 如果整个应用很大，会导致 js 的执行长期占据主线程，浏览器无法及时响应用户的操作，进而导致页面显示的卡顿。 我们可以发现 …

以此篇作为 react 项目中遇到的浏览器兼容性问题的一个记录，另外如果你使用了 ant-design-pro/umi 请先按照官方文档设置要兼容的浏览器。 IE9 默认采用的文档模式是 IE7。解决方案：加入<meta http-equiv="X-UA-Compatible"…

Gitlab runner 是整个 CI/CD 的执行器，它是执行你写的 .gitlab-ci.yml 文件的虚拟机。 左侧就是特定的 runners 右侧就是共享的 runners，只要确保有其一就行。 关于 runner 的安装我不想过多赘述，官网写的很清楚，只要按照步骤一…

本次对 dva 源码的解读除了传统的从 api 入手外还将引入带入问题读源码的理念，因为只有这样当读完源码之后才会有切身的收获。 另外除了 dva 的源码外还会解读一些常用的 dva 插件的源码。

本篇解读是将 api 作为入口进行解读的，因为 redux-saga 的 api 过多尤其是 effect 创建器，所以这里只是挑了常用的 api 做解读。