react
文章平均质量分 94
小猫娃来啦
CSDN前端领域新星创作者、2022博客之星入围、2023博客之星6月城市赛道top2、2023新星计划top2,阿里云开发者社区专家博主、星级博主,拥有丰富的前端开发经验。
在GitHub上,积极参与了多个开源项目,并做出了许多贡献。
一名中医继承人,在这科技快速发展的时代坚持下去,颇为不易。将中国传统文化的精髓与IT行业结合,是我一直坚定不移的目标。在CSDN上希望与诸位共同进步,谱写我辈之美!!
展开
-
前端(十五)——开源一个用react封装的图片预览组件
拖拽,上下左右翻转、旋转,全屏,缩放,缩略图高亮。具体描述如下,缩放级别等数据可以自己改。在哪里改,都有注释,非常清晰。点击缩略图可以在模态框中展示选中的图片,并带有高亮。。可以放大和缩小图片,最大放大到130%,最小缩小到30%。。可以旋转图片,左旋转和右旋转分别是每次旋转90度。。可以上下翻转和水平翻转图片,点击按钮可以进行翻转和恢复默认状态。。可以使用键盘的箭头键进行上一张和下一张图片的切换,同时也支持使用键盘的上下箭头进行放大和缩小。。可以通过拖拽图片进行位置的调整,鼠标按下开始拖拽,松开结束拖拽。原创 2023-08-28 07:45:51 · 1734 阅读 · 3 评论 -
深度选择器——vue或react中修改组件样式的方法
6.权重问题,因为这种选择器的使用,具有穿透性,即使是引入的组件,通过f12找到元素类名,可以通过这样的方式修改其样式,但要注意,这边修改一个样式,其他地方有的样式也可能会变,这就一定要选择。⭐⭐使用 className 和全局 CSS 样式表:在组件模板中使用 className 属性来设置类名,然后在全局 CSS 样式表中定义对应的样式。⭐⭐使用 class 属性和全局 CSS 样式表:在组件模板中使用 class 属性来设置类名,然后在全局 CSS 样式表中定义对应的样式。原创 2023-06-14 07:30:00 · 4802 阅读 · 2 评论 -
前端(七)——React框架的定位与应用场景解析
组件化开发React 推崇以组件为基础的开发方式。组件是一个独立的、可重用的模块,用于构建用户界面的一部分。React组件具有自己的状态(state)和属性(props),并通过render()方法来描述组件应该如何渲染。组件可以嵌套、组合和复用,使得代码更加模块化、可维护和扩展。虚拟DOMReact 使用虚拟DOM进行高效的渲染。虚拟DOM 是一个轻量级的 JavaScript对象树,与真实的DOM对应。原创 2023-07-17 21:29:24 · 3963 阅读 · 38 评论 -
React封装——使用js高阶函数实现多条件搜索功能
你是否曾遇到在网页上无法直接预览图片,还要额外打开新标签页才能查看的困扰?今天我要向大家介绍一个解决这个问题的强大工具——React图片预览组件!该图片预览组件是基于React技术开发的,具有许多令人惊艳的特点。首先,它可以在当前页面中直接预览图片,省去了频繁切换标签页的烦恼。只需点击图片,即可立即展示高质量的大图,让您一目了然!原创 2023-06-26 20:09:21 · 1731 阅读 · 9 评论