![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
React
怀念不能
喜欢上前端这条不归路
展开
-
深入浅出React(四)(组件中的this)
React组件的this是什么通过编写一个简单组件,并渲染出来,分别打印出自定义函数和render中的this:import React from 'react';const STR = '被调用,this指向:';class App extends React.Component{ constructor(){ super() } //测试函数...原创 2018-06-03 12:05:16 · 3679 阅读 · 3 评论 -
深入浅出React(五)(React组件事件详解)
React组件事件响应React在构建虚拟DOM的同时,还构建了自己的事件系统;且所有事件对象和W3C规范保持一致。React的事件系统和浏览器事件系统相比,主要增加了两个特性:事件代理、和事件自动绑定。1、事件代理区别于浏览器事件处理方式,React并未将事件处理函数与对应的DOM节点直接关联,而是在顶层使用了一个全局事件监听器监听所有的事件;React会在内部维护一个映射表记录事件与组件事件处...原创 2018-06-13 15:10:50 · 3481 阅读 · 0 评论 -
深入浅出React(一)
## 深入浅出React(一)## 1、create-react-app工具使用 1. 安装create-react-app ``` npm install create-react-app -g ```2. 创建项目 ``` creact-react-app demos cd demos npm start ```3. 分解应用package.json```"scripts": ...原创 2018-05-31 11:19:00 · 6203 阅读 · 0 评论 -
深入浅出React(二)(组件的生命周期)
1. 组件生命周期React严格定义了组件的生命周期,生命周期可能会经历如下三个过程:装载过程(Mount):也就是把组件第一次在DOM树上渲染的过程;更新过程(Updata):当组件被从新渲染的过程;卸载过程(Unmount):组件从DOM树中删除的过程。三种不同的过程,React库会调用组件的一些成员函数,即生命周期函数。1.1、装载过程当组件第一次被渲染时,依次调用的函数:construct...原创 2018-05-31 11:35:12 · 224 阅读 · 0 评论 -
深入浅出React(三)(组件的性能优化)
React组件的性能优化高德纳: "我们应该忘记忽略很小的性能优化,可以说97%的情况下,过早的优化是万恶之源,而我们应该关心对性能影响最关键的另外3%的代码。"不要将性能优化的精力浪费在对整体性能提高不大的代码上,而对性能有关键影响的部分,优化并不嫌早。因为,对性能影响最关键的部分,往往涉及解决方案核心,决定整体的架构,将来要改变的时候牵扯更大。1. 单个React组件的性能优化React利用V...原创 2018-06-01 17:06:12 · 419 阅读 · 0 评论