![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
React进步系列
文章平均质量分 57
七宝文
这个作者很懒,什么都没留下…
展开
-
【React进步系列】初步接触交互性界面-React DnD
在现代Web应用程序中,用户界面的互动性变得越来越重要。用户希望能够以直观的方式拖放元素,重新排列列表项,或者在应用程序中进行其他交互操作。React DnD是一个强大的工具,旨在帮助React开发人员轻松实现这些交互功能。原创 2023-09-22 18:57:34 · 117 阅读 · 0 评论 -
【React进步系列】 前端图片全屏放大缩小功能推荐 react-photo-view
公司业务需要对图片点击全屏显示,并且支持图片左右切换,滚轮放大缩小.还要有放大缩小按钮.让做个和飞书文档里差不多的图片预览功能.其实之前我自己写了一个全屏的蒙层去全屏显示图片.宽高都给图片拉大了.但是当图片很高时,依旧看不清,而且也无法满足新的业务需求.于是我看了下飞书的功能,手写一个也可以,但是时间紧任务重啊.于是我去github上找了找开源的库,找了半天终于发现一个轻量,好用,又满足我需求的开源库。原创 2024-04-10 18:39:33 · 588 阅读 · 1 评论 -
【React进步系列】万能通信之发布订阅
发布-订阅模式是一种软件设计模式,其中发布者和订阅者之间存在一种松散的耦合关系。发布者负责发布(或广播)事件或消息,而订阅者则负责订阅并接收这些事件或消息。这样,发布者和订阅者之间不直接进行通信,而是通过一个称为事件总线(Event Bus)或消息队列(Message Queue)的中介来进行通信发布-订阅模式为React应用程序中的组件通信提供了一种灵活且解耦的机制。通过事件或消息队列,组件可以在不直接耦合的情况下进行通信。这种模式在处理复杂的应用程序结构或多个组件之间的交互时非常有用。原创 2023-07-10 15:37:05 · 645 阅读 · 1 评论