【博学谷学习记录】超强总结，用心分享|前端开发学习日记-10

本周前端开发学习内容总结如下：

• 版本控制软件优势：了解版本控制软件在团队协作、代码回滚、历史记录追踪等方面的核心作用。
• 版本控制系统分类：

  本地版本控制系统：仅在本地存储版本历史，协作性差。

  集中式版本控制系统（如SVN）：依赖中央服务器，需联网操作。

  分布式版本控制系统（Git）：每个节点保存完整仓库，支持离线操作，协作效率高。

• Git核心概念：

  三个区域：工作区、暂存区、本地仓库。

  三种状态：已修改（modified）、已暂存（staged）、已提交（committed）。

  基本流程：修改文件→暂存变更→提交到本地仓库→推送到远程仓库。

• Git操作实践：

  安装配置Git，使用git init初始化仓库，git status查看状态。

  通过git add、git commit、git push完成代码提交与推送。

• GitHub平台应用：

  新建远程仓库，使用git remote add关联本地仓库。

  通过git push上传文件，掌握分支（Branch）概念及其在开发中的隔离作用。

• 环境搭建：下载安装Node.js，验证环境通过node -v和npm -v命令。
• 模块系统：

  内置模块：

  fs模块：文件操作（fs.readFile读取、fs.writeFile写入），__dirname动态拼接路径。

  path模块：路径处理（path.join拼接路径、path.basename获取文件名、path.extname提取扩展名）。

  http模块：创建Web服务器，根据URL返回不同HTML内容（如时钟案例）。

  自定义模块：通过module.exports导出成员，实现代码复用。

  第三方模块（包）：

  使用npm install安装包（全局包如nodemon，项目包如express）。

  开发自定义包并发布至npm仓库。

• 核心功能：基于http模块封装，简化Web服务器创建流程。
• 关键操作：

  使用express()初始化应用，监听GET/POST请求并返回响应。

  创建路由模块（如app.get('/api', ...)），注册中间件（如app.use(express.json())）。

  中间件封装：自定义中间件处理请求日志、权限校验等逻辑。

• 跨域解决方案：

  后端配置CORS中间件（如cors()），允许前端跨域请求。

  手动设置响应头（Access-Control-Allow-Origin: *）。

• 数据库操作：

  安装MySQL，通过SQL语句创建数据库（CREATE DATABASE）、表（CREATE TABLE）。

  执行增删改查（INSERT/DELETE/UPDATE/SELECT）。

• Node.js连接MySQL：

  通过npm install mysql安装驱动包。

  引入mysql模块，创建连接池（createPool），使用query方法执行SQL语句。

  示例代码：const mysql = require('mysql');const pool = mysql.createPool({ host: 'localhost', user: 'root', password: '123456', database: 'test' });pool.query('SELECT * FROM users', (err, results) => { console.log(results); });

• 时钟应用：结合http模块与fs模块，动态生成当前时间并返回HTML页面。
• 接口开发：使用Express创建RESTful API，连接MySQL实现数据增删改查功能。
• 跨域测试：前端通过Ajax请求后端接口，验证CORS中间件配置效果。

总结：本周系统掌握了Git协作流程、Node.js模块化开发、Express框架应用及MySQL数据库集成，通过实践案例巩固了前后端交互与数据持久化能力，为后续全栈开发奠定基础。