前端架构师 & 创意开发者

# 设计 铸造数字 灵魂

在代码的逻辑与设计的感性之间寻找平衡。我是年糕崽崽，不仅仅构建页面，更在构建沉浸式体验。

最新作品
Mono
Dashboard

## 精选内容

下滑探索更多
设计思维 2025年10月24日

### 当极简主义遇见复杂数据：Dashboard 设计哲学

120+
开源提交 (Commits)
Vue, React, Three.js
// React Hook: useArt
const useCreative = () => {
return "Innovation";
}
访问代码实验室

### 需要独特的前端架构？

不论是 WebGL 3D 交互网站，还是高性能的 SaaS 管理系统，我都能提供专业的解决方案。

## 深度思考

关于前端技术、交互设计以及数字艺术的深度思考。

工程化 2026年1月12日

### 重构的艺术：如何优雅地处理遗留代码

面对堆积如山的 jQuery 代码，我们不应感到恐惧。本文将分享我在将一个拥有 5 年历史的大型单体应用迁移至 Vue 3 微前端架构过程中的心路历程。

阅读全文 ->
图形渲染 2025年12月8日

### 着色器魔法：从零开始写一个噪声生成器

GLSL 并不是黑魔法。我们将通过 Three.js 的 ShaderMaterial，一步步实现如水流般自然的柏林噪声（Perlin Noise）。

阅读全文 ->

#

年糕崽崽
前端架构师

## 精选作品

这里展示了我参与设计和开发的核心项目。

2023 • 金融科技

### Nova 交易平台

一个为专业交易员设计的高频交易终端。

React D3.js
查看项目详情
2022 • 建筑设计

### ArchDaily 网站重构

重塑建筑灵感网站的浏览体验。

Vue 3 Nuxt
查看项目详情

#

### 关于项目

### 技术全景

访问线上项目

下一个作品

## 返回作品列表

## 代码实验室

点击下方卡片查看代码与实时效果。

useMousePosition.ts
点击运行 ->

    import { useState, useEffect } from 'react';

    export const useMousePosition = () => {
      const [pos, setPos] = useState({ x: 0, y: 0 });
      // ... Implementation logic
      return pos;
    };

glass.css
点击运行 ->

    /* 完美的毛玻璃效果 */
    .glass-panel {
      background: rgba(255, 255, 255, 0.05);
      backdrop-filter: blur(20px);
      box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    }

noise.svg
点击运行 ->

    <!-- SVG 噪点滤镜 -->
    <filter id="noise">
      <feTurbulence type="fractalNoise" />
      <feColorMatrix values="0" />
    </filter>

## 共创数字未来

用代码构建骨架，用设计触动灵魂。提供全链路的数字化解决方案。

### 前端架构设计

为复杂的大型应用提供可扩展的架构方案。从 Monorepo 搭建到微前端拆分，确保代码库在团队扩张时依然保持整洁高效。

React Vue

### 创意交互开发

利用 WebGL (Three.js) 和 GSAP 打造令人过目难忘的着陆页。将品牌故事转化为沉浸式的数字体验，提升品牌溢价。

WebGL GSAP

### 跨平台应用

使用 UniApp 或 React Native 开发高质量的移动端应用。一次编写，多端运行，在保证原生体验的同时最大化开发效率。

Flutter RN

### 合作流程

01

#### 需求探索

我们从深度沟通开始，不仅是听取需求，更是共同拆解业务痛点。通过用户画像分析和竞品调研，确立产品的核心价值与差异化路径。
02

#### 交互设计

输出高保真原型图，确定视觉风格系统（Design System）。我们将精心打磨每一个微交互动效，确保用户在操作时的流畅感与愉悦感。
03

#### 敏捷开发

采用模块化编码标准，两周为一个迭代周期（Sprint）。您将定期收到可交互的演示版本，随时反馈调整，拒绝黑盒开发。
04

#### 交付上线

进行全方位的性能优化（Lighthouse 95+）与 SEO 配置。协助完成服务器部署，并移交完整的源码与技术文档，确保后续维护无忧。

### 客户原声

"从未见过如此丝滑的 WebGL 体验！转化率直接提升了 150%。"
"代码质量非常高，易于维护。绝对是值得信赖的合作伙伴。"
"年糕崽崽对细节的把控令人惊叹，强烈推荐！"
"沟通非常顺畅，能够快速理解我们的业务需求。"
"从未见过如此丝滑的 WebGL 体验！转化率直接提升了 150%。"
"代码质量非常高，易于维护。绝对是值得信赖的合作伙伴。"
"设计感十足，完全超出了我们的预期。"
"交付非常准时，没有任何隐形费用，很靠谱。"
"从原型到上线的每一个环节都非常专业。"
"这才是真正的全栈开发者，技术与审美的完美结合。"
"设计感十足，完全超出了我们的预期。"
"交付非常准时，没有任何隐形费用，很靠谱。"
"移动端适配做得非常完美，兼容性没有任何问题。"
"虽然是远程合作，但效率比在办公室还高。"
"不仅技术好，还给了我们很多产品上的建议。"
"移动端适配做得非常完美，兼容性没有任何问题。"
"虽然是远程合作，但效率比在办公室还高。"

### 常见问题

这取决于项目的复杂程度。一般来说，单页品牌着陆页需要 1-2 周，而复杂的 SaaS 后台或移动应用可能需要 1-3 个月。在需求探索阶段，我会为您提供详细的时间表。
项目交付后，我提供为期 1 个月的免费技术支持，用于修复潜在 Bug。之后，您可以选择按次付费或签订长期的维护合同，确保系统持续稳定运行。
当然！作为一名数字游民，我已经习惯了高效的远程协作模式。无论您在世界的哪个角落，我们都可以通过 Zoom、Notion 和 Figma 保持紧密的沟通。

## 准备好开始了吗？

无论是一个疯狂的想法，还是一个具体的业务需求，我都乐意倾听。让我们一起创造非凡。

Trusted By

VOGUE WIRED stripe Monocle vercel
个人档案

## 关于我

### 年糕崽崽

中国 · 浙江杭州

嗨！我是年糕崽崽，一名热衷于探索数字边界的前端架构师。

我的职业生涯始于对像素级完美的执念。从早期的 jQuery 插件开发到如今的 WebGL 3D 场景构建，我始终认为：技术是骨架，艺术是灵魂。

目前，我专注于高性能 B 端应用的体验升级，以及探索生成式艺术（Generative Art）在网页中的应用。闲暇之余，我喜欢在杭州的西湖边散步，或者捣腾我的客制化机械键盘。

#### 联系方式

hello@niangao.dev
WeChat: Niangao_Dev
github.com/niangao

### 技术栈

Vue 3 / Nuxt React / Next.js TypeScript Three.js Tailwind CSS Rust / Wails

### 经历

2023 - 至今
高级前端专家
TechFlow Inc.
2020 - 2023
资深开发工程师
Creative Digital Agency
Snippet Title

正在加载预览...

### Let's build
something
unreal.

告诉我你的构想。
我将提供架构与代码，
将想象变为现实。

LAT: 30.2741° N
LONG: 120.1551° E
HANGZHOU, CN

01 // 身份识别

您的称呼
公司 / 组织
联系方式 (Email / WeChat)

02 // 项目细节

预估预算范围
10k - 50k 50k - 200k 200k +
一句话描述需求

SECURED BY DIGITAL FINGERPRINTING