2662419405/AllDemo：:peach: 2020全栈学习Demo大合集包含最新 h

2662419405

项目介绍

2662419405/AllDemo 是一个托管在 GitHub 上的开源项目，主要使用 JavaScript 编写，采用 MIT License 许可证，目前获得 376 个 Star、80 次 Fork。

仓库全名: 2662419405/AllDemo

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,微信公众号,自动化测试,前端性能优化,数据结构算法),包含小的 html,css,js 的设计模式等方向,数据可视化(最新增加),多端uniapp测试选择哪个 Demo,都需要进入对应的目录下面安装 yarn or npm i 基础篇 1. 文字文本溢出解决方案 -> 文本溢出 2. 图片预加载 -> 预加载…

完整内容见 GitHub 原始 README 或本页。

常见问题

AllDemo 用什么语言开发？

主要使用 JavaScript 编写，采用 MIT License 许可证，目前有 376 个 Star。

AllDemo 可以免费商用吗？

如何获取 AllDemo 的源码？

可以直接克隆仓库：git clone https://github.com/2662419405/AllDemo.git，默认分支为 master；安装与运行步骤见仓库 README。

AllDemo 最近还在维护吗？

仓库最近一次更新为 2023年1月5日，当前没有未关闭的 Issue；Star 数为 376，可作为社区活跃度的参考。

关于

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

MIT License
376 Stars
80 Forks
7 Watching

简要分析

热度分

543

价值分

250

活跃状态

活跃

GitHub

语言占比

CSS

Dockerfile

EJS

HTML

Handlebars

JavaScript

Less

SCSS

Shell

Stylus

TypeScript

Vue

Release

测试版本2020年1月3日

贡献者

2662419405

dependabot[bot]

全栈学习 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,微信公众号,自动化测试,前端性能优化,数据结构算法),包含小的 html,css,js 的设计模式等方向,数据可视化(最新增加),多端uniapp测试

选择哪个 Demo,都需要进入对应的目录下面安装 yarn or npm i

基础篇

文字文本溢出解决方案 -> 文本溢出
图片预加载 -> 预加载 vue 版本图片预加载
手写一个 new -> new
手写一个深拷贝 -> 深拷贝
模拟订阅发布模式(观察者) -> 订阅发布
玩转 Flex 布局 -> Flex
函数柯里化 -> 柯里化
实现 mergePromise 函数，把传进去的数组顺序先后执行 mergePromise
图片上传操作七牛云图片上传
localStorage 的过期时间处理 localStorage 过期
性能优化记录篇 -> 性能优化

数据可视化学习

canvas 验证码验证码
svg 矢量图绘制 svg
zender zender
canvas 进行 img 图片压缩图片压缩
G2 绘图 G2
G6 绘图 G6
I7 地图编写 I7
echarts 全部 echarts 案例 echarts

实战篇

由于版权方面和服务器资源问题，和美团相关的部署网站和源码都不可访问了~

名称	源码	线上网址	技术栈
美团 PC 端	源码	线上	原生 React+antd+Koa+mongoose
美团移动端(推荐)	源码	线上	umi+dva+antd+Koa+mongoose
美团后台	源码	线上	vue+nuxt+elment+Koa+mongoose
饿了么多端开发	源码	线上	taro+taro-ui
饿了么微信小程序	源码	暂无	原生微信小程序
后台管理系统 (力荐)	源码	线上	TS + Hooks + Redux
React 封装自己组件	源码	线上	TS + Hooks
Vue 社区论坛网站(开发中)	源码	线上	vue+ts+lazyload
:fire: Vue React H5数据可视化,数据报表(开发中)	源码	正在开发	react+vue+echarts+v-echarts

TodoMVC 系列

⚡ Mobx.React.TodoMVC (Mobx) MVC
🔥 React.TodoMVC ( TS + Hooks ) MVC
🐠 Vue.TodoMVC ( 普通版 ) MVC
✂️ Vue.TodoMVC ( TS ) MVC

框架篇

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 之前,16版本之后) 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
react-hooks 全部常用的 hooks react-hooks
手写 redux,和常用中间件机制 redux-middleware

node 阶段

node 基础课程 -> node 基础
node 持久化 mysql -> node-mysql
node 持久化 mongodb -> mongodb
koa 实战 -> koa 实战
koa 鉴权 -> koa 鉴权

前端综合

前端安全 -> 前端安全
自动化测试 -> ce
性能优化 -> xing
TypeScript -> ts
webpack 学习 -> webpackStudy
webpack 搭建 React 开发环境 webpack-react

微信

微信-> weixin
微信 oauth -> weixin2
微信小程序初步学习 -> xiaochengxu
微信云开发练习 -> yun
uniapp多端开发WX小程序 -> uni-wx

微信公众号开发

公众号测试 -> wx-gong

License

MIT

暂无评论

AllDemo