十年踪迹

要理解和学会WebGL，并没有那么困难，我们只需要理解一下GPU，了解它与CPU的不同点，然后再理解运行GPU代码的语言——glsl，了解着色器的基本概念和用法，就可以轻松理解WebGL的本质。

今天要介绍的是袁川大佬的css-doodle项目，这是一个持续更新多年的优秀开源项目。早在2019年的css-conf上，我就有幸听过袁川老师介绍这个项目，当时就感觉挺惊艳的。

最近社区新推出了一个码上掘金的产品，可以方便大家分享在浏览器中可以实时运行的代码了。而这个工具的价值还远不止如此，我们可以利用它构建代码合辑，把它用到自己的开源项目中。

掘金社区发布了在线编辑运行代码的平台【码上掘金】，有了这个平台，我们可以在分享代码，还可以将代码运行演示作为文章内容的一部分发布。有了码上掘金，我们可以提供一些有用和有趣的工具，比如Slides工具。

我们知道，Vue推荐使用单文件组件，可以说SFC是Vue框架的特色。 但是，如果想要用非常简单的方式在一个常规的HTML文件，或者简单的Playground里面使用SFC，是不太容易的。

ES Modules有局限性，它在浏览器里能够import指定URL的模块，但不能import自身HTML文件里的模块。我们用一个小技巧做到让浏览器可以自由地import文件里inline的JS模块。

借着OJ问题，我深入研究了一下零构建快速搭建Vue、React**非生产环境**的方法，将它总结下来，对希望用简单的环境学习框架和希望自己实现和扩展构建工具的同学们也许会有帮助。

最近在给学生上课，上周六的第一堂课是关于 JavaScript 动画的内容，其中包括一些简单的动画，比如匀速或者匀加/减速的运动，也包括复杂一些的组合动画。而动画的基本原理，在我之前的文章已经有了详细的介绍。在这里，我想谈一谈的是，我们可以如何针对现代浏览器设计更加简单的 AP…

说出上面代码的执行结果。 如果不过脑子的说是 [2, 3, 4]，那么肯定是错了。实际上，真正的执行结果是 [2, NaN, NaN]。为什么会这样呢？是因为 map 的算子是有两个参数的，第一个参数是被迭代数组的元素，第二个参数是该元素的下标。所以 ['2', '3', '4…