## 一、背景 古茗会员体系升级需要在小程序首页接入炫酷的动画，通过技术选型最终敲定了阿里出品的`@galacean/effects`，编译后体积`599.3KB`，小程序主包限制最大也就只有`2MB

Vue Scan 是一个专为 Vue.js 开发者设计的工具，旨在通过实时可视化识别组件更新，帮助进行性能调试。它通过在用户交互期间高亮显示重新渲染的组件，使得潜在的性能瓶颈更容易被发现。

大家好，我是 LeaferJS 的创始人万超。 我很高兴的向大家宣布，经过我们 3 年多开发的 LeaferJS 开源引擎终于打磨成熟，迎来了正式版的发布～

实现定高、不定高的瀑布流虚拟列表组件，分享实现过程和思路，实现小红书首页的瀑布流虚拟列表效果并进行计算加载优化。

服务端渲染具有诸多优点，包括优化SEO、加快首屏加载速度、增强安全性等。针对注重SEO的C端项目而言，服务端渲染是首选方式，也是每位前端工程师必备的技术

Streaming 一个比较常见的应用是 ChatGPT 的打字效果，效果如下。本篇的最后我们会调用 OpenAI 的接口来实现这样一个效果

如果觉得我写得还行的话，请献上你宝贵的一赞👍，这将是我持续写作的动力！感谢大家啦。 所有的代码、文件全部都开源到 GitHub 仓库中，前后端代码全部都在仓库里。 并没有任何藏着掖着的行为，包括后端 API 接口的代码也全部开源，不会说缺少哪个页面或者某个重要功能，这种事情是…

网页开发中我们经常要处理用户交互，我们会用 addEventListener 添加事件监听器来监听各种用户操作，比如 click、mousedown、mousemove、input 等，这些都是由用户

事情是这样的，前段时间`外包工头`老杨又来找我了，说某汽车大品牌要开发一个网页展厅，希望可以在网页里360度展示它家新款汽车的3d模型，还要可以让用户DIY汽车部件的颜色。