early5083

在解析源码前，先来了解下前端路由的实现原理。 前端路由实现起来其实很简单，本质就是监听 URL 的变化，然后匹配路由规则，显示相应的页面，并且无须刷新。目前单页面使用的路由就只有两种实现方式 www.test.com/#/ 就是 Hash URL，当 # 后面的哈希值发生变化时…

来看这👋！我是 Henry，Babel 的维护者之一。 有些人可能把 Babel 看作是一个让你写 ES6 代码的工具。更准确的说，Babel 是把 ES6 代码转换为 ES5 代码的 JavaScript 编译器。当它的名字是 6to5 时，这很适合，但是我认为 Babel…

generator函数是什么?generator->生产者yield->产出generator函数是ES6提供的一种异步编程解决方案执行generator函数返回的是一个遍历器对象,也就是说,我们可以

最近有个新的Deno项目是由node原作者ry发起的，瞬间火爆，star数飞起。 再此总结，并对那些在issue里无私贡献自己解决方案的人点赞！开源社区的和谐需要大家去一起努力。 在开始之前请准备好vpn*。 大家需要去安装 Go 环境.并且去 export 各种Go相关的环境…

众所周知，操作 DOM 是很耗费性能的一件事情，既然如此，我们可以考虑通过 JS 对象来模拟 DOM 对象，毕竟操作 JS 对象比操作 DOM 省时的多。 从上述例子中，我们一眼就可以看出先前的 ul 中的第三个 li 被移除了，四五替换了位置。 当然在实际操作中，我们还需要给…

这是专门探索 JavaScript 及其构建组件的系列的第八个。在识别和描述核心元素的过程中，我们也分享了一些我们在构建 SessionStack 时的最佳实践。SessionStack 是一个强大且性能卓越的 JavaScript 应用程序，可以向你实时显示用户在 Web 应…

现在网上有很多react原理解析这样的文章，但是往往这样的文章我看完过后却没有什么收获，因为行文思路太快，大部分就是写了几句话简单介绍下这段代码是用来干嘛的，然后就贴上源码让你自己看，有可能作者本人是真的看懂了，但是对于大部分阅读这篇文章的人来说，确是云里雾里。 讲解一个框架的…

最近在学习 React 时，发现 React 提供了 Portals 技术，该技术主要用来把子节点动态的显示到父节点外的 DOM 节点上，该技术的一个经典用例应该就是 Dialog 了。设想一下在设计 Dialog 时所需要的主要功能点：当点击一个 button 时，一般需要在…

Flex容器默认有两根轴：主轴（main axis）和侧轴（cross axis）。在默认情况下主轴是水平分布的，侧轴是垂直分布的，但可以通过flex-direction来改变主侧轴的分布方向。所以并不能说，水平分布的是主轴，垂直分布的是侧轴。 默认的情况下，Flex容器中的子…