leafnote

用 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...

方法一：使用 localStorage 记录滚动位置 1.监听滚动事件并保存位置： 用 window.scrollY 或 element.scrollTop 获取当前滚动位...

你精心打磨的前端应用，在本地测试时流畅如飞，可一上线就 “原形毕露”：用户点击毫无反应，好不容易等到页面加载完成，人早就流失了。这背后究竟藏着什么玄机？今天就为你揭开谜底，...

引言 在现代前端开发中，随着应用复杂度增加，接口请求管理成为性能优化的关键点。本文将深入探讨如何通过并发控制、数据缓存和请求合并等技术手段，构建高效、稳定的大规模请求解决方...

给CSS加把锁是指业内所说的CSS Locks。使用CSS锁技术方案来锁定流式排版。让我们实现一个精准的流式排版不再是难题。在今天这篇文章，我们来一起探讨一下CSS锁的故事...

本文总结了 TypeScript 中常用的类型判断方法，包括 instanceof、判别联合类型、自定义类型保护函数、typeof、in操作符及结构判断，分别分析其原理、优...

Github 简介 enum-plus是一个增强版的枚举类库，完全兼容原生enum的基本用法，同时支持扩展显示文本、绑定到 UI 组件以及提供丰富的扩展方法，是原生enum...

大家好，我是CodeQi！ 一位热衷于技术分享的码仔。 在过去的几年里，TypeScript 已经逐渐成为了前端开发的首选语言，尤其是那些追求更高代码质量和类型安全的开发者...

在研发多模态文档编辑器 flowmix/docx 的过程中，写了一款3D可视化图表编辑器，我们可以使用它轻松通过拖拽的方式创作3D模型设计。 目前这个3D编辑器方向...

enum-plus为TypeScript枚举提供全面增强功能，解决原生enum的显示文本、遍历、UI集成和国际化等痛点，还支持自定义属性、类型安全和跨框架兼容，是复杂企业应...