技术栈

现代化的前端技术生态系统,覆盖从基础到工程化的完整链条

⚛️

React

Framework Hover to flip

React

用于构建用户界面的 JavaScript 库,由 Facebook 开发维护。

  • 组件化开发模式
  • 虚拟 DOM 高效更新
  • Hooks 状态管理
  • 庞大的生态系统
🟢

Vue.js

Framework Hover to flip

Vue.js

渐进式 JavaScript 框架,易学易用,性能出色。

  • 响应式数据绑定
  • 组合式 API
  • 单文件组件
  • 优秀的性能表现
📘

TypeScript

Language Hover to flip

TypeScript

JavaScript 的超集,添加了类型系统,提升代码质量。

  • 静态类型检查
  • 强大的 IDE 支持
  • 接口与泛型
  • 编译时错误捕获
🎨

CSS3

Style Hover to flip

CSS3

层叠样式表最新标准,实现丰富的视觉表现。

  • Flexbox / Grid 布局
  • 动画与过渡效果
  • 自定义属性
  • 媒体查询响应式
🔺

WebGL

3D Graphics Hover to flip

WebGL

在浏览器中渲染 2D/3D 图形的 JavaScript API。

  • GPU 加速渲染
  • 着色器编程
  • Three.js 集成
  • 沉浸式体验

Vite

Build Tool Hover to flip

Vite

下一代前端构建工具,极速冷启动。

  • 原生 ESM 支持
  • 毫秒级启动
  • 热更新 (HMR)
  • 优化的生产构建
🌊

Tailwind

Style Hover to flip

Tailwind CSS

实用优先的 CSS 框架,快速构建现代界面。

  • 原子化类名
  • 高度可定制
  • JIT 编译模式
  • 响应式前缀
🟩

Node.js

Runtime Hover to flip

Node.js

基于 Chrome V8 引擎的 JavaScript 运行时。

  • 事件驱动架构
  • 非阻塞 I/O
  • NPM 生态系统
  • 全栈 JavaScript