# 开课吧实训项目集

**Repository Path**: wizardAEI/kkb-project-set

## Basic Information

- **Project Name**: 开课吧实训项目集
- **Description**: 实训的实战项目集
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-09-20
- **Last Updated**: 2022-03-15

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 开课吧实训营的项目练习

## http服务
### 基本概述
建立了一个http服务，并静态加载index.html。

特点：网页内的图片在请求时，服务端以流的方式读取图片以及promise风格的readfile

## Cli
### 安装及使用
cd ./day1/test2_cli

npm link

aei init newProject

## 数据库
### mysql 和 mongoDB 
mysql和mongoDB的连接

mongoDB实现了增删改查

restfulAPI的实践


## koa-setup
### 基本概述
建立一个Koad的cli，提供cli GUI

## webpack
### webpack原理及搭建
通过配置文件复习webpack原理，并根据以往学习的webpack知识较为全面的搭建一个webpack


## rollup
### rollup原理及搭建
学习rollup基本原理及配置方法，并搭建一个自动忽略vue并翻译esm，兼容json的rollup

## vite
### 基本概述
学习vite的基本原理和打包过程及优点，尝试配置vite

## 单元测试
### jest
学习通过jest完成单元测试，并创建一个demo

## 组件测试，E2E测试
### cypress
利用cypress完成组件测试和E2E测试，学习的不够全面，观看回放复习后补全相应知识点

## 其他测试类型
### eslint，git hook
复习eslint，git hook，完成相应Demo，并互相配合建全代码格式和规范上的测试


## 中后台及组件库

### antDforVue  antDforReact

run:

npm start (react)  npm run dev (vue)

### 各大中后端UI平台

了解中后端平台和差异

### 桌面拖拽功能逐步开发


### 了解ant-umi，antD pro
了解后台开发模式



## 移动端 

### 移动端适配

- 百分比

- rem

- vw

- media query

### 移动端事件

- touchstart

- touchmove

- touchend

- changedTouches

- targetTouches

- touches

### 移动端基础开发

写出一个基本的首淘移动端页面



## Vue

### 学习vue源码和vue原理

搭建一个mini-vue项目，体会vue的模板渲染和响应式原理

## SFC
### vue-loader 

## JSX
### babel-loader @vue/babel-plugin-vue  

## 组件化
### 通信，扩展

## MVVM
model view viewmodel