说明: 💯 本项目包含常用的技术点和技术栈,时间为2020年度最新的技术栈,大范围的包含(Vue,Vuex,SSR,vue源码解析,vue实战,vue单元测试,ts,React入门,react全家桶,react组件,react源码解析,redux,react-router,node基础,node网络编程,node持久化mysql,node持久化mongodb,node部署,pm2,koa实战,微信小程序,网络安全,RN,Flutter,webpack,微信公众号,自动化测试,前端性能优化,数据结构算法)
- 选择哪个Demo,都需要进入对应的目录下面安装
yarnornpm i
- 文字文本溢出解决方案 -> 文本溢出
- 图片预加载 -> 预加载 vue版本图片预加载
- 手写一个new -> new
- 文件上传Demo -> 文件
- 手写一个深拷贝 -> 深拷贝
- 模拟订阅发布模式(观察者) -> 订阅发布
- 玩转Flex布局 -> Flex
- 验证码大合集 -> code
| 名称 | 源码 | 线上网址 | 技术栈 |
|---|---|---|---|
| 美团PC端 | 源码 | 线上 | 原生React+antd+Koa+mongoose |
| 美团移动端(推荐) | 源码 | 线上 | umi+dva+antd+Koa+mongoose |
| 美团后台 | 源码 | 线上 | vue+nuxt+elment+Koa+mongoose |
| 饿了么多端开发 | 源码 | 线上 | taro+taro-ui |
vue阶段
- vue购物车 -> 进入购物车
- element练习 -> 框架练习
- vuex和vueRouter -> vuex和vue-router练习
- vue源码解析 -> 迷你Vue
- vue项目入门 -> 实战练习vue
- vue完整项目 -> 完整项目
- github学习koa -> koa
- vueSSR渲染 -> nuxt
- vue原生ssr -> ssr
- vue ts测试 -> vue-ts
- vue 单元测试 -> vue-demo
React阶段
- react 入门 & react购物车 -> react-first react-sheng
- react 生命周期 (react 16 之前,react 16.3 和react 16.4 版本) react-sheng
- react高级 context,HOC高阶函数,具名插槽 react-hide
- react组件化 & antd库的使用 & react-redux & react-thunk & react-router & redux-saga react-antd
- generator -> genertor
- antd-pro & 骨架屏 & umi项目实战 -> react项目
- 手写React核心Api & 探究setState & 探究diff算法 -> react原理
- react + ts + hooks + antd 实例 -> react-hooks-ts
node阶段
- node基础课程 -> node基础
- node持久化mysql -> node-mysql
- node持久化mongodb -> mongodb
- koa实战 -> koa实战
- koa鉴权 -> koa鉴权
前端综合
微信
- 微信-> weixin
- 微信oauth -> weixin2
- webpack学习 -> webpackStudy
- 微信小程序初步学习 -> xiaochengxu
- 微信云开发练习 -> yun