dvajs中@connect在hook下使用
美而无德, 有如没有香味的花,徒有其表。——笛福 在Dva.js中,@connect 是 connect 的语法糖,它允许我们更方便地将模型(models)与组件进行映射。在类组件中使用 @connect 是非常直观的,但在函数式组件(hook)中,由于函数组件的渲染逻辑是由函数本身直接定义的,而不是通过继承 React.Component,因此我们不能直接使用 @connect 装饰器。 不过,我们可以通过使用 connect 函数的 Hook 版本来实现类似的功能。在函数式组件中,我们可以使用 useSelector 和 useDispatch 这两个 hooks 来分别获取 state 和 dispatch action。这样,我们就可以在函数式组件中实现与 @connect 相似的效果。 下面是一个如何在函数式组件中使用 connect 的示例: 12345678910111213141516171819202122232425262728293031323334import React from 'react';import { con...
修改gpg默认签名key
一盏一直亮着的灯,你不会去注意,但是如果它一亮一灭,你就会注意到。——刘墉 测试方式如下: 1234567891011121314Github-Id-VampireAchao:Downloads achao$ echo "Test" > test.txtGithub-Id-VampireAchao:Downloads achao$ gpg --sign test.txtgpg: 使用 “AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAE” 作为默认签名用私钥Github-Id-VampireAchao:Downloads achao$ gpg --verify test.txt.gpggpg: 签名建立于 二 10/ 8 23:49:20 2024 CSTgpg: 使用 RSA 密钥 AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEgpg: 完好的签名,来自于 “achao (for apache StreamPark release create at 20240906)...
深入理解 JavaScript 异步
美丽的姿态胜过美丽的脸孔,美丽的行为胜过美丽的姿态。——爱默生 学习js异步可以看这个 https://github.com/wangfupeng1988/js-async-tutorial 2014年秋季写完了《深入理解javascript原型和闭包系列》,已经帮助过很多人走出了 js 原型、作用域、闭包的困惑,至今仍能经常受到好评的留言。 很早之前我就总结了JS三座大山这个概念(虽然没有到处宣扬),前两座(原型、作用域)已经基本讲明白,而第三座(异步)也应该做一个总结。 于是,2017年初春,我花费大约一周的业余时间来对 JS 异步做一个完整的总结,和各位同学共勉共进步! 目录part1 基础部分 什么是异步 异步和 event-loop 事件绑定算不算异步? part2 jQuery的解决方案 jQuery-1.5 之后的 ajax jQuery deferred jQuery promise part3 ES6-Promise Promise 加入 ES6 标准 Promise 在 ES6 中的具体应用 对标一下 Promise/A+ 规范 Pro...
typescript-exercises
要随时牢记在心中:决心取得成功比任何一件事情都重要。——林肯 分享一个学习typescript练习的开源项目 github: https://github.com/typescript-exercises/typescript-exercises 网站: https://typescript-exercises.github.io/ 这里有不同的练习,目前是16个,例如: 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103/*Welcome to: ................................................................ . ...
vitesse-webext
知古不知今,谓之落沉。知今不知古,谓之盲瞽。——王充 分享一个由 Vite 提供支持的 WebExtension(Chrome、FireFox 等浏览器插件)的入门模板。 Github: https://github.com/antfu-collective/vitesse-webext 特性: ⚡️ Instant HMR - 在 dev 上使用 Vite(不再刷新! 🥝 Vue 3 - 组合式 API、<script 设置> 语法等等! 💬 轻松通信 - 由 webext-bridge 和 Vue使用存储提供支持 🌈 UnoCSS - 即时按需原子 CSS 引擎。 🦾 TypeScript - 类型安全 📦 组件自动导入 🌟 图标 - 直接从任何图标集中访问图标 🖥 内容脚本 - 即使在内容脚本中也可以使用 Vue 🌍 WebExtension - Chrome、Firefox 等的同构扩展 📃 具有完整类型支持的动态manifest.json 使用模板GitHub 模板Create a repo from this template o...
Vertex AI Samples
名誉脆弱娇嫩有如花朵。——司汤达 官方文档: https://cloud.google.com/vertex-ai Github仓库: https://github.com/GoogleCloudPlatform/vertex-ai-samples notebook、代码示例、示例应用和其他资源,演示如何使用 Google Cloud Vertex AI 使用、开发和管理机器学习和生成式 AI 工作流 此代码库包含笔记本、代码示例、示例应用和其他资源,这些资源演示了如何使用 Google Cloud Vertex AI 使用、开发和管理机器学习和生成式 AI 工作流。 Vertex AI 是一个完全托管的统一 AI 开发平台,用于构建和使用生成式 AI。此存储库旨在帮助您开始使用 Vertex AI。无论您是 Vertex AI 的新手还是经验丰富的 ML 从业者,您都可以在这里找到宝贵的资源。 有关更多 Vertex AI 生成式 AI 笔记本示例,请访问 Vertex AI 生成式 AI GitHub 存储库。 浏览此存储库,点击每个笔记本标题部分中的链接 -在 Cola...
Chroma AI
名不徒生,誉不自长。——佚名 github: https://github.com/zhao-stanley/chroma-ai 官方网址: https://chroma.szhao.dev/ 功能为: 写下您当前的心情、您最喜欢的歌曲的歌词,甚至是您脑海中突然冒出的随机想法 - AI 将完成剩下的工作。 需要一个OPENAI_API_KEY,如果本地运行,则放入.env文件 本地运行命令: 12345npm run dev# oryarn dev# orpnpm dev 然后打开 http://localhost:3000 访问应用 此应用程序使用 OpenAI 的 gpt-3.5-turbo 模型和 Vercel Edge 函数进行流式处理。该模型被指示分析所提供文本的情感并识别文本中存在的情感。使用这些情绪,该模型生成一个通常与这些情绪相关的 4 种颜色的列表,以创建渐变。
requestFullscreen
每一次克制自己,就意味着比以前更强大。——高尔基 https://developer.mozilla.org/zh-CN/docs/Web/API/Element/requestFullscreen Element.requestFullscreen() 方法用于发出异步请求使元素进入全屏模式。 比如我们全屏幕整个页面: 1document.documentElement.requestFullscreen(); 又或者我们为其封装一个切换全屏的函数 1234567function toggleFullScreen() { if (!document.fullscreenElement) { document.documentElement.requestFullscreen(); } else if (document.exitFullscreen) { document.exitFullscreen(); }} 甚至仅仅只是全屏某一元素,比如这里全屏一个video 1234567891011...
apache-airflow
每个人都在愤世疾俗,每个人又都在同流合污。——《自由在高处》 Apache Airflow® 是一个开源平台,用于开发、安排和监控面向批处理的工作流。Airflow 的可扩展 Python 框架使您能够构建与几乎任何技术连接的工作流。Web 界面有助于管理工作流程的状态。Airflow 可以通过多种方式进行部署,从笔记本电脑上的单个进程到分布式设置,以支持最大的工作流程。 官方文档: https://airflow.apache.org/ github: https://github.com/apache/airflow/ Airflow 工作流的主要特点是所有工作流都在 Python 代码中定义。“工作流即代码”有以下几个用途: 动态:Airflow 管道配置为 Python 代码,允许生成动态管道。 可扩展:Airflow® 框架包含用于连接众多技术的运算符。所有 Airflow 组件都是可扩展的,以便轻松适应您的环境。 灵活:工作流参数化是利用 Jinja 模板引擎构建的。 请看以下代码片段: 1234567891011121314151617from dat...
Flutter开源应用PicaComic
节约本身就是一大笔收入。——西塞罗 github: https://github.com/wgh136/PicaComic 一个使用 Flutter 构建的具有多个来源的漫画应用程序 如何使用: Clone仓库 1git clone https://github.com/wgh136/PicaComic 安装flutter: Install | Flutter 构建应用: Deployment | Flutter 特性: 浏览漫画 在线阅读 下载漫画 管理本地收藏夹和网络收藏夹 数据同步(使用 webdav) 阅读历史
