1 前端

  • 用户界面和体验：前端开发关注于用户可以直接看到和与之互动的界面部分。这包括页面的布局、设计、动画以及交互逻辑。
  • 技术栈：常用的技术包括HTML、CSS和JavaScript，以及框架和库，如React、Vue或Angular。
  • 客户端处理：前端代码运行在用户的浏览器上，负责呈现信息和收集用户输入。
  • 性能优化：前端开发需要关注页面加载速度和响应性，确保良好的用户体验。
  • 跨浏览器/设备兼容性：确保网站或应用在不同的浏览器和设备上能够正确显示和运行。

2 后端

  • 服务器、应用和数据库交互：后端开发涉及服务器的工作，处理应用的逻辑，以及与数据库的交互，存储用户数据等。
  • 技术栈：包括服务器端语言如PHP、Python（Django、Flask）、Ruby（Ruby on Rails）、Java（Spring）和Node.js，以及数据库技术如MySQL、PostgreSQL和MongoDB。
  • 性能和安全：后端开发需要关注应用的性能（如响应时间）和安全性（如数据保护和防止攻击）。
  • API开发：后端通常负责创建API，这些API允许前端通过HTTP请求与后端进行数据交换。

3 交互

  • 前后端分离：在现代Web开发实践中，前端和后端常常是分离的，它们通过API进行通信。这样的架构提高了开发的灵活性，允许前后端独立开发和部署。

简而言之，前端是用户交互的界面，关注于如何呈现信息和提供良好的用户体验。后端是服务器端的处理和数据存储，关注于应用的逻辑处理、性能和安全。两者协同工作，共同构成了完整的Web应用或网站。

4 我的理解与实践

本质上还是通过HTTP协议进行请求获取数据

前后端文件目录：/assets/HTTP/20240319/

4.1 编写前后端文件

Alt text

4.2 运行后端服务

Alt text

4.3 打开前端页面

Alt text

4.4 查看前后端通信

Alt text