# 奶龙前端

**Repository Path**: code1man/milk-dragon-front-end

## Basic Information

- **Project Name**: 奶龙前端
- **Description**: 软件架构大作业前端
- **Primary Language**: JavaScript
- **License**: AFL-3.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-04-07
- **Last Updated**: 2025-04-25

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

#### ** 项目初始化和Webpack的安装&demo **
1. git初始化和gitignore
2. nodejs&npm
3. webpack的安装 5.x
4. 官网的demo
    - 设置不压缩和不单独生成注释文件
    - 自动清空dist目录

#### ** webpack对JavaScript的处理**
1. 多页应用
2. jQuery的使用
    - 模块化的方法
    - 传统HTML直接引用
    - 传统直接引用+模块化
3. 公共模块的提取
    - 公共模块提取成独立的文件

#### ** webpack对html，css的处理**
1. CSS的处理
    - css-loader (stylr-loader) MiniCssExtractPlugin 单独打包
2. 图片的加载
    - url-loader 和 file-loader参数和 name参数控制图片格式和名称
3. HTML的加载
    - HTMLWebpackPlugin

#### ** fetch封装后会自带localStorage里的token放在请求头，无需手动引用
1. 需要引用util工具类

#### ** 公共部分的处理
1. common无需引用，每个网页会自动引用（写在入口chunks里面了，css通过js引用也被一并引用了）
2. util工具类，两个以上引用会自动打包，手动关联

#### 图片的加载**
1. 分为两种情况：
    - html-loader加载的网页中的图片，只需路径正确即可
    - htmlwebpackplugin加载的网页中的图片，需要require

#### ** 判断登录状态**
1. 用户登录功能


1.直接的事件绑定是在模块作用域