武功盖世

数据流 数据流，表明的是数据流向或数据传递。 一、单向数据流 1. 什么是单向数据流？ 单向数据流（Unidirectional data flow）方式使用一个上传数据流和一个下传数据流进行双向数据

目标 能够理解为什么需要redux中间件 问题 问题：获取数据时，如何发ajax拿数据，并保存到redux中？ 方案1：在业务组件中发请求，拿到数据之后，再dispath 方案2：在业务组件中直接di

本讲将结合 Redux 应用实例与 applyMiddleware 源码，对 Redux 中间件的实现原理进行分析。在此基础上，对“面向切面”这一经典的编程思想建立初步的认识。 在分析中间件实现原理之前，先来认识一下中间件的用法。 介绍 createStore 函数时，已经简单…

display 设置了 none 属性会隐藏元素，且其位置也不会被保留下来，所以会触发浏览器渲染引擎的回流和重绘。 不会，因为 BFC 是页面中一个独立的隔离容器，其内部的元素不会与外部的元素相互影响，比如两个 div，上面的 div 设置了 float，那么如果下面的元素不是…

React 如何创建一个react的项目（使用脚手架） 安装cr脚手架：npm install -g create-react-app 进入文件夹：create-react-app 项目名称 进入项目

回顾一下之前的内容，我们对Vue源码的分析是从初始化开始，初始化_init会执行一系列的过程，这个过程包括了配置选项的合并，数据的监测代理，最后才是实例的挂载。而在实例挂载前还有意忽略了一个重要的过程，数据的初始化(即initState(vm))。initState的过程，是对…

参考文章： https://juejin.cn/post/6844903824683958286 《深入React技术栈》 1.虚拟dom 原生的JS DOM操作非常消耗性能，而React把真实原生J

一. 什么是Tree-shaking 上图形象的解释了Tree-shaking 的本意，本文所说的前端中的tree-shaking可以理解为通过工具"摇"我们的JS文件，将其中用不到的代码"摇"掉，是一个性能优化的范畴。具体来说，在 webpack 项目中，有一个入口文件，相当…

RAIL是一个以用户为中心的性能模型，它把用户的体验拆分成几个关键点（例如，tap，scroll，load），并且帮你定义好了每一个的性能指标。 用户的输入到响应的时间不超过100ms，给用户的感受是瞬间就完成了。 事件处理函数在50ms内完成，考虑到idle task的情况，…