目录
当前位置: 首页 > 文档资料 > DvaJS 中文文档 >

01-概要

优质
小牛编辑
133浏览
2023-12-01

前言

需要了解的是 dva 是对 redux 的一层浅封装,所以虽然我们不要求一定要了解 redux 才能学会使用 dva,但是如果你对 redux 有所了解,再使用 dva 一定驾轻就熟,并且会了解很多潜在的知识点。redux的社区较为成熟,文档也比较健全,可以访问 http://redux.js.org中文文档)查看更多内容,其中会介绍整个生态系统的相关框架与设计思路,值得一看。

开始

快速上手 中我们已经对 dva 有了一定的认识,接下来我们会一起完成一个较为完善的例子,在完成这个例子的过程中,我们逐步完成以下内容:

  1. 划分结构
  2. 设计 Model
  3. 组件设计
  4. 添加样式
  5. 添加 Reducers
  6. 添加 Effects
  7. 定义 Service
  8. Mock 数据
  9. 添加样式
  10. 设计布局

第一步,我们会划分一下整体的项目结构,熟悉每一部分是什么概念;接下来我们会说如何抽离 model,以及 model 设计的一些思路;然后我们会根据项目的情况说明如何合理的设计你的组件,以及组件中样式的处理;在设计好了组件之后,就会进入数据相关的内容,包含了同步和异步的情况,以及异步请求的处理方式,在最后我们还会介绍在dva中mock数据的的方式以及布局的设计。

下面就是我们要做的简单用户管理项目的样子:

user-dashboard

例子的源码可以在 user-dashboard 上访问到,你也可以对照来看,不过本章的代码每一步都是可以运行的,我们建议动手跟着教程一起来。

下一步,进入划分结构

最后更新:

类似资料

  • 介绍 iSlider是一个表现出众,无任何插件依赖的手机平台javascript滑动组件。它能够处理任何元素,例如图片或者DOM元素。 特性 优秀的性能,更少的内存占用; 提供丰富的动画切换效果,自带的效果包括 default, rotate, depth, flow, flip, card, fade 等,并且可以进行无限的扩展; 提供丰富的回调触发器,并且添加回调函数极为方便,无论在初始化还是

  • 输入和输出 下图是Graph::Easy的概要图,输入是绿色,直接输出是橘黄色,白色是组成节点。黄色的节点是使用第三方模块支持的格式输出。 有很多种方式创建Graph::Easy内部支持的数据结构: 使用交互式编辑器(没有实现) 使用Graph::Easy能理解的文本格式(graphviz, VCG, GDL, Graph::Easy)然后使用命令行工具graph-easy来解析并产生输出(这个工

  • Webpack也做类似热部署和代码优化,我们没有覆盖。有关更多信息,您可以查看。源代码也可以在Github上获得。

  • 百度搜索用户体验中心 《Web设计指南》是专门为广大Web内容生态提供一套简单实用的设计指南,目的是提升设计与开发的效率及质量,为广大用户提供优质的用户体验。 Web内容数以千亿涵盖生活各个方面,除了稳定流畅的浏览,优质的内容及服务,也需要高质量的交互及视觉体验。 基于百度新使命以及百度搜索开放的生态特征,我们提供适合第三方的设计指南与直观的案例参照。 设计指南会根据Web生态的发展不断更新优化,

  • 智齿科技是业内首家以人工智能整合云呼叫中心、机器人客服、人工在线客服、工单系统的统一客服平台厂商,提供客户服务一站式解决方案。 不管你的客户来自于桌面网站,移动网站,微博,微信,App,智齿客服都会统一进行响应和管理 智齿客服融合了在线客服+机器人客服+呼叫中心+工单系统+AI大数据分析平台+开发平台六大产品模块,客户互通,数据互通,一款系统解决所有客服问题 在线及电话接待的客户,通过“获客-吸引

  • 英文原文:http://emberjs.com/guides/concepts/core-concepts/ 要开始学习Ember.js,首先要了解一些核心概念。 Ember.js的设计目标是能帮助广大开发者构建能与本地应用相颦美的大型Web应用。要实现这个目标需要新的工具和新的概念。我们花了很大的功夫从Cocoa、Smalltalk等本地应用框架引入了其优秀的理念。 然而,记住Web的特殊性非常