XGHeaven

自第一个实现的浏览器开始计算，Fetch API 已经快要五岁了。这五年 Chrome 和 Firefox 刷了不少版本号，IE 也不知死了多少年，而它的继任者更是上演了一出名为《Edge: Become Chromium》的好剧。再加上 ES6+ 的普及，我们早已习惯了基于 …

在现在的前端开发流程中，我们偶尔会遇见节点滚动同步的需求，所谓的滚动同步就是对于两个节点的滚动条位置进行同步，在滚动一个节点时同时，另一个节点也同时滚动到相应的位置。比较常见的类似于使用 markdown 进行文章编辑的博客网站中通常会有两边做实时编辑对比，从而需要同步滚动条。…

Three这个流行的库目前突破了56K Star，是创建一个易于使用，轻量级，3D库默认的WebGL渲染器。在示例中，该库还提供了画布2D、SVG和CSS3D渲染器。threejs可以将它理解成three + js，three表示3D的意思，js表示javascript的意思。…

在前端开发中不论CSS3也好，SVG也好，还是Canvas，无论多复杂的图形，都是由一个个点组成的。一个元素渲染后就可以得到一张位图，然后对这个位图上每一点进行变换，就可以得到新的一张位图，从而产生了视觉上的平移translate、旋转rotate、缩放scale、拉伸skew…

Alita(https://github.com/areslabs/alita/)在处理React语法的时候，采用了一种运行时处理JSX的技术，相对于社区流行的编译时方案，在JSX语法的支持上更加完备，关于运行时处理JSX的原理，详情请看。 简单来讲运行时方案，把小程序看成是底…

也许你瞧不起以前的 css ，但是你不该再轻视眼下的 css 。近年来 css 的变量系统已逐步得到各大浏览器厂商支持，自定义选择器等强势袭来，嵌套系统/模块系统也在路上...为了更好的掌握 css 这门语言，很有必要把之前零零散散的 css 知识回炉重造下。 css 作为一门…

在上篇文章《Webpack源码解读：理清编译主流程》中，大体了解了webpack的编译主流程，其中我们跳过了一个重要内容Tapable。webpack 插件向第三方开发者提供了钩入webpack引擎中的编译流程的方式，而Tapable是插件的最核心基础。 本文首先分析Tapab…

fetch 的兼容性已经足够好，足以替换包括 $.post 在内的各种取数封装。 原生用得久了，发现拓展性更好、支持 ssr 的同构取数方案也挺好，比如 isomorphic-fetch、axios。 对于数据驱动场景还是不够，数据流逐渐将取数封装起来，同时针对数据驱动状态变化…

前几篇文章都在讲 React 的 Concurrent 模式, 很多读者都看懵了，这一篇来点轻松的，蹭了一下 Vue 3.0 的热度。讲讲如何在 React 下实现 Vue Composition API(下面简称VCA)，只是个玩具，别当真。 实现 'React' Compo…