useRef 是常用的 API，但还有一个 createRef 的 API，你知道他们的区别吗？通过 React.useRef and React.createRef: The Difference 这篇文章，你可以了解到何时该使用它们。 其实原文就阐述了这样一个事实：useR…

水平维度: 控制用户访问特定url，获取哪些数据的权限（e.g. 普通用户、管理员、超级管理员访问同一url，获取的数据是不同的）

现在(2018年)react在前端开发领域已经越来越🔥了，我自己也经常在项目中使用react，但是却总是好奇react的底层实现原理，多次尝试阅读react源代码都无法读下去，确实太难了。前不久在网上看到几篇介绍如何自己动手实现react的文章，这里基于这些资料，并加入一些自…

首先我们将从数据监听开始讲起，对于这一部分的内容相信许多小伙伴都看过网上各种各样的源码解读了，不过当我自己尝试去实现的时候，还是发现自己动手对于巩固知识点非常重要。不过鉴于Vue3将使用Proxy来实现数据监听，所以我这里是通过Proxy来实现了。如果你还不了解js中的这部分内…

自己先想一分钟。 无可否认，现在无论大厂还是小厂都已经用上了 Vue.js 框架，简单易上手不说，教程详尽，社区活跃，第三方套件还多。真的是前端开发人员必备技能。而且在面试当中也往往会问到关于 Vue 方面的各种问题，其中大部分面试官会问到如上这种问题。 最近一直在做 Vue项…

查阅资料发现，在多次调用setState（）时，React 并不会同步处理这些setState（）函数，而是做了一个“批处理”——如果使用对象作为参数传递给setState，React 会合并这些对象。 而同样的情况下，当你给setState（）传入一个函数时，这些函数将被放进…

很多人都用过 React Suspense，但如果你认为它只是配合 React.lazy 实现异步加载的蒙层，就理解的太浅了。实际上，React Suspense 改变了开发规则，要理解这一点，需要作出思想上的改变。 我们结合 Why React Suspense Will B…

React Hooks 渐渐被国内前端团队所接受，但基于 Hooks 的数据流方案却还未固定，我们有 “100 种” 类似的选择，却各有利弊，让人难以取舍。 本周笔者就深入谈一谈对 Hooks 数据流的理解，相信读完文章后，可以从百花齐放的 Hooks 数据流方案中看到本质。 …

JavaScript 越来越流行，在前端、后端、hybrid apps、嵌入式设备开发等方向上都有它活跃的身影。 这篇文章是 How JavaScript Works 系列的开篇，该系列的文章旨在深入挖掘 JavaScript 及其实际的工作原理。我们认为了解 JavaScri…