莫凡_Tcg

本文主要通过两方面来解剖 WebGL & Three.js ：WebGL 背后的工作原理和以 Three.js 为例，讲述框架在背后扮演什么样的角色，希望对大家学习有所帮助。

Babel 是 JavaScript 编译器 compiler，更确切地说是源码到源码的编译器，通常也叫做 转换编译器（transpiler）。 意思是说你为 Babel 提供一些 JavaScript 代码，Babel 更改这些代码，然后返回给你新生成的代码。 Babylon…

相信很多同学即便没有接触过富文本编辑领域，也一定听说过【富文本编辑是天坑，千万不要碰】的说法——是的，富文本编辑是天坑，但 Slate 能很好地帮助你。下面会介绍富文本编辑的复杂度所在，以及 Slate 的解决方式。 富文本编辑领域和常规的前端开发相比，有个非常微妙的区别：在这…

可能在看到这个问题的第一眼，我们可能会想到这样的解决办法：获取 ul 元素，然后新建 li 元素，并设置好 li 的文本内容和监听器绑定，然后在循环里对 ul 进行 append 操作，即可能想到的是以下代码实现。 实践上述代码，我们发现界面体验很不友好，卡顿感严重。出现卡顿感…

前言 数据表明，即使在资源有缓存的情况下，页面首次访问的耗时也是非首次访问的两倍。 为什么首次访问这么耗时呢，时间去哪里了？本文详细分析页面首次访问耗时的原因。 常见的初始化 我们先看看打开一个页面，需要经过那些流程。 数据表明，即使在资源有缓存的情况下，页面首次访问的耗时也是…

所谓知其然还要知其所以然. 本文将分析 React 15-stable的部分源码, 包括组件初始渲染的过程和组件更新的过程.在这之前, 假设读者已经: 首先, 我们找到React在Github上的地址, 把15-stable版本的源码copy下来, 观察它的整体架构, 这里首先…

上一篇文章讲到了React 调用ReactDOM.render首次渲染组件的前几个过程的源码, 包括创建元素、根据元素实例化对应组件, 利用事务来进行批量更新. 我们还穿插介绍了React 事务的实现以及如何利用事务进行批量更新的实现. 这篇文章我们接着分析后面的过程, 包括调…

网上一搜事件循环, 很多文章标题的前面会加上 JavaScript, 但是我觉得事件循环机制跟 JavaScript 没什么关系, JavaScript 只是一门解释型语言, 方便开发和理解的, 由V8 JIT将 JavaScript 编译成机器语言来调用底层, 至于浏览器怎么…