# AllDemo **Repository Path**: itstusy/AllDemo ## Basic Information - **Project Name**: AllDemo - **Description**: No description available - **Primary Language**: Unknown - **License**: MIT - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2020-05-22 - **Last Updated**: 2020-12-19 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README
# 全栈学习Demo大合集
> 说明: :100: 本项目包含常用的技术点和技术栈,时间为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,都需要进入对应的目录下面安装 `yarn` or `npm i` ## 基础篇 1. 文字文本溢出解决方案 -> [文本溢出](/base/wen/index.html) 2. 图片预加载 -> [预加载](/base/yu/index.html) vue版本图片[预加载](/base/yu/index.vue) 3. 手写一个new -> [new](/base/new/index.html) 4. 手写一个深拷贝 -> [深拷贝](/base/shen/index.html) 5. 模拟订阅发布模式(观察者) -> [订阅发布](/base/ding/index.html) 6. 玩转Flex布局 -> [Flex](/base/flex/index.html) 7. 函数柯里化 -> [柯里化](/base/ke/index.js) 8. 实现 mergePromise 函数，把传进去的数组顺序先后执行 [mergePromise](/base/mergePromise/index.js) ## 实战篇 | 名称 | 源码 | 线上网址 | 技术栈 | | ------------------- | :------------------------------------------------: | ------------------------------------------------------------------------: | ---------------------------: | | 美团PC端 | [源码](https://github.com/2662419405/meituan) | [线上](http://mt.shtodream.cn/) | 原生React+antd+Koa+mongoose | | 美团移动端(推荐) | [源码](https://github.com/2662419405/meituanAn) | [线上](http://react.shtodream.cn/) | umi+dva+antd+Koa+mongoose | | 美团后台 | [源码](https://github.com/2662419405/meituanBack) | [线上](http://vue.shtodream.cn/login) | vue+nuxt+elment+Koa+mongoose | | 饿了么多端开发 | [源码](https://github.com/2662419405/meituan-taro) | [线上](http://taro.shtodream.cn/) | taro+taro-ui | | 饿了么微信小程序 | [源码](https://github.com/2662419405/meituanWx) | 暂无 | 原生微信小程序 | | 后台管理系统 (力荐) | [源码](https://github.com/2662419405/react_admin) | [线上](http://hooks.shtodream.cn) | TS + Hooks + Redux | | React封装自己组件 | [源码](https://github.com/2662419405/sh-react) | [线上](http://2pz8cm.coding-pages.com/?path=/story/welcome-page--welcome) | TS + Hooks | ## TodoMVC系列 * 🔥 React.TodoMVC ( TS + Hooks ) [MVC](/react-mvc) * 🐠 Vue.TodoMVC ( 普通版 ) [MVC](vue-mvc) * ✂️ Vue.TodoMVC ( TS ) [MVC](vue-ts-mvc) ## 框架篇 **vue阶段** 1. vue购物车 -> [进入购物车](/shop) 2. element练习 -> [框架练习](/login-element) 3. vuex和vueRouter -> [vuex和vue-router练习](/vuexrouter) 4. vue源码解析 -> [迷你Vue](/迷你vue) 5. vue项目入门 -> [实战练习vue](/vue-mart) 6. vue完整项目 -> [完整项目](/vue-mart2) 7. github学习koa -> [koa](/koaGithub) 8. vueSSR渲染 -> [nuxt](/nuxt) 9. vue原生ssr -> [ssr](/ssr) 10. vue ts测试 -> [vue-ts](/vue-ts) 11. vue 单元测试 -> [vue-demo](/ts-demo) **React阶段** 12. react 入门 & react购物车 -> [react-first](/react-first) [react-sheng](/react-sheng) 13. react 生命周期 (react 16 之前,react 16.3 和react 16.4 版本) [react-sheng](/react-sheng) 14. react高级 context,HOC高阶函数,具名插槽 [react-hide](/react-hide) 15. react组件化 & antd库的使用 & react-redux & react-thunk & react-router & redux-saga [react-antd](/react-antd) 16. generator -> [genertor](/genertor) 17. antd-pro & 骨架屏 & umi项目实战 -> [react项目](/react项目) 18. 手写React核心Api & 探究setState & 探究diff算法 -> [react原理](/react原理) 19. react + ts + hooks + antd 实例 -> [react-hooks-ts](/react-hooks-ts) 20. react-hooks 全部常用的hooks [react-hooks](/react-hooks) **node阶段** 20. node基础课程 -> [node基础](/node基础) 21. node持久化mysql -> [node-mysql](/node-mysql) 22. node持久化mongodb -> [mongodb](/node-mongo) 23. koa实战 -> [koa实战](/koa实战) 24. koa鉴权 -> [koa鉴权](/koa鉴权) **前端综合** 25. 前端安全 -> [前端安全](/前端安全) 26. 自动化测试 -> [ce](/ce) 27. 性能优化 -> [xing](/xing) 28. TypeScript -> [ts](ts) 29. webpack学习 -> [webpackStudy](/webpackStudy) 30. webpack搭建React开发环境 [webpack-react](/webpack-react) **微信** 31. 微信-> [weixin](/weixin) 32. 微信oauth -> [weixin2](/weixin2) 33. 微信小程序初步学习 -> [xiaochengxu](/xiaochengxu) 34. 微信云开发练习 -> [yun](/yun) ## License [MIT](/LICENSE)