- 博客(17)
- 收藏
- 关注
RSS订阅原创 说说对Redux中间件的理解？常用的中间件有哪些？实现原理？
中间件（Middleware）是介于应用系统和系统软件之间的一类软件，它使用系统软件所提供的基础服务（功能），衔接网络上应用系统的各个部分或不同的应用，能够达到资源共享、功能共享的目的。redux-thunk中间件会判断你当前传进来的数据类型，如果是一个函数，将会给函数传入参数值（dispatch，getState）在上篇文章中，了解到了Redux整个工作流程，当action发出之后，reducer立即算出state，整个过程是一个同步的操作。在上面的学习中，我们了解到了redux-thunk的基本使用。
2023-01-05 09:26:39
118
原创 小lin前端面试题总结哦
1.说说你对react的理解？有哪些特性？[2.说说Real DOM和Virtual DOM的区别？优缺点](http://t.csdn.cn/2dADe)3.说说React生命周期有哪些不同的阶段？每个阶段对应的方法是？4.说说React中setState执行机制？5.说说react的事件机制？6.React组件之间如何通信？7.说说你对受控组件和非受控组件的理解？应用场景？8.说说你对fiber架构的理解？解决了什么问题？[9.说说react diff的原理是什么？10.说说你对redux中间件的理解。
2023-01-01 21:50:34
69
转载 说说React render方法的原理？在什么时候会被触发？
render函数里面可以编写JSX，转化成这种形式，用于生成虚拟DOM，最终转化成真实DOM在React中，类组件只要执行了setState方法，就一定会触发render函数执行，函数组件使用useState更改状态不一定导致重新render组件的props改变了，不一定触发render函数的执行，但是如果props的值来自于父组件或者祖先组件的state在这种情况下，父组件或者祖先组件的state发生了改变，就会导致子组件的重新渲染所以，一旦执行了setState就会执行render方法，
2022-12-30 21:20:28
658
转载 说说React diff的原理是什么？
可以准确地发现新旧集合中的节点都是相同的节点，因此无需进行节点删除和创建，只需要将旧集合中节点的位置进行移动，更新为新集合中节点的位置。如果当前节点在新集合中的位置比老集合中的位置靠前的话，是不会影响后续节点操作的，这里这时候被动字节不用动。发现新树中，R节点下没有了A，那么直接删除A，在D节点下创建A以及下属节点。过程还没完，还会整体遍历老集合中节点，看有没有没用到的节点，有的话，就删除。运算，如果不是一个类的组件，那么直接删除这个组件下的所有子节点，创建新的。节点的移动操作开销是比较昂贵的，没有。
2022-12-30 21:17:25
79
转载 说说对Fiber架构的理解？解决了什么问题?
在完成一部分任务之后，将控制权交回给浏览器，让浏览器有时间再进行页面的渲染。如果没有，挂起当前任务，将时间控制权交给主线程，等主线程不忙的时候在继续执行。线程长时间地占用了主线程，那么渲染层面的更新就不得不长时间地等待，界面长时间不更新，会导致页面响应度变差，用户可能会感觉到卡顿。即可以中断与恢复，恢复后也可以复用之前的中间状态，并给不同的任务赋予不同的优先级，其中每个任务更新单元为。引擎和页面渲染引擎两个线程是互斥的，当其中一个线程执行时，另一个线程只能挂起等待。节点实现，作为静态的数据结构来说，每个。
2022-12-30 21:05:02
82
转载 说说对受控组件和非受控组件的理解？应用场景？
这时候当我们在输入框输入内容的时候，会发现输入的内容并无法显示出来，也就是。受控组件，简单来讲，就是受我们控制的组件，组件的状态全程响应外部数据。一般情况是在初始化的时候接受外部数据，然后自己在内部存储其自身状态。大部分时候推荐使用受控组件来实现表单，因为在受控组件中，表单数据由。因此，受控组件我们一般需要初始状态和一个状态更新事件函数。如果选择非受控组件的话，控制能力较弱，表单数据就由。事件，输入的时候触发事件函数，在函数内部实现。非受控组件，简单来讲，就是不受我们控制的组件。当用户输入新的内容时，
2022-12-30 21:03:06
44
转载 React组件之间如何通信？
由于React是单向数据流，主要思想是组件不会改变接收的数据，只会监听数据的变化，当数据发生变化时它们会使用接收到的新值，而不是去修改已有的值因此，可以看到通信过程中，数据的存储位置都是存放在上级位置中。
2022-12-30 21:01:29
53
原创 5.说说React的事件机制
ReactReact 上注册的事件最终会绑定在document这个 DOM 上，而不是 React 组件对应的 DOM(减少内存开销就是因为所有的事件都绑定在 document 上，其他节点没有绑定事件)React 自身实现了一套事件冒泡机制，所以这也就是为什么我们 event.stopPropagation()无效的原因。React 通过队列的形式，从触发的组件向父组件回溯，然后调用他们 JSX 中定义的 callbackReact 有一套自己的合成事件 SyntheticEvent。
2022-12-30 20:59:27
168
原创 4.说说React中setState执行机制？
通过点击按钮触发onclick事件，执行this.setState方法更新state状态，然后重新执行render函数，从而导致页面的视图更新。从上面可以看到setState第一个参数可以是一个对象，或者是一个函数，而第二个参数是一个回调函数，用于可以实时的获取到更新之后的数据。对同一个值进行多次 setState， setState 的批量更新策略会对其进行覆盖，取最后一次的执行结果。当需要修改里面的值的状态需要通过调用setState来改变，从而达到更新组件内部数据的作用。
2022-12-30 20:55:49
134
原创 3.说说React生命周期有哪些不同的阶段？每个阶段对应的方法是？
React中组件有生命周期，也就是说也有很多钩子函数供我们使用, 组件的生命周期，我们会分为四个阶段，初始化、运行中、销毁、错误处理(16.3之后)
2022-12-30 20:53:59
128
原创 2.说说Real DOM和Virtual DOM的区别？优缺点？
Real DOM，真实 DOM，意思为文档对象模型，是一个结构化文本的抽象，在页面渲染出的每一个结点都是一个真实 DOM 结构，如下：Virtual Dom，本质上是以 JavaScript 对象形式存在的对 DOM 的描述创建虚拟 DOM 目的就是为了更好将虚拟的节点渲染到页面视图中，虚拟 DOM 对象的节点与真实 DOM 的属性一一照应在 React 中，JSX 是其一大特性，可以让你在 JS 中通过使用 XML 的方式去直接声明界面的 DOM 结构// 创建 h1 标签，右边千万不能加引号。
2022-12-30 20:50:01
62
原创 1.说说你对react的理解？有哪些特性？
遵循组件设计模式、声明式编程范式和函数式编程概念，以使前端应用程序更高效使用虚拟 DOM 来有效地操作 DOM，遵循从高阶组件到低阶组件的单向数据流帮助我们将界面成了各个独立的小块，每一个块就是组件，这些组件之间可以组合、嵌套，构成整体页面react 类组件使用一个名为 render() 的方法或者函数组件return，接收输入的数据并返回需要展示的内容上述这种类似 XML 形式就是 JSX，最终会被 babel 编译为合法的 JS 语句调用。
2022-12-30 20:43:50
198
原创 【无标题】
调试方便，由于整个系统是通过组件组合起来的，在出现问题的时候，可以用排除法直接移除组件，或者根据报错的组件快速定位问题，之所以能够快速定位，是因为每个组件之间低耦合，职责单一，所以逻辑会比分析整个系统要简单。Vue 使用双向指针，边对比，边更新DOM。降低整个系统的耦合度，在保持接口不变的情况下，我们可以替换不同的组件快速完成需求，例如输入框，可以替换为日历、时间、范围等组件作具体的实现。提高可维护性，由于每个组件的职责单一，并且组件在系统中是被复用的，所以对代码进行优化可获得系统的整体升级。
2022-12-29 20:45:58
56
原创 Django开发
文章目录 一、中间件 二.后台管理 三.表单组件form的应用 四.表单组件Modelform的应用 五.登陆注册 六.文件上传 七.orm一、中间件中间件概念 如何自定义一个中间件, 四个方法, 单中间件执行顺序 多个中间件 中间件中方法执行顺序 中间件的应用场景 1完成黑名单场景代码书写 2使用中间件完成限制频率访问功能 前言中间件这个术语第一次...
2022-02-23 13:38:50
1052
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人