react - web秀

综合Uni-AppWebpackReactHtmlElectron-VueElectronVue-NuxtTypeScriptNodeJs 展开

1年前

state 和 props有什么区别？

state 和 props有什么区别？

#面试官：state和props有什么区别？#一、state一个组件的显示形态可以由数据状态和外部参数所决定，而数据状态就是state，一般在constructor中初始化当需要修改里面的值的状态需要通过调用setState来改变，从而达到更新组件内部数据的作用，并且重新调用组件render方法，如下面的例子：classButtonextendsReact.Component{constructor(){super();this.state={count:0,};}updateCount(){this.s

400238 2633 0

4年前

React高级组件精讲

React高级组件精讲

高阶函数是以函数为参数，并且返回也是函数的的函数。类似的，高阶组件（简称HOC）接收React组件为参数，并且返回一个新的React组件。高阶组件本质也是一个函数，并不是一个组件。高阶组件的函数形式如下：constEnhanceComponent=higherOrderComponent(WrappedComponent)通过一个简单的例子解释高阶组件是如何复用的。现在有一个组件MyComponent，需要从LocalStorage中获取数据，然后渲染到界面。一般情况下，我们可以这样实现:importRe

408742 2705 0

1年前

React中组件之间如何通信？

React中组件之间如何通信？

#面试官：React中组件之间如何通信？#一、是什么我们将组件间通信可以拆分为两个词：组件通信回顾Vue系列(opensnewwindow)的文章，组件是vue中最强大的功能之一，同样组件化是React的核心思想相比vue，React的组件更加灵活和多样，按照不同的方式可以分成很多类型的组件而通信指的是发送者通过某种媒体以某种格式来传递信息到收信者以达到某个目的，广义上，任何信息的交通都是通信组件间通信即指组件通过某种方式来传递信息以达到某个目的#二、如何通信组件传递的方式有很多种，根据传送者和接收者可以

400570 2640 0

1年前

在react中组件间过渡动画如何实现？

在react中组件间过渡动画如何实现？

#面试官：在react中组件间过渡动画如何实现？#一、是什么在日常开发中，页面切换时的转场动画是比较基础的一个场景当一个组件在显示与消失过程中存在过渡动画，可以很好的增加用户的体验在react中实现过渡动画效果会有很多种选择，如react-transition-group，react-motion，Animated，以及原生的CSS都能完成切换动画#二、如何实现在react中，react-transition-group是一种很好的解决方案，其为元素添加enter，enter-active，exit，ex

400041 2751 0

1年前

说说对Fiber架构的理解？解决了什么问题？

说说对Fiber架构的理解？解决了什么问题？

#面试官：说说对Fiber架构的理解？解决了什么问题？#一、问题JavaScript引擎和页面渲染引擎两个线程是互斥的，当其中一个线程执行时，另一个线程只能挂起等待如果JavaScript线程长时间地占用了主线程，那么渲染层面的更新就不得不长时间地等待，界面长时间不更新，会导致页面响应度变差，用户可能会感觉到卡顿而这也正是React15的StackReconciler所面临的问题，当React在渲染组件时，从开始到渲染完成整个过程是一气呵成的，无法中断如果组件较大，那么js线程会一直执行，然后等到整棵VD

400527 2662 0

1年前

说说你对Redux的理解？其工作原理？

说说你对Redux的理解？其工作原理？

#说说你对Redux的理解？其工作原理？#一、是什么React是用于构建用户界面的，帮助我们解决渲染DOM的过程而在整个应用中会存在很多个组件，每个组件的state是由自身进行管理，包括组件定义自身的state、组件之间的通信通过props传递、使用Context实现数据共享如果让每个组件都存储自身相关的状态，理论上来讲不会影响应用的运行，但在开发及后续维护阶段，我们将花费大量精力去查询状态的变化过程这种情况下，如果将所有的状态进行集中管理，当需要更新状态的时候，仅需要对这个管理集中处理，而不用去关心状态

401062 2634 0

1年前

说说对React的理解？有哪些特性？

说说对React的理解？有哪些特性？

#面试官：说说对React的理解？有哪些特性？#一、是什么React，用于构建用户界面的JavaScript库，只提供了UI层面的解决方案遵循组件设计模式、声明式编程范式和函数式编程概念，以使前端应用程序更高效使用虚拟DOM来有效地操作DOM，遵循从高阶组件到低阶组件的单向数据流帮助我们将界面成了各个独立的小块，每一个块就是组件，这些组件之间可以组合、嵌套，构成整体页面react类组件使用一个名为render()的方法或者函数组件return，接收输入的数据并返回需要展示的内容classHelloMess

400014 2701 0

1年前

React事件绑定的方式有哪些？区别？

React事件绑定的方式有哪些？区别？

#面试官：React事件绑定的方式有哪些？区别？#一、是什么在react应用中，事件名都是用小驼峰格式进行书写，例如onclick要改写成onClick最简单的事件绑定如下：classShowAlertextendsReact.Component{showAlert(){console.log("Hi");}render(){return<buttononClick={this.showAlert}>show</button>;}}从上面可以看到，事件绑定的方法需要使用{}包住上述

400607 2629 0

1年前

说说你是如何提高组件的渲染效率的？在React中如何避免不必要的render？

说说你是如何提高组件的渲染效率的？在React中如何避免不必要的render？

#面试官：说说你是如何提高组件的渲染效率的？在React中如何避免不必要的render？#一、是什么react基于虚拟DOM和高效Diff算法的完美配合，实现了对DOM最小粒度的更新，大多数情况下，React对DOM的渲染效率足以我们的业务日常复杂业务场景下，性能问题依然会困扰我们。此时需要采取一些措施来提升运行性能，避免不必要的渲染则是业务中常见的优化手段之一#二、如何做在之前文章中，我们了解到render的触发时机，简单来讲就是类组件通过调用setState方法，就会导致render，父组件一旦发生r

399401 2596 0

1年前

说说对React refs 的理解？应用场景？

说说对React refs 的理解？应用场景？

#面试官：说说对Reactrefs的理解？应用场景？#一、是什么Refs在计算机中称为弹性文件系统（英语：ResilientFileSystem，简称ReFS）React中的Refs提供了一种方式，允许我们访问DOM节点或在render方法中创建的React元素本质为ReactDOM.render()返回的组件实例，如果是渲染组件则返回的是组件实例，如果渲染dom则返回的是具体的dom节点#二、如何使用创建ref的形式有三种：传入字符串，使用时通过this.refs.传入的字符串的格式获取对应的元素传入对

399393 2677 0

下拉加载更多

猜你喜欢

换一换

最新文章