工程化
2026年1月12日
重构的艺术：如何优雅地处理遗留代码
面对堆积如山的 jQuery 代码，我们不应感到恐惧。本文将分享我在将一个拥有 5 年历史的大型单体应用迁移至 Vue 3 微前端架构过程中的心路历程。
阅读全文 ->
前端架构师 & 创意开发者
设计 铸造数字 灵魂
在代码的逻辑与设计的感性之间寻找平衡。我是年糕崽崽，不仅仅构建页面，更在构建沉浸式体验。
最新作品
Mono
Dashboard
Dashboard
精选内容
下滑探索更多
设计思维
2025年10月24日
当极简主义遇见复杂数据：Dashboard 设计哲学
120+
开源提交 (Commits)
Vue, React, Three.js
// React Hook: useArt
const useCreative = () => {
return "Innovation";
}
return "Innovation";
}
访问代码实验室
需要独特的前端架构？
不论是 WebGL 3D 交互网站，还是高性能的 SaaS 管理系统，我都能提供专业的解决方案。
深度思考
关于前端技术、交互设计以及数字艺术的深度思考。
图形渲染
2025年12月8日
着色器魔法：从零开始写一个噪声生成器
GLSL 并不是黑魔法。我们将通过 Three.js 的 ShaderMaterial，一步步实现如水流般自然的柏林噪声（Perlin Noise）。
阅读全文 ->
年糕崽崽
前端架构师
精选作品
这里展示了我参与设计和开发的核心项目。
2023 • 金融科技
Nova 交易平台
一个为专业交易员设计的高频交易终端。
React
D3.js
查看项目详情
2022 • 建筑设计
ArchDaily 网站重构
重塑建筑灵感网站的浏览体验。
Vue 3
Nuxt
查看项目详情
关于项目
技术全景
下一个作品
返回作品列表
代码实验室
点击下方卡片查看代码与实时效果。
点击运行 ->
import { useState, useEffect } from 'react'; export const useMousePosition = () => { const [pos, setPos] = useState({ x: 0, y: 0 }); // ... Implementation logic return pos; };
点击运行 ->
/* 完美的毛玻璃效果 */ .glass-panel { background: rgba(255, 255, 255, 0.05); backdrop-filter: blur(20px); box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1); }
点击运行 ->
<!-- 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）在网页中的应用。闲暇之余，我喜欢在杭州的西湖边散步，或者捣腾我的客制化机械键盘。
联系方式
技术栈
Vue 3 / Nuxt
React / Next.js
TypeScript
Three.js
Tailwind CSS
Rust / Wails
经历
2023 - 至今
高级前端专家
TechFlow Inc.
2020 - 2023
资深开发工程师
Creative Digital Agency