Jim仔_

新人前端往往在学习过程中由于找不到体系化的工程化课程，导致对这一块的理解很浅薄。前端工程化的网上资源较乱，但是面试又特别爱问，故而写下这个系列的文章整理。

有些人可能会误解 Node.js 脚本，认为它是用 Node.js 编写的。他们可能会觉得如果不懂 Node.js 的语法就无法编写 Node.js 脚本，感觉会写 Node.js 脚本就很神秘。实际

7月份结束了，继续做一次复盘，这个月看了下，我在这个号上写内容的篇幅比较少，数了下才12篇，震惊，确实少了些，导致我今天复盘的时候还要想我这个月做了啥。

前言 亲爱的coder们，我又来了，一个喜欢图形的程序员👩‍💻，前几篇文章一直都在教大家怎么画地图、画折线图、画烟花🎆，难道图形就是这样嘛，当然不是，一个很简单的问题， 如果我在canvas中画了10

记录使用adobe uxp操作图层的几个功能。预览图层、实时预览画布、把图层保存成png文件、把图片当作新图层创建

温馨提醒：本文有点长，5000+字数，可耐心阅读或收藏有空再看。对文章任何内容有疑问欢迎可视化群里交流。PS：堀未央奈，毕业快乐！文章剩最后一节没写时，突然看到谁都没料到的乃木坂46成员宣布毕业，被击沉懵了，再也写不下去，很久缓过来后才写完，有了这么个插曲，记录一笔。 上篇文章…

用 Three.js Shader 粒子系统手撸一个超级漂亮的星系效果！学习如何在球体和圆盘上设置顶点、如何插值颜色、让粒子运动起来等等！

学习Shader的人必须安装的一款浏览器插件——Spector.js。看到任何酷炫漂亮的3D网页都可以用这款插件看看渲染过程的信息、看看其中的Shader源码是怎么写的！

这一节我们来探讨距离场构图法。 我们回顾一下前面绘制圆的思路，就是定义每个像素点的一个距离，例如每个点到圆心的距离，再根据距离值来计算颜色值。 其实我们可以将这种方式抽象化，变成一种普遍的方法，我们可