JavaScript 作为现代 Web 开发的核心语言,其生态系统由众多工具、框架和规范组成。以下为关键内容概览:
🧩 核心概念
- 运行环境:浏览器(ES6+支持)与 Node.js(服务器端执行)
- 模块系统:CommonJS(Node.js) vs ES Modules(现代浏览器)
- 包管理:npm(Node.js官方包管理器)与 yarn/pnpm(替代方案)
- 构建工具:Webpack(模块打包) vs Grunt/Gulp(任务自动化)
- 框架生态:React(前端) / Node.js(后端) / Express(轻量级框架)
📦 常用工具链
工具 | 用途 | 本站链接 |
---|---|---|
Webpack | 模块打包与代码优化 | /Tutorial_JavaScript_Basics |
Babel | ES6+代码转译 | /Tutorial_JavaScript_Transpiler |
TypeScript | 静态类型检查 | /Tutorial_JavaScript_Typescript |
🌐 生态全景图
- 前端:Vue.js、Angular、Svelte 等框架
- 后端:Express、Koa、 NestJS 等
- 数据库:MongoDB(配合 Mongoose)、Sequelize(ORM)
- 测试工具:Jest、Mocha、Supertest
📚 推荐学习路径
- 先掌握 JavaScript基础语法
- 学习模块化开发(ES6+模块语法)
- 探索构建工具配置(Webpack入门)
- 实践框架开发(React + Node.js全栈项目)