{"id":15043434,"url":"https://github.com/2662419405/alldemo","last_synced_at":"2025-04-06T02:11:50.386Z","repository":{"id":38036011,"uuid":"230585662","full_name":"2662419405/AllDemo","owner":"2662419405","description":":peach: 2020全栈学习Demo大合集 包含最新 hooks TS 等 还有umi+dva,数据可视化等实战项目 (持续更新中)","archived":false,"fork":false,"pushed_at":"2023-01-05T04:55:40.000Z","size":19498,"stargazers_count":379,"open_issues_count":125,"forks_count":85,"subscribers_count":8,"default_branch":"master","last_synced_at":"2025-04-06T02:11:41.778Z","etag":null,"topics":["antd","antdesign","cude-ui","dva","dvajs","hooks","mobx","mobx-react","react","react-","react-redux","react-router","typescript","umi","umijs","vue","vue-cli-3","vuerouter","vuex"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/2662419405.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2019-12-28T09:05:17.000Z","updated_at":"2025-03-28T05:36:32.000Z","dependencies_parsed_at":"2023-02-03T10:46:08.084Z","dependency_job_id":null,"html_url":"https://github.com/2662419405/AllDemo","commit_stats":null,"previous_names":[],"tags_count":1,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/2662419405%2FAllDemo","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/2662419405%2FAllDemo/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/2662419405%2FAllDemo/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/2662419405%2FAllDemo/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/2662419405","download_url":"https://codeload.github.com/2662419405/AllDemo/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247423515,"owners_count":20936626,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["antd","antdesign","cude-ui","dva","dvajs","hooks","mobx","mobx-react","react","react-","react-redux","react-router","typescript","umi","umijs","vue","vue-cli-3","vuerouter","vuex"],"created_at":"2024-09-24T20:49:02.499Z","updated_at":"2025-04-06T02:11:50.366Z","avatar_url":"https://github.com/2662419405.png","language":"JavaScript","readme":"\u003cdiv align=\"center\"\u003e\n\n# 全栈学习 Demo 大合集\n\n\u003c/div\u003e\n\n\u003e 说明: :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,微信公众号,自动化测试,前端性能优化,数据结构算法),包含小的 html,css,js 的设计模式等方向,**数据可视化(最新增加),多端uniapp测试**\n\n- 选择哪个 Demo,都需要进入对应的目录下面安装 `yarn` or `npm i`\n\n## 基础篇\n\n1. 文字文本溢出解决方案 -\u003e [文本溢出](/base/wen/index.html)\n2. 图片预加载 -\u003e [预加载](/base/yu/index.html) vue 版本图片[预加载](/base/yu/index.vue)\n3. 手写一个 new -\u003e [new](/base/new/index.html)\n4. 手写一个深拷贝 -\u003e [深拷贝](/base/shen/index.html)\n5. 模拟订阅发布模式(观察者) -\u003e [订阅发布](/base/ding/index.html)\n6. 玩转 Flex 布局 -\u003e [Flex](/base/flex/index.html)\n7. 函数柯里化 -\u003e [柯里化](/base/ke/index.js)\n8. 实现 mergePromise 函数，把传进去的数组顺序先后执行 [mergePromise](/base/mergePromise/index.js)\n9. 图片上传操作七牛云 [图片上传](/base/file/README.md)\n10. localStorage 的过期时间处理 [localStorage 过期](/base/localStorge/index.js)\n11. 性能优化记录篇 -\u003e [性能优化](/base/Performance)\n\n## 数据可视化学习\n\n1. canvas 验证码 [验证码](/data/canvas)\n2. svg 矢量图绘制 [svg](/data/svg/index.html)\n3. zender [zender](/data/zender/index.html)\n4. canvas 进行 img 图片压缩 [图片压缩](/data/canvasCompressImg/index.html)\n5. G2 绘图 [G2](/data/G2/g2.html)\n6. G6 绘图 [G6](/data/G6/g6.html)\n7. I7 地图编写 [I7](/data/I7/I7.html)\n8. echarts **全部 echarts 案例** [echarts](/data/echarts/index.html)\n\n## 实战篇\n\n\u003e 由于版权方面和服务器资源问题，和美团相关的部署网站和源码都不可访问了~\n\n| 名称                     |                        源码                        |                                                                  线上网址 |                       技术栈 |\n| ------------------------ | :------------------------------------------------: | ------------------------------------------------------------------------: | ---------------------------: |\n| 美团 PC 端               |   [源码](https://github.com/2662419405/meituan)    |                                           [线上](http://mt.shtodream.cn/) | 原生 React+antd+Koa+mongoose |\n| 美团移动端(推荐)         |  [源码](https://github.com/2662419405/meituanAn)   |                                        [线上](http://react.shtodream.cn/) |    umi+dva+antd+Koa+mongoose |\n| 美团后台                 | [源码](https://github.com/2662419405/meituanBack)  |                                     [线上](http://vue.shtodream.cn/login) | vue+nuxt+elment+Koa+mongoose |\n| 饿了么多端开发           | [源码](https://github.com/2662419405/meituan-taro) |                                         [线上](http://taro.shtodream.cn/) |                 taro+taro-ui |\n| 饿了么微信小程序         |  [源码](https://github.com/2662419405/meituanWx)   |                                                                      暂无 |               原生微信小程序 |\n| 后台管理系统 (力荐)      | [源码](https://github.com/2662419405/react_admin)  |                                         [线上](http://hooks.shtodream.cn) |           TS + Hooks + Redux |\n| React 封装自己组件       |   [源码](https://github.com/2662419405/sh-react)   | [线上](http://2pz8cm.coding-pages.com/?path=/story/welcome-page--welcome) |                   TS + Hooks |\n| Vue 社区论坛网站(开发中) |   [源码](https://github.com/2662419405/vue-feng)   |                                         [线上](http://feng.shtodream.cn/) |                   vue+ts+lazyload |\n| :fire: Vue React H5数据可视化,数据报表(开发中) |   [源码](https://github.com/2662419405/echarts-template)   |                                         正在开发 |                   react+vue+echarts+v-echarts |\n\n## TodoMVC 系列\n\n- ⚡ Mobx.React.TodoMVC (Mobx) [MVC](/mobx-todo-mvc)\n- 🔥 React.TodoMVC ( TS + Hooks ) [MVC](/react-mvc)\n- 🐠 Vue.TodoMVC ( 普通版 ) [MVC](vue-mvc)\n- ✂️ Vue.TodoMVC ( TS ) [MVC](vue-ts-mvc)\n\n## 框架篇\n\n**vue 阶段**\n\n1. vue 购物车 -\u003e [进入购物车](/shop)\n2. element 练习 -\u003e [框架练习](/login-element)\n3. vuex 和 vueRouter -\u003e [vuex 和 vue-router 练习](/vuexrouter)\n4. vue 源码解析 -\u003e [迷你 Vue](/迷你vue)\n5. vue 项目入门 -\u003e [实战练习 vue](/vue-mart)\n6. vue 完整项目 -\u003e [完整项目](/vue-mart2)\n7. github 学习 koa -\u003e [koa](/koaGithub)\n8. vueSSR 渲染 -\u003e [nuxt](/nuxt)\n9. vue 原生 ssr -\u003e [ssr](/ssr)\n10. vue ts -\u003e [vue-ts](/vue-ts)\n11. vue 单元测试 -\u003e [vue-demo](/ts-demo)\n\n**React 阶段**\n\n1. react 入门 \u0026 react 购物车 -\u003e [react-first](/react-first) [react-sheng](/react-sheng)\n2. react 生命周期 (react 16 之前,16版本之后) [react-sheng](/react-sheng)\n3. **react 新特性** 高级 context,HOC 高阶函数,具名插槽 [react-hide](/react-hide)\n4. react 组件化 \u0026 antd 库的使用 \u0026 react-redux \u0026 react-thunk \u0026 react-router \u0026 redux-saga [react-antd](/react-antd)\n5. generator -\u003e [genertor](/genertor)\n6. antd-pro \u0026 骨架屏 \u0026 umi 项目实战 -\u003e [react 项目](/react项目)\n7. 手写 React 核心 Api \u0026 探究 setState \u0026 探究 diff 算法 -\u003e [react 原理](/react原理)\n8. react + ts + hooks + antd 实例 -\u003e [react-hooks-ts](/react-hooks-ts)\n9. react-hooks 全部常用的 hooks [react-hooks](/react-hooks)\n10. 手写 redux,和常用中间件机制 [redux-middleware](/redux-middleware)\n\n**node 阶段**\n\n1. node 基础课程 -\u003e [node 基础](/node基础)\n2. node 持久化 mysql -\u003e [node-mysql](/node-mysql)\n3. node 持久化 mongodb -\u003e [mongodb](/node-mongo)\n4. koa 实战 -\u003e [koa 实战](/koa实战)\n5. koa 鉴权 -\u003e [koa 鉴权](/koa鉴权)\n\n**前端综合**\n\n1. 前端安全 -\u003e [前端安全](/前端安全)\n2. 自动化测试 -\u003e [ce](/ce)\n3. 性能优化 -\u003e [xing](/xing)\n4. TypeScript -\u003e [ts](ts)\n5. webpack 学习 -\u003e [webpackStudy](/webpackStudy)\n6. webpack 搭建 React 开发环境 [webpack-react](/webpack-react)\n\n**微信**\n\n1. 微信-\u003e [weixin](/weixin)\n2. 微信 oauth -\u003e [weixin2](/weixin2)\n3. 微信小程序初步学习 -\u003e [xiaochengxu](/xiaochengxu)\n4. 微信云开发练习 -\u003e [yun](/yun)\n5. uniapp多端开发WX小程序 -\u003e [uni-wx](/uniwx) \n\n**微信公众号开发**\n\n1. 公众号测试 -\u003e [wx-gong](wx-gong)\n\n## License\n\n[MIT](/LICENSE) \n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2F2662419405%2Falldemo","html_url":"https://awesome.ecosyste.ms/projects/github.com%2F2662419405%2Falldemo","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2F2662419405%2Falldemo/lists"}