- 博客(9)
- 收藏
- 关注
RSS订阅原创 react高阶组件
react高阶实质上就是一个函数，接收一个组件，返回一个新组件作用就是实现组件的代码复用实现一个能获取到当前组件加载耗时的功能class BoxComp extends PureComponent { componentWillMount() { this.start = Date.now(); } componentDidMount() { console.log((Date.now() - this.start) + 'ms') } render()
2020-09-15 23:28:56
470
1
原创 $.fn.xxx、$.fn.extend.xxx、$.xxx的区别
今天突然想起来一个小的知识点，虽然被提及的不多了，但是想拿来记录一下 - jq封装插件。页面结构：<style> #box{ width:100px; height:100px; background: #eee; display: none; }</style><div id="box"&g...
2019-12-02 12:13:47
450
原创 React的虚拟dom实现原理
虚拟DOM的渲染机制学习React必须知道React的两个方面，一个是虚拟DOM，另一个是Diff算法。今天我们先来看一下React的虚拟DOM的实现原理。下面是虚拟DOM的一个简单实现原理，要是想深究的话，还是需要去阅读一下相关的源码部分。原理： React会先将你的代码转换成一个javascript对象，然后再把这个javascript对象转换成真实的DOM。而这个javascript对...
2019-11-22 10:38:38
1259
原创 React绑定事件的四种方法
今天给大家分享一下react绑定事件的四种方法，也许会有不准确的地方，欢迎指点出来，大家一起进步~首先要先了解，在js中class的方法默认不会绑定this，默认情况下是undefined，所以就需要我们手动的去绑定this，这样才能在回调函数中使用到this。第一种方法：在构造器中绑定this（这也是官方推荐的方法）export default class Test extends...
2019-05-29 16:57:17
3602
1
原创 React实现动态调用的弹框组件
最近在用react开发项目，遇到一个需求——开发一个弹框组件。在react中创建一个组件是很简单的，只需要使用class创建并引入就可以了，但是要做到可以用js调用这个组件而不是写在jsx结构里，那就需要用到ReactDOM.render这个方法了。首先先来屡一下需求：弹框里的可配置字段：标题文字，提示文字，确认和取消按钮的显示隐藏以及文字。 点击确认和取消按钮后，可以触发相应的事件。...
2019-05-20 14:23:11
6486
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人