文章 2024-09-26 来自:开发者社区

封装react-antd-table组件参数以及方法如rowSelection、pageNum、pageSize、分页方法等等

一般情况下,我们在页面组件里面都会使用state创建对应的分页参数和分页方法然后传入对应的组件内部,再或者选择行、全选等等,这都会在每一个组件中徒增大量的代码行数,所以简单整理了一下这个只是针对于处理逻辑的组件:useTableCom import { map, uniqBy } from 'lodash-es'...

文章 2024-01-05 来自:开发者社区

20行代码,封装一个 React 图片懒加载组件

图片懒加载是我们在做性能优化时非常重要的手段。我们常常需要图片在进入页面可视区域时,才让加载图片的行为发生。1.如何判断图片进入视口我们可以使用传统的方式,监听页面的 scroll 事件,然后调用目标函数的 getBoundingClientRect 方法,得到目标元素在网页中的位置信息。但是我并不喜欢监听 scroll 事件。因为他会大量的执行,并且 getBoundingClientRect....

文章 2023-07-19 来自:开发者社区

封装React组件DragLine,鼠标拖拽的边框改变元素宽度

原文合集地址如下,有需要的朋友可以关注 本文地址 合集地址 在项目中,设计说想做个面板,其宽度随鼠标拖拽而变化,有最大最小值。基于这个小功能封装一个可拖拽组件,在需要的地方引入即可。 思路 这里只是实现x方向的拖拽,y轴拖拽思路差不多。既然是鼠标操作,那肯定得监听鼠标事件,当鼠标按下&...

文章 2022-06-13 来自:开发者社区

《精通react/vue组件设计》之用纯css打造类materialUI的按钮点击动画并封装成react组件

前言作为一个前端框架的重度使用者,在技术选型上也会非常注意其生态和完整性.笔者先后开发过基于vue,react,angular等框架的项目,碧如vue生态的elementUI, ant-design-vue, iView等成熟的UI框架, react生态的ant-design, materialUI等,这些第三方UI框架极大的降低了我们开发一个项目的成本和复杂度,使开发者更专注于实现业务逻辑和服....

《精通react/vue组件设计》之用纯css打造类materialUI的按钮点击动画并封装成react组件

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。