dvajs

发表于2022-03-07|更新于2026-02-24

|浏览量:

我喜欢我的懦弱，痛苦和难堪也喜欢。喜欢夏天的光照，风的气息，蝉的鸣叫，喜欢这些，喜欢得不得了。——《寻羊冒险记》

dva 首先是一个基于 redux 和 redux-saga 的数据流方案，然后为了简化开发体验，dva 还额外内置了 react-router 和 fetch，所以也可以理解为一个轻量级的应用框架。

官网文档：https://dvajs.com/

简单快速入门后，有一个课堂实战

这个实战就是用dvajs

写一个列表，包含删除按钮，点删除按钮后延迟 1 秒执行删除。

当然，我也完成了这个简单的Demo：

https://gitee.com/VampireAchao/simple-dva.git

并顺手练习了一下并行、竞争等概念

还是很有意思的

相关推荐

Chrome DevTools 快速定位请求调用栈并调试前端问题

观古今于须臾,抚四海于一瞬。一一陆机《文赋》教你用 Chrome DevTools 快速定位请求调用栈并调试前端问题在前端开发和接口联调中，我们经常遇到这样的场景：某个 HTTP 请求发出后，返回异常，或者你想知道是谁在哪一步发起了这个请求？搞清楚「请求的调用来源」，是定位和解决问题的第一步。今天就来详细聊聊，如何用 Chrome DevTools 追踪请求的 JS 调用栈，并配合断点调试，精准掌控前端网络请求的“源头”。一、为什么要看请求的调用栈？定位发起请求的代码片段：前端框架、工具库封装很多，找不到是谁发的请求很常见。分析异常/冗余请求：有时页面多发、重复发请求，光看 Network 面板无法溯源。 Debug 异步流程：配合断点跳转，可以还原异步流转过程，查明数据流动和时序问题。二、如何用 Chrome DevTools 查看请求的 JS 调用栈？1. 打开 Network 面板，找到目标请求按 F12 或右键→检查，打开 Chrome DevTools。切换到【Network】标签页，刷新页面或触发操作，找到你关注的请求（可用 fil...

input+type=file同时支持文件和文件夹

1没有知识的旅游者是一只没有翅膀的鸟。——萨阿迪使用的dropzone库，你可以将任意类型的文件拖拽进去上传，如果是目录，则会获取目录内的文件 https://github.com/dropzone/dropzone 代码如下： 1234567891011121314151617181920<link rel="stylesheet" href="https://unpkg.com/dropzone@5/dist/min/dropzone.min.css" type="text/css"/><script src="https://unpkg.com/dropzone@5/dist/min/dropzone.min.js"></script><div class="my-dropzone dz-clickable" style=" display: block; width: 100px; heigh...

vuepress-theme-vdoing-doc

劝说常比强迫更为有效。——伊索分享vuepress-theme-vdoing的文档站：vuepress-theme-vdoing-doc 官网：https://doc.xugaoyi.com/ GitHub：https://github.com/xugaoyi/vuepress-theme-vdoing-doc 运行： 1234git clone https://github.com/xugaoyi/vuepress-theme-vdoing-doc.gitcd vuepress-theme-vdoing-docnpm install # or yarn installnpm run dev # or yarn dev

echarts中国主要城市空气质量

行之苟有恒，久久自芬芳。——崔瑗中国主要城市空气质量：代码出处：https://echarts.apache.org/examples/zh/editor.html?c=effectScatter-bmap 这是我在echarts官方网站示例上找到的然后是代码：注意下方要换成百度地图的AK 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151...

TinyVue组件库

君子不隐其短，不知则问，不能则学。——董仲舒文档： TinyVue：一套跨端、跨框架的企业级 UI 组件库，支持 Vue 2 和 Vue 3，支持 PC 端和移动端代码： https://github.com/opentiny/tiny-vue 在项目的根目录中，打开控制台，执行以下命令，为 Vue 3.0 的项目安装 TinyVue 组件库： 123yarn add @opentiny/vue@3# 或者npm install @opentiny/vue@3 或者执行以下命令，为 Vue 2.0 的项目安装 TinyVue 组件库： 123yarn add @opentiny/vue@2# 或者npm install @opentiny/vue@2 如果是Vite 工程，安装完依赖后，修改项目的 vite.config.js ，添加以下代码突出显示的部分： 1234567891011// vite.config.jsimport { defineConfig } from 'vite'import vue from &#x...

没有希望的地方，就没有奋斗。——约翰生 https://github.com/AR-js-org/AR.js AR.js 是用于 Web 上的增强现实的轻量级库，其中包括图像跟踪、基于位置的 AR 和标记跟踪等功能 AR.js Documentation

阿超

我的名字叫阿超年龄25岁家在北京市职业是软件开发每天最晚也会在八点前回家不抽烟酒浅尝辄止晚上十二点上床保证睡足八个小时睡前写一篇博客再做二十分钟俯卧撑暖身然后再睡觉基本能熟睡到天亮像婴儿一样不留下任何疲劳和压力就这样迎来第二天的早晨健康检查结果也显示我很正常我想说明我是一个不论何时都追求内心平稳的人不拘泥于胜负不纠结于烦恼不树立使我夜不能寐的敌人这就是我在这社会的生活态度

数据加载中