前端与后端编程语言全览表
编程语言分类概览
| 类型 | 主要语言 | 特点 | 使用领域 |
|---|---|---|---|
| 前端 | HTML/CSS | 网页结构与样式 | 所有Web页面 |
| JavaScript/TypeScript | 交互与动态效果 | Web应用、移动应用 | |
| Dart | Flutter框架语言 | 跨平台移动/桌面应用 | |
| SwiftUI/JSX | 声明式UI框架 | 苹果生态/React应用 | |
| 后端 | Java | 企业级、稳定 | 大型系统、银行、电商 |
| Python | 简洁、AI/数据分析强 | Web、AI、自动化、科学计算 | |
| JavaScript/Node.js | 全栈统一语言 | Web服务、实时应用 | |
| Go | 高并发、高性能 | 微服务、云计算、区块链 | |
| C# | Windows生态、游戏开发 | 企业应用、Unity游戏 | |
| PHP | 传统Web开发 | 内容管理、WordPress | |
| Ruby | 开发效率高 | 初创公司、原型开发 | |
| Rust | 安全、系统级 | 操作系统、浏览器引擎 | |
| Kotlin | Android官方、简洁 | Android应用、后端服务 | |
| 全栈 | JavaScript | 前后端统一 | 全栈Web开发 |
| Python | 前后端皆可 | 全栈+数据科学 | |
| 移动端 | Swift | iOS原生 | 苹果生态系统 |
| Kotlin/Java | Android原生 | Android生态系统 | |
| Dart | Flutter跨平台 | iOS+Android+Web | |
| React Native | JavaScript跨平台 | 跨平台移动应用 | |
| 数据科学/AI | Python | 库丰富(TensorFlow,PyTorch) | AI/ML、数据分析 |
| R | 统计分析强 | 学术研究、数据可视化 | |
| Julia | 高性能科学计算 | 数值计算、金融建模 | |
| 系统/游戏 | C/C++ | 高性能、底层控制 | 操作系统、游戏引擎 |
| C# | Unity引擎 | 游戏开发、VR/AR |
前端文件类型 (Frontend)
| 文件类型 | 扩展名 | 用途 | 典型位置/内容 |
|---|---|---|---|
| HTML文件 | .html, .htm |
网页结构 | index.html, 包含<html><head><body> |
| CSS文件 | .css, .scss, .sass, .less |
样式设计 | style.css, 包含选择器和样式规则 |
| JavaScript | .js, .mjs, .cjs |
交互逻辑 | app.js, 包含函数和事件监听 |
| TypeScript | .ts, .tsx |
类型化JS | app.ts, 有类型注解的JavaScript |
| JSX/TSX | .jsx, .tsx |
React组件 | App.jsx, 混合HTML和JS |
| Vue组件 | .vue |
Vue组件 | Component.vue, 三部分<template><script><style> |
| 配置文件 | .json, .js |
项目配置 | package.json, tsconfig.json, vite.config.js |
| 静态资源 | .png, .jpg, .svg, .ico |
图片/图标 | logo.png, favicon.ico |
| 字体文件 | .woff, .woff2, .ttf |
自定义字体 | fonts/目录下 |
| Markdown文档 | .md, .mdx |
文档说明 | README.md, 使用Markdown语法 |
后端文件类型 (Backend)
| 文件类型 | 扩展名 | 用途 | 典型位置/内容 |
|---|---|---|---|
| 服务器代码 | .js, .py, .java, .go, .php |
业务逻辑 | server.js, app.py, Main.java |
| 路由文件 | 同服务器语言 | API端点定义 | routes.js, urls.py, Router.java |
| 控制器 | 同服务器语言 | 处理请求 | UserController.js, views.py |
| 模型文件 | 同服务器语言 | 数据模型 | User.js, models.py, User.java |
| 中间件 | 同服务器语言 | 请求预处理 | authMiddleware.js, middleware.py |
| 配置文件 | .env, .yml, .yaml, .toml |
环境配置 | .env, config.yml, docker-compose.yml |
| 数据库迁移 | .sql, .js, .py |
数据库结构 | migrations/目录下 |
| 测试文件 | .test.js, .spec.js, _test.py |
单元测试 | User.test.js, test_user.py |
常用包管理工具
| 语言 | 包管理器 | 包仓库 | 命令示例 |
|---|---|---|---|
| JavaScript/Node.js | npm, yarn, pnpm | npmjs.com | npm install lodash |
| Python | pip, poetry, conda | PyPI | pip install requests |
| Java | Maven, Gradle | Maven Central | mvn install |
| PHP | Composer | Packagist | composer require guzzlehttp/guzzle |
| Ruby | RubyGems, Bundler | RubyGems.org | gem install rails |
| Go | go mod | proxy.golang.org | go get github.com/gin-gonic/gin |
| Rust | Cargo | crates.io | cargo add serde |
空空如也！