Web 技术概述
#前端
Web 技术是用于创建和维护 Web 应用、网站和 Web 服务的一组技术和标准
目录
1. 前端技术
前端技术主要用于构建用户界面和用户体验，涉及到网页的结构、样式和交互功能。
- HTML (HyperText Markup Language)：
- 用于定义网页的结构和内容。
- HTML 标签用于标记文本、图像、链接等元素。
- CSS (Cascading Style Sheets)：
- 用于控制网页的外观和布局。
- 通过样式规则定义元素的颜色、字体、排版等。
- JavaScript：
- 一种脚本语言，用于实现网页的动态功能和交互效果。
- 可以操作 HTML 和 CSS，实现动画、表单验证、动态内容加载等功能。
- 前端框架和库：
- React：由 Facebook 开发的 JavaScript 库，用于构建用户界面。
- Angular：由 Google 开发的前端框架，用于构建复杂的单页应用。
- Vue.js：一个渐进式 JavaScript 框架，易于集成和使用。
- AJAX (Asynchronous JavaScript and XML)：
- 用于在不重新加载整个页面的情况下与服务器进行异步数据交换。
- 常用于动态内容更新和后台数据加载。
- Fetch
- 等等。。。
后面章节都会展开
2. 后端技术
后端技术主要用于处理业务逻辑、数据存储和服务器端的操作。
- 服务器端编程语言：
- Node.js：基于 JavaScript 的服务器端运行环境，适用于构建高性能网络应用。
- Python：常用于 Web 开发的语言，框架如 Django 和 Flask。
- FastAPI
- Ruby：用于 Web 开发的语言，框架如 Ruby on Rails。
- PHP：广泛应用于 Web 开发的语言，特别是内容管理系统（如 WordPress）。
- Java
- Golang
- 等
- 数据库：
- 关系型数据库：如 MySQL、PostgreSQL，使用 SQL 进行数据查询和操作。
- NoSQL 数据库：如 MongoDB、Cassandra，适用于处理大规模和==非结构化数据==。
- Web 框架：
- 提供结构化的开发环境和工具，简化 Web 应用的开发过程。
- 常见的框架如 Express (Node.js)、Django (Python)、Rails (Ruby)。
- API (Application Programming Interface)：
- 用于客户端和服务器之间的数据交换。
- 常见的 API 形式有
- RESTful API
- GraphQL。
- APIJSON
- RPC
- Thrift
- gRpc
- 等等
3. 协议和标准
- HTTP/HTTPS (HyperText Transfer Protocol / Secure)：
- 用于在浏览器和服务器之间传输数据
- HTTPS 是 HTTP 的安全版本，使用 SSL/TLS 加密数据传输
- WebSocket：
- 一种全双工通信协议，允许客户端和服务器之间的实时数据交换。
- 常用于实时聊天、在线游戏等应用。
- REST (Representational State Transfer)：
- 一种架构风格，用于设计网络应用的 API。
- 基于 HTTP 协议，使用标准的 HTTP 方法（如 GET、POST、PUT、DELETE）。
- GraphQL：
- 由 Facebook 开发的一种查询语言，用于 API 数据查询。
- 允许客户端指定所需的数据结构，减少冗余数据传输。
- RPC
- SSE
4. 开发工具套件和环境
- 版本控制系统：
- Git：用于跟踪代码变更和协作开发的版本控制系统。
- GitHub/GitLab：基于 Git 的代码托管平台，提供协作和项目管理工具。
- 集成开发环境（IDE）和代码编辑器：
- WebStorm：
- 专为 Web 开发设计的 IDE，提供强大的代码编辑和调试功能。
- Visual Studio Code：
- 流行的代码编辑器，支持多种编程语言和扩展。
- WebStorm：
- 构建工具和包管理器：
- Webpack：
- 用于打包 JavaScript 模块和资源的构建工具。
- npm/yarn/pnpm：
- JavaScript 包管理器，用于管理项目依赖。
- Webpack：