由于render会多次执行,所以在render函数里创建新东西是一件很不划算的事情。其中就包括绑定事件。 bind函数的特点:每次执行都会创建并返回一个新的函数。而在rend...
由于render会多次执行,所以在render函数里创建新东西是一件很不划算的事情。其中就包括绑定事件。 bind函数的特点:每次执行都会创建并返回一个新的函数。而在rend...
什么是diff算法 react 作为一款最主流的前端框架之一,在设计的时候除了简化操作之外,最注重的地方就是节省性能了。diff算法就是为节省性能而设计的,diff算法和虚拟...
什么是虚拟DOM react 中的 virtual DOM (虚拟DOM),其实就是JS对象。 众所周知,浏览器的DOM元素的渲染效率极低,对DOM的优化是前端开发人员一直以...
前言 恕我直言,用好 better-scroll 这个插件,比用好vue还难。此篇为本人的踩坑点,持续更新。 1. 子元素撑开父元素使其不能滚动 BUG原因:在 better...
简介 传统的请求方案是基于原生js的 XMLHttpReauest(XHR) 对象的,众所周知,ajax 可以实现无刷新请求数据,它的出现使前端的技术上升了一个台阶。但是随着...
什么是节流和防抖 节流和防抖的本质都是用闭包的形式,通过对事件对应的回调函数进行包裹,用自由变量缓存时间信息,最后用 setTimeout 来控制事件的触发频率。 节流 th...
装饰器模式简介 在使用 React 框架编程中,我们用高阶组件的时候,使用时往往需要用高阶组件函数包裹当前组件来导出的形式,过于麻烦。装饰器模式则优化了这一点,让我们在编程的...
本篇文章包懂 什么是闭包 总有人看到闭包就头疼,因为“闭包”二字实在让人搞不懂它的语义。但闭包其实是个很简单的概念:闭包就是一个函数,只不过这个函数有些不一样。至于它哪里不一...
先了解一下类组件和函数组件 react 的特点就是:一切皆为组件。其中,组件种类有很多,不同种类的组件有不同的功能。 我们熟知的组件种类:函数组件、类组件、受控组件、非受控组...
初始化 安装依赖在 react 中,使用 immutable 需要两个依赖:immutable 和 redux-immutablecnpm i immutable redux...
immutable 基础入门 什么是immutable immutable(不可改变的)immutable是一种持久化数据。一旦被创建就不会被修改。修改immutable对象...
什么是 redux-thunk redux-thunk 是一个中间件,专门用来解决 action 中的异步处理。 redux提供了一个方法 applyMiddleware 用...
什么是 react-redux ? react-redux是用来配合Redux的插件。它使我们的工作得到了简化。但在实际的项目中,需要权衡一下是否使用react-redux。...
什么是Redux Redux 是基于 JavaScript 的状态容器,提供可预测化的状态管理。Redux是一个相当于对flux进行了二次封装的产物,解决了flux中的一些弊...
什么是flux flux 是 react 中的类似于 vuex 的公共状态管理方案,它是 Facebook 官方给出的应用架构,利用数据的单向流动的形式对公共状态进行管理。现...
目标:封装一个对象,使其拥有 $on , $emit 和 $off 方法,进行事件的订阅、抛发和移除。 实现过程如下:
什么是高阶组件? 高阶组件(Higher-Order Components,简称HOC):简而言之,高阶组件就是加工组件的函数 高阶组件(HOC)是 React 中用于复用组...
父传子:属性传值 原理:父级调用子级的时候,在子组件身上绑定一个属性,值为需要传递的数据。子组件中通过 this.props 来获取。 父组件的传递:import React...
本篇文章相对全面并简洁地介绍了Vue中组件间传值的几种方式 一、父传子 标签传值传递:当子组件在父组件中当做标签使用的时候,给子组件绑定一个自定义属性,值为需要传递的数据 ...
路由的安装和引入 安装cnpm i react-router-dom -S 引入hash路由:HashRouterimport { HashRouter } from 're...