dvajs
发表于|更新于
|浏览量:
我喜欢我的懦弱，痛苦和难堪也喜欢。喜欢夏天的光照，风的气息，蝉的鸣叫，喜欢这些，喜欢得不得了。——《寻羊冒险记》
dva 首先是一个基于 redux 和 redux-saga 的数据流方案，然后为了简化开发体验，dva 还额外内置了 react-router 和 fetch，所以也可以理解为一个轻量级的应用框架。
官网文档：https://dvajs.com/
简单快速入门后，有一个课堂实战
这个实战就是用dvajs
写一个列表，包含删除按钮，点删除按钮后延迟 1 秒执行删除。
当然，我也完成了这个简单的Demo：
https://gitee.com/VampireAchao/simple-dva.git
并顺手练习了一下并行、竞争等概念
还是很有意思的
相关推荐
2023-01-14
google、YouTube、Medium进度条
当一个男人偷走了你的妻子时，最好的报复是让他去赡养她——吉特里 这是一个目前25K stars的项目 github：https://github.com/rstacruz/nprogress 演示网址：http://ricostacruz.com/nprogress 进度条是浏览器上方的这个
2022-11-08
flexboxdefense
理解绝对是养育一切友情之果的土壤——威尔逊 分享一个还不错的网站： http://www.flexboxdefense.com/ 其可以通过塔防游戏的方式，来让玩家学习flex布局 一共12关，每一关都精心设计
2022-10-31
display:block小技巧
成功之道，在于你为获得成功所做出的积极努力，而不在于预先就衡量这种成功的价值——哈里特 分享一个小技巧 display:block 可以将style标签可见 例如： 12345678910111213<body> <style contenteditable style="display: block;white-space: pre"> * { transition: all 0.2s } html { background: #ff00ff; font-size: 16px } </style></body> 因为我们这里给了contenteditable 所以可以直接在页面上编辑 试试吧 * { transition: all 0.2s } html { ...
2022-05-30
docsify
冗长的黑暗中，你是我唯一的光。——《白夜行》 分享一个文档构建工具docsify 官方网址：https://docsify.js.org/#/zh-cn/ 基本上现在很多开源项目都是基于其构建 主要是样式简洁、编写、部署方便，基于markdown文件生成目录、文章 非常适合程序员 快速开始：https://docsify.js.org/#/zh-cn/quickstart
2025-06-16
mermaid-live-editor
教学的艺术不在于传授本领，而在于关于激励、唤醒、鼓舞。——第斯多惠 https://github.com/mermaidjs/mermaid-live-editor Mermaid Live Editor：在线绘制和分享流程图、时序图的神器在日常开发、产品设计和文档编写中，流程图、时序图、甘特图等可视化图形是表达系统逻辑、业务流程和协作方案的利器。Mermaid 作为一款流行的文本化图形描述工具，在开发者和技术团队中拥有极高的口碑。而 @mermaidjs/mermaid-live-editor 正是将 Mermaid 的强大能力带到了浏览器，让你即开即用、即写即画。 什么是 Mermaid Live Editor？Mermaid Live Editor 是一个基于浏览器的在线编辑器，专门用于编写和实时渲染 Mermaid 语法的各种图表。你只需要用简单的 Markdown 风格文本描述图表结构，编辑器即可自动渲染为可视化图形，并且支持导出、分享、预览等便捷操作。 主要特性1. 实时预览与高亮 左侧输入 Mermaid 语法，右侧实时渲染对应图形。 支持语法高亮...
2023-06-18
CamanJS
过分宽大的法律，不易使人服从；太严厉的法律，则绝少被遵守。——富兰克林 分享一个前端基于canvas的图片js库 http://camanjs.com/ https://github.com/meltingice/CamanJS 安装 1npm install caman 用法： 1234567Caman('#my-image', function () { this.brightness(10); this.contrast(30); this.sepia(60); this.saturation(-30); this.render(); }); html 12345<img data-caman="brightness(10) contrast(30) sepia(60) saturation(-30)" data-caman-hidpi="/path/to/image@2x.jpg" src="path/to/image.jpg&q...