FlyingCardsFlyingCards如果你打开两个网页，你可以来回发送卡片。如果你拿两部手机，打开这个网站，还可以来回发卡。虽然Preview的原理很简单，但是我觉得这个效果很有意思。演示http://flyingcards.fastbreakf...在两个页面（设备）中打开该网站。在输入框中输入相应的数字，点击连接。您也可以单击随机。如果页面被清除，你可以开始滑动。Githubhttps://github.com/landmadena...使用项目由两部分组成：前端react：用于展示卡片的动态效果（FlyingCards/react-cards）后端Django：使用Websockets模拟传输（FlyingCards/mysite)修改react-cards/src/index.js中的卡片修改图片mysite直接修改Channels的教程即可。所以连名字都没有改。可以通过修改mysite/chat/consumers.py来对Websockets进行一些修改。安装首先需要安装一个redisgitclonehttps://github.com/GavBaros/react-tinder-cards.gitcdFlying-Cards/react-cardsnpminstallnpmstart#另开一个终端，或者把npmstart放在后台cdFlying-Cards/mysitemkvirtualenvflyingcardspipinstall-rrequirements.txtpython3manage.pyrunserver#将Flying-Cards/react-cards/src/index.js中domin的150行修改为自己的地址#直接打开http://localhost:3006/#或者部署Acknowledgments感谢react-spring和react-use-gesture本项目主要是基于react-spring和react-use-gesture的卡片demo改造。感谢react-tinder-cards
