4_0_4

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

通过图文和代码的形式分析React的原理，包括渲染流程、Diff算法、bailout策略和hooks等。参考了Zachary Lee的400行实现mini-react项目和...

水波纹的核心原理很简单：就像往水里扔石子，水面会泛起一圈圈涟漪。在 Shader 里，就是用正弦/余弦函数模拟这种“波动”，再让纹理或顶点跟着波动“动起来”。 一、先搭个舞...

气象数据的可视化一直是科研和行业应用中的重要环节。GitHub上有一个名为 WeatherLayers GL 的项目，它基于WebGL可视化引擎deck.gl，专为天气数据...

BFC：前端布局的核心概念 BFC（Block Formatting Context，块级格式化上下文）作为 CSS 布局中的重要概念，影响着元素的排列与显示效果。无论是解...

从零构建现代化Todo应用，使用Next.js 15、TypeScript、tRPC、Drizzle ORM等技术栈，实现增删改查和实时更新功能的全栈开发实践。...

编译器深度解析：从理论到实践 引言 编译器是计算机科学中的核心概念，它将人类可读的源代码转换为机器可执行的代码。理解编译器的工作原理不仅有助于更好地理解编程语言，还能提升编...

苹果在 WWDC25 发布了全新的液态玻璃（Liquid Glass）设计风格。 根据苹果官方介绍： 效果分析 正如苹果介绍，Liquid Glass 是一种半透明材质，采...

1. 什么是飞线图？ 飞线图（Flow Map）是一种数据可视化方式，用于展示从一个点到另一个点的流动关系和强度。在三维空间中，飞线图可以更直观地展示地理数据、网络流量或粒...

BFC（Block Formatting Context，块级格式化上下文）是 CSS 中一个重要的渲染概念，它是页面中一个独立的渲染区域，内部元素的布局不会影响外部元素，...

Next.js 全栈开发最佳实践指南：将带你深入Next.js、tRPC、Auth.js、Tailwind和Drizzle ORM等技术栈，创建极致的全栈开发模板。...

Prisma是Node.js和TypeScript的下一代ORM。经过两年多的开发，我们很高兴分享所有Prisma工具已准备好投入生产！ 对象关系映射的新范例 Prisma...

苹果在最新的设计系统中引入了令人惊艳的 Liquid Glass 效果，这种视觉魔法让界面元素仿佛具有了真实玻璃的质感。最近在研究这个效果，发现核心原理其实就是让背景文字产...

下面是一些组件和Hooks工具，用来分析React组件的性能 React.Profiler React.Profiler 是 React 中的一个组件，用于测量 React...

🌈虚拟列表不是“黑科技”，而是前端性能的魔法棒！一屏万行，丝滑如飞，原理揭秘+实战代码，助你轻松玩转海量数据渲染，快来体验前端的速度与激情吧！...

在一些数字孪生场景特效中，常常有光环的设计。本文理解了 shadertoy 上三个2d 光环视觉的实现...

关于时间切片，本文将从以下三方面介绍： 什么是时间切片？ 时间切片的作用是什么？ 如何实现时间切片？ 什么是时间切片？ 其实就是一个时间段，比如 5ms。 时间切片的作用是...

本篇文章将使用 Three.js 的 ShaderMaterial 创建一个带有动态变化效果的自定义 Shader。这个 Shader 主要实现了一个动态变形的圆形，同时结...

从最基础的单棵草模型开始，逐步构建出一个拥有20000棵草的高性能拟真草地场景。整个过程包括Three.js中几何体、材质、着色器的基本使用，并通过合并几何减少绘制调用、使...