README.md

bytedance-youth-training-camp

字节前端青训营-实训班练习

Day01

1.learn-api nodejs

常用API

2.vue-auto-router-cli

开发一个cli，能够根据模板生成vue项目，包括生成路由定义和菜单

3.persistence

启动mongodb数据库，进行增删查改操作

4.restful

通过模型自动映射Restful服务，数据库使用mongodb

5.auth

鉴权。模拟服务器生成sessionID发送给客户端的过程

Day02

1.learn-koa-setup

实现用模板自动新建koa项目，通过GUI获取用户输入生成个性化配置

2.learn-webpack

01：了解webpack基本配置，使用webapack进行打包

02：style-loader，css-loader

03：html-webpack-plugin

04：懒加载

05：实现一个读取md文件的webpack loader

06：实现一个生成.html .md文件的webpack plugin

3.learn-rollup

01：了解rollup基本配置

02：指定多个打包出口，配置插件，使rollup可以解析json文件

03：配置插件，使rollup可以解析node依赖的库

04：将不希望打包进去的依赖用external标记为外部库

05：实现一个可以读取.md文件的rollup loader

4.learn-vite

01：在html中直接引入ems

02： 在vite中使用rollup插件

mini-vite：实现vite打包原理

5.learn-test

01：jest测试函数输出结果

02：cypress进行e2e测试

03：配置husky，在git commit时检查代码

04：配置eslint

Day03

drag-demo：JavaScript实现组件拖拽

react-app：仿Ant Design官网UI

umi-app：熟悉umi框架，自定义主题颜色

vue-app：实现low code组件拖拽功能

Day04

Day05