leafnote

优化核心思路：少干活，干聪明活 技巧1：几何体合并 - 减少Draw Call 每次绘制调用（Draw Call）都是性能杀手。当场景有5000个立方体时，合并成一个几何体...

最近接了个大屏项目，产品想在不同的显示器上展示大屏项目不同的页面，翻文献的时候发现国外有大佬做出来了投屏，但是使用的原生html，我将一些使用的关键方法搬到vue项目中了...

Strapi 是一款基于 Node.js 的开源无头内容管理系统（Headless CMS），专注为开发者提供灵活、高效的后端内容管理和 API 服务。 无头架构：专注后端...

在水利、水务数字孪生三维项目中，可能会遇到前端需要实现闸口开闸放水的功能需求。那我一同来看看前端如何实现开闸放水这个功能吧~~~...

什么是 Token？ 最近 DeepSeek 很火，老婆又问我：大模型里的 Token 到底是个什么东西？ 我：所谓 Token，Token，分而治之。 “Token 就是...

Three.js 是一个强大的 JavaScript 3D 库，广泛用于创建 Web 上的 3D 图形和动画。粒子系统是一种重要的特效工具，用于模拟自然现象，如烟雾、火焰、...

相信不久前大家已经被这个粒子动画给刷屏了吧： 之前看过很多人都在分析跟这个效果相关的跨窗口通信技术，尽管这样是挺好，但我依旧有点纳闷：为什么没有人讲讲背后的粒子特效是怎么实...

本文将深入剖析Three.js ShaderMaterial关键属性，帮助开发者掌握自定义着色器的核心控制能力。...

在 Git 代码管理工具中，git rebase 和 git merge 都用于合并分支，但它们的方式不同，会对提交历史产生不同的影响。 1. git merge（合并分支...

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

本文作为第一阶段片元着色器的最后一篇，将先带大家用前篇文章里讲到的组合方式实现棋盘格效果，会延展到abs取绝对值的操作；另外涉及aastep抗锯齿以及smoothstep平...

💡《我用纯JS撸了个3D轮播图，同事以为我偷偷用了Three.js！》 最近在重构公司官网时，产品经理甩过来一个需求："做个有空间感的轮播图，要那种一眼惊艳的效果"。原本...

1. 粒子系统核心原理 粒子系统是三维图形开发中实现烟雾、火焰、星空等效果的核心技术，Three.js通过Points类实现高效粒子渲染： ‌渲染机制‌：使用GL_POIN...

智慧城市、智慧小区、智慧厂、地球飞线、配件3D、车、单个人、室内设计、收费站...均涉及3D可视化技术⛵️⛵️⛵️...

《Javascript 如何获取字符串的宽度》查看年轻时写的代码 效果图如下： 单行文本溢出隐藏hover展示全部 多行文本溢出隐藏hover展示全部 我们就以title属...

我用SVG的“汉堡模具”（<use>） 代替了5份完整食材 （重复path），让打包体积瘦身20%！原来前端优化就像快餐流水线——少做重复工，性能自然冲！ 🚀...

在 JavaScript 中，有这么几种场景会使得 num === num - 1 的结果为true，这几种场景你都知道吗？...

最近想用 three js 做一个沙粒飘动的动画，但自己又比较菜，不知道怎么做，于是就问了AI。AI真的很厉害，给我生成了可用的代码，只是飘动得比较生硬。 抱着学习的态度，...

1. 抽组件 ≠ 拆文件夹 很多初学 Vue 的人对“组件化”的理解就是：“页面上出现重复的 UI？好，抽个组件。” 于是你会看到这样的组件： 接着你又遇到需要加图标的输入...

咱要在 Vue 项目里搞组织架构图，就像搭积木，有好几种 “积木套装” 可选，比如 antV G6、D3.js、vue3-tree-org、mind - map 还有 vu...