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

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

还是很有意思的

相关推荐

vue scroll事件失效

那些听不见音乐的人认为那些跳舞的人疯了。——尼采。这个坑，我遇到的时候，百度要么告诉我加高度，要么告诉我用document或者ref去获取节点可我只想用@scroll事件，于是我在到处加@scroll，在组件上加@scroll.native，在组件里的div上加，在slot中加，然后又给它们挨个加高度，没一个好使，搞的我很头大后面我突然发现，我给加的，好像并不是实际滚动的地方，那我明白了，首先我给引用组件放入slot中的div指定了样式： 1234.allow-scroll { height: 80vh; overflow-y: scroll;} 然后再给它绑定事件@scroll，此处如果该div下的元素高度超出了80vh，则会触发事件。。。这坑踩的，就离谱

只要我们能善用时间，就永远不愁时间不够用。——德国诗人歌德 Page Agent JavaScript in-page GUI agent. Control web interfaces with natural language. 他是谁：住在网页里的 GUI AgentPage Agent 有点像那种“已经在你页面里租好房子”的小助手——不是浏览器扩展那种住隔壁的，也不是 python 脚本那种在远方给你打电话的，更不是 headless browser 那种披着隐身斗篷在后台乱窜的。他是那种会直接站在你的网页里，理一理领带，拍拍胸口说： The GUI Agent Living in Your Webpage. Control web interfaces with natural language. 你对他说一句人话，他就替你把网页界面“按按钮、填表单、点链接、做流程”这类事儿办得明明白白。他甚至还准备了几个入口，像是在门口举牌指路： 👉 🚀 Demo👉 📖 Documentation👉 📢 Join HN Discussion...

死亡，就是你加上这个世界，再减去你。——卡尔维诺分享一个好玩的开源项目，演示地址： https://lab.hakim.se/fokus/ 代码仓库：https://github.com/hakimel/Fokus 演示效果：当我们在页面上框选时，会在页面上加个蒙版，高亮框选区域使用方式，首先下载fokus.min.js 官方链接备用链接然后引用 1<script src="/js/fokus.min.js"></script> 最后编写代码(随便写点) 1234567891011121314151617181920212223242526272829303132333435363738394041<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" cont...

jq根据屏幕高度设置元素高度

没有哪一个聪明人会否定痛苦与忧愁的锻炼价值——赫胥黎很简单一行代码： 1$('#ruben').css('height', $(window).height()); 这里$(window).height()获取了屏幕高度然后用css函数去设置style

判断浏览器窗口滚动到最底部

任何人都应该有自尊心自信心独立性，不然就是奴才。但自尊不是轻人，自信不是自满，独立不是弧立。——徐特立首先是昨天我们说的vue中绑定@scroll事件，别忘了加对应的高度，以及检查overflow-y： 123<div @scroll="onScroll" class="allow-scroll"> 我是很高很长很长（超过外部div高度）的内容...</div> 然后是滚动事件处理： 12345678onScroll(e) { // Y轴滚动距离偏移高度总高度 let { scrollTop, clientHeight, scrollHeight } = e.target console.log(`scrollTop + clientHeight ${scrollTop + clientHeight} >= scrollHeight-1 ${scrollHeight - 1}`) if (scrollTop + cl...

vue深度监听

放纵自己的欲望是最大的祸害；谈论别人的隐私是最大的罪恶；不知自己的过失是最大的病痛——亚里士多德我们有时使用vue的watch，可能要对一个对象的多个属性进行监听这样我们就可以使用深度监听 123456789101112131415161718192021222324252627282930313233343536<template> <view> </view></template><script>// 11位手机号码正则const REGEXP_TEL = /^((1[3,5,8,7,9,6][0-9])|(14[5,7])|(17[0,6,7,8])|(19[7]))\d{8}$/;export default { data() { return { // 表单数据存储 formData: { username: '', password: '' }...

阿超

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

数据加载中