react
react
风翻火焰
tel:13552106430
eMail:chern1992@163.com
展开
-
React进阶之高阶组件
前言本文代码浅显易懂,思想深入实用。此属于react进阶用法,如果你还不了解react,建议从文档开始看起。我们都知道高阶函数是什么, 高阶组件其实是差不多的用法,只不过传入的参数变成了react组件,并返回一个新的组件.A higher-order component is a function that takes a component and returns a new component.形如:const EnhancedComponent = higherOrder原创 2020-10-20 09:27:04 · 385 阅读 · 0 评论 -
React 源码剖析系列 - 生命周期的管理艺术
前言React 的主要思想是通过构建可复用组件来构建用户界面。所谓组件其实就是有限状态机,通过状态渲染对应的界面,且每个组件都有自己的生命周期,它规定了组件的状态和方法需要在哪个阶段进行改变和执行。有限状态机(FSM),表示有限个状态以及在这些状态之间的转移和动作等行为的模型。一般通过状态、事件、转换和动作来描述有限状态机,下面是描述组合锁状态机的模型图,包括5个状态、5个状态自转换、6个状态间转换和1个复位 RESET 转换到状态 S1。状态机,能够记住目前所处的状态,根据当前的状态可以做出相应.转载 2020-07-01 22:16:40 · 123 阅读 · 0 评论 -
耽误你的十分钟,让MVVM原理还给你
时间在嘀嗒嘀嗒的走着既然来了就继续看看吧这篇文章其实没有什么鸟用,只不过对于现在的前端面试而言,已经是一个被问烦了的考点了 既然是考点,那么我就想简简单单的来给大家划一下重点众所周知当下是MVVM盛行的时代,从早期的Angular到现在的React和Vue,再从最初的三分天下到现在的两虎相争。无疑不给我们的开发带来了一种前所未有的新体验,告别了操作DOM的思维,换上了数据驱动页面的思想,果然时代的进步,改变了我们许多许多。啰嗦话多了起来,这样不好。我们来进入今天的主题划重点MVV转载 2020-07-01 22:14:33 · 131 阅读 · 0 评论 -
React 源码剖析系列 - 不可思议的 react diff
目前,前端领域中 React 势头正盛,使用者众多却少有能够深入剖析内部实现机制和原理。本系列文章希望通过剖析 React 源码,理解其内部的实现原理,知其然更要知其所以然。React diff 作为 Virtual DOM 的加速器,其算法上的改进优化是 React 整个界面渲染的基础,以及性能提高的保障,同时也是 React 源码中最神秘、最不可思议的部分,本文从源码入手,深入剖析 React diff 的不可思议之处。 阅读本文需要对 React 有一定的了解,如果你不知何为 React,请转载 2020-06-30 23:52:23 · 178 阅读 · 0 评论 -
从路由原理出发,深入阅读理解react-router 4.0的源码
react-router等前端路由的原理大致相同,可以实现无刷新的条件下切换显示不同的页面。路由的本质就是页面的URL发生改变时,页面的显示结果可以根据URL的变化而变化,但是页面不会刷新。通过前端路由可以实现单页(SPA)应用,本文首先从前端路由的原理出发,详细介绍了前端路由原理的变迁。接着从react-router4.0的源码出发,深入理解react-router4.0是如何实现前端路由的。通过Hash实现前端路由通过H5的history实现前端路由React-router4.0的使用Reac转载 2020-06-30 23:51:14 · 195 阅读 · 0 评论 -
redux原理解析,看这篇就够了
Redux是JavaScript状态容器,提供可预测化的状态管理。在实际开发中,常搭配React + React-redux使用。这代表了目前前端开发的一个基本理念,数据和视图的分离。redux应运而生,当然还有其他的一些状态管理库,如Flux、Elm等,当然,我们这里只对redux进行解析。建议电脑查看,内容偏多redux创建Store创建redux的store对象,需要调用combineReducers和createStore函数,下面解释不包含中间件。const redu..转载 2020-06-30 23:46:05 · 1117 阅读 · 0 评论 -
【React深入】深入分析虚拟DOM的渲染过程和特性
导读React的虚拟 DOM和 Diff算法是 React的非常重要的核心特性,这部分源码也非常复杂,理解这部分知识的原理对更深入的掌握 React是非常必要的。本来想将虚拟 DOM和 Diff算法放到一篇文章,写完虚拟 DOM发现文章已经很长了,所以本篇只分析虚拟 DOM。本篇文章从源码出发,分析虚拟 DOM的核心渲染原理,以及 React对它做的性能优化点。说实话 React源码真的很难读????,如果本篇文章帮助到了你,那么请给个赞????支持一下吧。本文略长,下面是本文的思维导图转载 2020-06-30 23:27:39 · 750 阅读 · 0 评论 -
由实际问题探究setState的执行机制
一.几个开发中经常会遇到的问题以下几个问题是我们在实际开发中经常会遇到的场景,下面用几个简单的示例代码来还原一下。1.setState是同步还是异步的,为什么有的时候不能立即拿到更新结果而有的时候可以?1.1 钩子函数和React合成事件中的setState现在有两个组件 componentDidMount() { console.log('parent componentDidMount'); } render() ...转载 2020-06-30 23:26:20 · 181 阅读 · 0 评论 -
React高频面试题梳理,看看面试怎么答?(上)
前段时间准备面试,总结了很多,下面是我在准备React面试时,结合自己的实际面试经历,以及我以前源码分析的文章,总结出来的一些 React高频面试题目。以前我写的源码分析的文章,并没有很多人看,因为大部分情况下你不需要深入源码也能懂得其中原理,并解决实际问题,这也是我总结这些面试题的原因,让你在更短的时间内获得更大的收益。由于是以面试题的角度来讨论,所以某些点可能不能非常深入,我在问题下面都贴了相关链接,如果想深入理解,请点击这些文章。由于题目较多,分为上、下两篇,本篇文章我们先来讨论如下19个转载 2020-06-30 23:25:23 · 235 阅读 · 0 评论 -
Form表单提交下载文件并监控下载状态
下载recordsClick(){//导出表格 var params = {// 参数 id:xx, name:xx }; var form = document.createElement('form') form.id = 'form' form.name = 'form' document.body.ap...原创 2019-01-11 17:03:02 · 6425 阅读 · 0 评论 -
React组件导入的两种方式(动态导入组件的实现)
一、 react组件两种导入方式React组件可以通过两种方式导入另一个组件import(常用)import component from './component'requireconst component = require('./component')两种方式有什么区别? 提出的规范不同 import是ES6语法,reuqire是CommonJs提出的. ...原创 2018-09-25 19:13:37 · 30518 阅读 · 1 评论 -
React系列-registerServiceWorker的作用
registerServiceWorker原创 2017-08-22 10:36:02 · 9894 阅读 · 0 评论 -
IDEA不支持jsx语法解决办法
jsx支持原创 2017-07-20 09:48:07 · 12375 阅读 · 2 评论