这里会是一个知识的宝库,里面会有教程、文档、框架、方案、理论,大家慢慢去品味。
框架—React
1、dva 首先是一个基于 redux 和 redux-saga 的数据流方案,然后为了简化开发体验,dva 还额外内置了 react-router 和 fetch,所以也可以理解为一个轻量级的应用框架。
About
特性
- 易学易用,仅有 6 个 api,对 redux 用户尤其友好,配合 umi 使用后更是降低为 0 API
- elm 概念,通过 reducers, effects 和 subscriptions 组织 model
- 插件机制,比如 dva-loading 可以自动处理 loading 状态,不用一遍遍地写 showLoading 和 hideLoading
- 支持 HMR,基于 babel-plugin-dva-hmr 实现 components、routes 和 models 的 HMR
他是怎么来的?
2、AntD Admin 一套优秀的中后台前端解决方案
About
特性
- 国际化,源码中抽离翻译字段,按需加载语言包
- 动态权限,不同权限对应不同菜单
- 优雅美观,Ant Design 设计体系
- Mock 数据,本地数据调试
3、12 步 30 分钟,完成用户管理的 CURD 应用 (react+dva+antd)
About
git链接 链接
实现日志 链接
Roadhog 是一个包含 dev、build 和 test 的命令行工具,他基于 react-dev-utils,和 create-react-app 的体验保持一致。你可以想象他为可配置版的 create-react-app。链接
框架—Vue
1、Ant Design of Vue
About
Ant Design 的 Vue 实现,开发和服务于企业级后台产品。
链接
特性
- 提炼自企业级中后台产品的交互语言和视觉风格。
- 开箱即用的高质量 Vue 组件。
- 共享Ant Design of React设计工具体系。
2、Vue-baidu-map
About
Vue 2.x的百度地图组件\
特性
3、 Vue-element-admin
About
一个神奇的vue后台管理系统
特性
4、 Vue-element-admin
About
用Vue和LESS简单、快速建立许多漂亮的简历,并创建你最好的简历
特性
5、 Element
About
一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库
特性
实战实验
1、基于React 编写的基于Taro + Dva构建的适配不同端(微信/百度/支付宝小程序、H5、React-Native 等)的时装衣橱
技术栈
React + Taro + Dva + Sass + ES6/ES7
特性
工具
1、docsify
About
文档地址
一个神奇的文档网站生成工具
docsify 是一个动态生成文档网站的工具。不同于 GitBook、Hexo 的地方是它不会生成将 .md 转成 .html 文件,所有转换工作都是在运行时进行。
特性
- 无需构建,写完文档直接发布
- 容易使用并且轻量 (~19kB gzipped)
- 智能的全文搜索
- 提供多套主题
- 丰富的 API
- 支持 Emoji
- 兼容 IE10+
- 支持 SSR (example)