本文介绍如何使用 Three.js 实现行星科技概念官网的 Hero Section。场景包含星云背景、粒子星系与三颗行星。文章提供源码与在线预览，适合具备 Three.js 与 GLSL 基础的开发

从实战角度记录 Electron 应用体积优化全过程：通过关闭 SourceMap、依赖治理、精准排除 node_modules 冗余文件等手段，将 DMG 从 240MB 降至 155MB。

用过 Electron 的兄弟都懂，好处是“会前端就能写桌面”，坏处嘛，三座大山压得喘不过气： 体积巨婴 空项目打出来 100 M+，每次更新又得 80 M，用户宽带不要钱？ 内存老虎 开个“Hell

使用Html5 Drag拖拽取消会有一段回归延迟，我是如何采用虚拟拖拽实现流畅体验的，开发React-Hooks: useVirtualDrag、useVirtaulDrop。

Canvas 元素是在 web 开发中通常用来绘制图形的元素，他可以帮我们实现各式各样的图像并可以在前端实现 3d图像展示，图片裁剪，动画效果。但是 canvas 的逻辑与渲染发生在主线程中，所以在用

WebCodecs API 为 Web 平台提供了音视频编解码能力，使得在 Web 平台（网页、Electron）上实现高效、专业的视频剪辑成品成为可能。

前言 有个有趣的统计：在过去两年中，PC用户加载 JavaScript 的次数增加了19%，而同期移动用户加载 JavaScript 的次数增加了14%。然而即便我们使用了各种手段来优化加载JavaS

前言 大家好，我是林三心，用最通俗易懂的话讲最难的知识点是我的座右铭，基础是进阶的前提是我的初心~ 背景 是这样的，我们公司有一个平台，这个平台上面有一个页面，是一个我们公司内部存放一些字幕图片的，图

前端部署其实是一个非常严肃的问题，对于大型应用24小时都有人访问，如果你还是用覆盖式更新的方式部署，肯定会导致页面出错的情况发生，因此，这就涉及到先全量部署静态资源，再灰度部署页面的部署流程了。