React - web秀

综合Uni-AppWebpackReactHtmlElectron-VueElectronVue-NuxtTypeScriptNodeJs 展开

5年前

React 造轮子系列：Icon 组件思路

React 造轮子系列：Icon 组件思路

简介本轮子是通过React+TypeScript+Webpack搭建的，至于环境的搭建这边就不在细说了，自己动手谷歌吧。当然可以参考我的源码。这里我也是通过别人学的，主要做些总结及说明造各个轮子的一种思路，方便今后使用别人的的轮子时自己脑中有造轮子的思想，能通过修改源码及时修改bug，按时上线。本文的Icon组件主要是参考Framework7中的IconReactComponent写的。为什么要造轮子1.为了不求人假设你使用某个UI框架发现有一个bug,于是你反馈给开发者，开发者说两周后修复，而你的项目一

552842 3311 0

2年前

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

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

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

545780 3368 0

2年前

说说 React 性能优化的手段有哪些？

说说 React 性能优化的手段有哪些？

#面试官：说说React性能优化的手段有哪些？#一、是什么React凭借virtualDOM和diff算法拥有高效的性能，但是某些情况下，性能明显可以进一步提高在前面文章中，我们了解到类组件通过调用setState方法，就会导致render，父组件一旦发生render渲染，子组件一定也会执行render渲染当我们想要更新一个子组件的时候，如下图绿色部分：理想状态只调用该路径下的组件render：但是react的默认做法是调用所有组件的render，再对生成的虚拟DOM进行对比（黄色部分），如不变则不进行更

546763 3216 0

2年前

说说对React中类组件和函数组件的理解？有什么区别？

说说对React中类组件和函数组件的理解？有什么区别？

#面试官：说说对React中类组件和函数组件的理解？有什么区别？#一、类组件类组件，顾名思义，也就是通过使用ES6类的编写形式去编写组件，该类必须继承React.Component如果想要访问父组件传递过来的参数，可通过this.props的方式去访问在组件中必须实现render方法，在return中返回React对象，如下：classWelcomeextendsReact.Component{constructor(props){super(props)}render(){return<h1>

546087 3278 0

2年前

你在React项目中是如何使用Redux的? 项目结构是如何划分的？

你在React项目中是如何使用Redux的? 项目结构是如何划分的？

#面试官：你在React项目中是如何使用Redux的?项目结构是如何划分的？#一、背景在前面文章了解中，我们了解到redux是用于数据状态管理，而react是一个视图层面的库如果将两者连接在一起，可以使用官方推荐react-redux库，其具有高效且灵活的特性react-redux将组件分成：容器组件：存在逻辑处理UI组件：只负责现显示和交互，内部不处理逻辑，状态由外部控制通过redux将整个应用状态存储到store中，组件可以派发dispatch行为action给store其他组件通过订阅store中的

546878 3232 0

2年前

说说react中引入css的方式有哪几种？区别？

说说react中引入css的方式有哪几种？区别？

#面试官：说说react中引入css的方式有哪几种？区别？#一、是什么组件式开发选择合适的css解决方案尤为重要通常会遵循以下规则：可以编写局部css，不会随意污染其他组件内的原生；可以编写动态的css，可以获取当前组件的一些状态，根据状态的变化生成不同的css样式；支持所有的css特性：伪类、动画、媒体查询等；编写起来简洁方便、最好符合一贯的css风格特点在这一方面，vue使用css起来更为简洁：通过style标签编写样式scoped属性决定编写的样式是否局部有效lang属性设置预处理器内联样式风格的方

545467 3348 0

2年前

state 和 props有什么区别？

state 和 props有什么区别？

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

545529 3252 0

2年前

说说React diff的原理是什么？

说说React diff的原理是什么？

#面试官：说说Reactdiff的原理是什么？#一、是什么跟Vue一致，React通过引入VirtualDOM的概念，极大地避免无效的Dom操作，使我们的页面的构建效率提到了极大的提升而diff算法就是更高效地通过对比新旧VirtualDOM来找出真正的Dom变化之处传统diff算法通过循环递归对节点进行依次对比，效率低下，算法复杂度达到O(n^3)，react将算法进行一个优化，复杂度姜维O(n)，两者效率差距如下图：#二、原理react中diff算法主要遵循三个层级的策略：tree层级conponen

544426 3280 0

2年前

说说你对immutable的理解？如何应用在react项目中？

说说你对immutable的理解？如何应用在react项目中？

#面试官：说说你对immutable的理解？如何应用在react项目中？#一、是什么Immutable，不可改变的，在计算机中，即指一旦创建，就不能再被更改的数据对Immutable对象的任何修改或添加删除操作都会返回一个新的Immutable对象Immutable实现的原理是PersistentDataStructure（持久化数据结构）:用一种数据结构来保存数据当数据被修改时，会返回一个对象，但是新的对象会尽可能的利用之前的数据结构而不会对内存造成浪费也就是使用旧数据创建新数据时，要保证旧数据同时可用

547385 3258 0

2年前

说说 Real DOM和 Virtual DOM 的区别？优缺点？

说说 Real DOM和 Virtual DOM 的区别？优缺点？

#面试官：说说RealDOM和VirtualDOM的区别？优缺点？#一、是什么RealDOM，真实DOM，意思为文档对象模型，是一个结构化文本的抽象，在页面渲染出的每一个结点都是一个真实DOM结构，如下：VirtualDom，本质上是以JavaScript对象形式存在的对DOM的描述创建虚拟DOM目的就是为了更好将虚拟的节点渲染到页面视图中，虚拟DOM对象的节点与真实DOM的属性一一照应在React中，JSX是其一大特性，可以让你在JS中通过使用XML的方式去直接声明界面的DOM结构//创建h1标签，右边

545559 3200 0

下拉加载更多

猜你喜欢

换一换

最新文章