Skip to content

jadepam/codes

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

59 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

前端全栈开发指南

一、前端基础 (Base)

1.1 核心三件套

HTML5

  • 基础知识
  • 现代HTML特性
    • 语义化标签
    • Web Components
    • 音视频处理
    • Canvas/SVG
    • WebGL基础

CSS

  • CSS技巧精选
  • 现代CSS
    • Flex/Grid布局
    • CSS变量
    • 响应式设计
    • 动画性能
  • 预处理器
    • Less
    • Sass
  • 后处理器
    • PostCSS
  • CSS工程化
    • CSS Modules
    • CSS-in-JS
    • Tailwind CSS

JavaScript

1.2 运行时环境

浏览器环境

Node.js生态

新一代运行时

  • Deno特性与实践
  • Bun高性能运行时
  • Edge Runtime

二、前端框架 (Framework)

2.1 经典框架

Vue生态

  • Vue3源码解析
  • 状态管理演进
    • Vuex
    • Pinia
  • 周边生态
    • Vue Router
    • Nuxt 3
    • Vite

React生态

小程序开发

2.2 工程化体系

构建工具

规范与流程

自动化体系

三、全栈能力 (FullStack)

3.1 后端基础

3.2 网络通信

3.3 架构设计

四、性能优化 (Performance)

4.1 性能监控

4.2 优化方案

五、前沿技术 (Advanced)

5.1 跨端技术

  • 跨端框架
    • React Native
    • Flutter
    • Electron
  • 小程序生态
  • PWA应用

5.2 智能化方向

  • 低代码平台
    • 可视化搭建
    • DSL设计
    • 物料体系
  • AI 辅助开发
    • GitHub Copilot
    • ChatGPT 应用
    • 智能代码分析

5.3 新兴领域

  • Web3.0技术
    • 区块链基础
    • DApp开发
  • 元宇宙相关
    • WebXR
    • Three.js
  • 实时技术
    • WebRTC
    • WebTransport

六、实战项目 (Projects)

6.1 完整项目

6.2 基础算法

About

前端全栈学习指南

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published