![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
react
文章平均质量分 70
CamilleZJ
前端工程师,致力于全栈工程师
展开
-
前端权限-react
react权限控制原创 2023-02-14 11:53:06 · 792 阅读 · 1 评论 -
useMemo模拟useCallback
useMemo模拟useCallback原创 2022-06-24 22:22:10 · 894 阅读 · 0 评论 -
react项目中使用lodash的debounce
react中使用lodash的debounce,使用如下: constructor(props: Props) { super(props); this.state = { value: "", }; this.handleChange = this.handleChange.bind(this); this.debounceInput = _.debounce(this.debounceInput, 500); } handleCha.原创 2021-09-15 17:14:19 · 2769 阅读 · 0 评论 -
React 17变化
今天研究一些东西时,安装了最新版本的react,发现event和以往有点区别。function onClick(event) { const eventType = event.type; // => "click" setTimeout(function() { console.log(event.type); // => null //16.8添加event.persist()可以获取到,react17直接可以获取到 console.lo原创 2021-05-24 18:31:50 · 931 阅读 · 0 评论 -
手写VirtualDOM
目前最流行的两大前端框架,React和Vue,都不约而同的借助Virtual DOM技术提高页面的渲染效率。那么,什么是Virtual DOM?它是通过什么方式去提升页面渲染效率的呢?二、Virtual DOM是什么?本质上来说,Virtual DOM只是一个简单的JS对象,并且最少包含tag、props和children三个属性。不同的框架对这三个属性的命名会有点差别,但表达的意思是一致的。它们分别是标签名(tag)、属性(props)和子元素对象(children)。<div&原创 2021-05-18 16:20:33 · 241 阅读 · 0 评论 -
react 优秀组件库
优秀的react组件库推荐,有其他好用的请来补充1、Ant Design2、Ant Design Mobile3、material-uiReact Material-UI 是一组实现了谷歌 Material Design 设计语言的 React 组件。非常高的 star 数,帅气的 Material 设计规范实现,巨量 issue 和贡献者,明星级的项目。激进地全局使用了 inline 样式,可能会让部分人群不适应。4、react-bootstrapbootstrap3 设计..原创 2021-05-12 18:27:26 · 1794 阅读 · 0 评论 -
SVGA动画-react组件封装
SVGA动画介绍SVGA 是一种跨平台的开源动画格式,同时兼容 iOS / Android / Web。SVGA 除了使用简单,性能卓越,同时让动画开发分工明确,各自专注各自的领域,大大减少动画交互的沟通成本,提升开发效率。动画设计师专注动画设计,通过工具输出 svga 动画文件,提供给开发工程师在集成 svga player 之后直接使用。动画开发从未如此简单!SVGA 除了使用简单,性能卓越,同时让动画开发分工明确,各自专注各自的领域,大大减少动画交互的沟通成本,提升开发效率。动画设计师专注原创 2021-04-29 17:40:54 · 931 阅读 · 1 评论 -
React+typescript 函数组使用 ref
正常获取函数组件DOM,因为函数组件没有实例current,所以要使用React.forwardRef来配合React.createRef解决:import React from 'react'const TargetComponent = React.forwardRef((props, ref) => ( <input type="text" ref={ref} />))export default class Comp extends React.Compone.原创 2020-09-14 11:15:20 · 1938 阅读 · 0 评论 -
React上拉加载和下拉刷新
最近在做一个功能,就是上拉加载下一页,用的是react搭建前端视图,以下是我的做法和遇到的相关问题及解决办法:案例一:回到顶部class Home extends Component { consrcutor(props) { super(props); this.state={ showScroll: false } } component...原创 2019-09-19 17:55:11 · 6262 阅读 · 0 评论