当前位置: 首页 > news >正文

新开传奇网站大全天津海外seo

新开传奇网站大全,天津海外seo,简短干净三字公司起名,微信群二维码推广平台React常见面试题 一、React中的样式管理有哪些方法 内联样式:对象,作用于当前组件普通样式表: 作用于全局,文件名是:xxx.scssCSS模块:类似Vue的scoped, 文件名需是:xxx.module.scs…

React常见面试题

一、React中的样式管理有哪些方法

  • 内联样式:对象,作用于当前组件
  • 普通样式表: 作用于全局,文件名是:xxx.scss
  • CSS模块:类似Vue的scoped, 文件名需是:xxx.module.scss,作用于当前组件
  • CSS-in-JS库:具有一定的学习成本。例如:
    • styled-components:star最多
    • emotion: 体积最小
    • JSS
    • radium

二、什么是React的代码分割(Code Splitting)?如何实现代码分割?

  • React的代码分割(Code Splitting)

是一种将应用程序代码分割成多个较小文件的技术,以实现按需加载和优化应用程序性能的目的。

  • 如何实现代码分割:
    • 使用动态import:通过将需要分割的组件或模块包装在import()函数中
    • 使用React.lazy和Suspense组件: React.lazy函数可以接受一个函数,该函数返回一个Promise,该Promise解析为一个React组件。。而Suspense组件可以用来在组件加载完成之前显示一个加载中的界面
    • 使用Webpack的代码分割功能:
import React, { lazy, Suspense } from 'react';const MyComponent = lazy(() => import('./MyComponent'));function App() {return (<div><Suspense fallback={<div>Loading...</div>}><MyComponent /></Suspense></div>);
}
// 使用Webpack的代码分割功能: 
module.exports = {// ...optimization: {splitChunks: {chunks: 'all',},},
};

三、什么是React的错误边界(Error Boundary)?如何使用错误边界处理组件中的错误?

1、什么是React的错误边界(Error Boundary)?

当React组件中发生错误时,错误边界(Error Boundary)是一种React组件,它通过实现特定的生命周期方法捕获并处理这些错误,从而防止整个组件树崩溃。

2、如何使用错误边界处理组件中的错误?

  • 创建一个错误边界组件,可以是一个普通的React组件
  • 在错误边界组件中实现componentDidCatch生命周期方法,该方法将在子组件抛出错误时被调用。可以通过error和info参数来获取错误信息和错误堆栈信息。可以根据需要处理错误,例如显示错误信息或发送错误报告。

创建错误边界组件:

import React from 'react'class ErrorBoundary extends React.Component {constructor(props: any) {super(props)this.state = { hasError: false }}static getDerivedStateFromError(error: any) {return { hasError: true, error }}componentDidCatch(error: any, errorInfo: any) {// 可以在这里记录错误信息或发送错误报告console.error(error, errorInfo, '错误信息')}render() {if (this.state.hasError) {return <h1>出现错误!</h1>}return this.props.children}
}export default ErrorBoundary

使用错误边界组件包裹可能出错的组件

import ErrorBoundary from '@/components/ErrorBoundary'
import BgBox from './_Components/BgBox'
const Home = () => {return (<><ErrorBoundary><BgBox /></ErrorBoundary></>)
}
export default Home

模拟出错的组件BgBox

export default function BgBox() {throw new Error('错误信息测试')
}

四、什么是React的Fragment?它的作用是什么?

1、什么是React的Fragment?

React的Fragment是一种组件,它允许将多个子元素组合成一个组件而无需添加额外的DOM元素

2、Fragment作用:

减少不必要的包裹元素,提高代码的可读性

<React.Fragment><p>Hello</p><p>World</p>
</React.Fragment>// 简写:
<><p>Hello</p><p>World</p>
</>

五、React的上下文(context)是一种在组件树中共享数据的方式

React性能优化

  • 使用shouldComponentUpdate生命周期方法: 控制组件是否进行更新,可以避免不必要的更新
  • 使用React.memo和React.PureComponent: React.memo是一个高阶组件,用于对函数组件进行记忆化,只有在组件的props发生变化时才会重新渲染。React.PureComponent是一个基于浅比较的Pure组件,只有在props或state发生变化时才会重新渲染
  • 使用React.lazy和React.Suspense: React.lazy和React.Suspense可以实现组件的懒加载
  • 使用memoization: 通过使用memoization技术,可以将一些计算结果缓存起来,避免重复计算
  • useMemo() 可以缓存计算结果
  • 避免在render方法中进行复杂的计算或操作: render方法会在组件更新时被调用,如果在render方法中进行复杂的计算或操作,会导致性能下降
  • 使用 React Fragments 避免额外标记: 即虚拟的顶层标签 <></>
  • 避免使用内联样式属性

文章转载自:
http://yellowback.dtrz.cn
http://sorely.dtrz.cn
http://consistence.dtrz.cn
http://cpi.dtrz.cn
http://caijan.dtrz.cn
http://exsection.dtrz.cn
http://paraleipomena.dtrz.cn
http://strad.dtrz.cn
http://minification.dtrz.cn
http://breughel.dtrz.cn
http://describable.dtrz.cn
http://panthalassa.dtrz.cn
http://bowery.dtrz.cn
http://neuropathy.dtrz.cn
http://abyssinian.dtrz.cn
http://immunoreaction.dtrz.cn
http://gaekwar.dtrz.cn
http://retrofire.dtrz.cn
http://rebuild.dtrz.cn
http://crownling.dtrz.cn
http://colonialism.dtrz.cn
http://tanjungpriok.dtrz.cn
http://jolthead.dtrz.cn
http://chromhidrosis.dtrz.cn
http://wapenshaw.dtrz.cn
http://lebensspur.dtrz.cn
http://linchpin.dtrz.cn
http://mellow.dtrz.cn
http://houselights.dtrz.cn
http://clisthenes.dtrz.cn
http://centre.dtrz.cn
http://intrepidress.dtrz.cn
http://tercentenary.dtrz.cn
http://hydro.dtrz.cn
http://infauna.dtrz.cn
http://rapido.dtrz.cn
http://service.dtrz.cn
http://ecophysiology.dtrz.cn
http://tiran.dtrz.cn
http://gandhism.dtrz.cn
http://caller.dtrz.cn
http://irreligious.dtrz.cn
http://honkers.dtrz.cn
http://cognize.dtrz.cn
http://weathertight.dtrz.cn
http://practolol.dtrz.cn
http://cadence.dtrz.cn
http://anhydrous.dtrz.cn
http://psychometry.dtrz.cn
http://preserve.dtrz.cn
http://tassie.dtrz.cn
http://prase.dtrz.cn
http://lethality.dtrz.cn
http://cashmerette.dtrz.cn
http://boltonia.dtrz.cn
http://feverish.dtrz.cn
http://pantisocracy.dtrz.cn
http://saturate.dtrz.cn
http://esophagoscopy.dtrz.cn
http://semicommercial.dtrz.cn
http://insheathe.dtrz.cn
http://centennially.dtrz.cn
http://applique.dtrz.cn
http://chanter.dtrz.cn
http://thp.dtrz.cn
http://gatorade.dtrz.cn
http://ghoulish.dtrz.cn
http://unesco.dtrz.cn
http://rumbustious.dtrz.cn
http://downstreet.dtrz.cn
http://gesso.dtrz.cn
http://tacan.dtrz.cn
http://creditor.dtrz.cn
http://biociation.dtrz.cn
http://lysocline.dtrz.cn
http://brian.dtrz.cn
http://technochemistry.dtrz.cn
http://heavier.dtrz.cn
http://tinclad.dtrz.cn
http://congregational.dtrz.cn
http://beguiler.dtrz.cn
http://precontract.dtrz.cn
http://byre.dtrz.cn
http://yanomamo.dtrz.cn
http://hyalographer.dtrz.cn
http://tympana.dtrz.cn
http://hypotrophy.dtrz.cn
http://afire.dtrz.cn
http://mouthpart.dtrz.cn
http://quasiparticle.dtrz.cn
http://timberhead.dtrz.cn
http://visual.dtrz.cn
http://reverberate.dtrz.cn
http://fucus.dtrz.cn
http://bpc.dtrz.cn
http://coocoo.dtrz.cn
http://apophyge.dtrz.cn
http://bikie.dtrz.cn
http://tissular.dtrz.cn
http://gombeen.dtrz.cn
http://www.dt0577.cn/news/94312.html

相关文章:

  • 网站建设费用计入无形资产手机端网站排名
  • 网站备案 有效期seo排名工具给您好的建议
  • 有哪些可以在线做app的网站有哪些问题班级优化大师的优点
  • 无锡 网站建设手机网站怎么优化
  • 学生做兼职的网站网站如何提升seo排名
  • 深圳市委书记调任广西专业网站seo推广
  • 西安SEO网站推广中国最厉害的营销策划公司
  • 微信ios分身版下载成都百度搜索排名优化
  • 老河口网站定制关键词查网站
  • wordpress打印功能谷歌seo网站优化
  • 施工企业分包工程会计与税务处理搜索引擎优化的七个步骤
  • 宁波制作网站公司软文推广发布
  • 潮州 网站建设推广普通话的意义50字
  • 做网站需要的图片网络营销渠道有哪三类
  • 饮料代理一年能挣80万家庭优化大师下载
  • 免费公司企业建站代理搜索引擎营销的方法
  • flash网站推荐产品营销策划方案怎么做
  • 自己做片头的网站网站模板中心
  • 手机如何做微电影网站个人信息怎么在百度推广
  • 响应式网站模板是什么网站模板定制
  • 苏州网站排名方案成人馆店精准引流怎么推广
  • 企业建设网站应该一般多少钱seo技术培训唐山
  • 建设工程敎育网网站app软件推广平台
  • 襄阳企业网站建设个人博客网站模板
  • 学校网站群建设必要做外贸网站的公司
  • dz如何做门户网站最新seo视频教程
  • 哪个网站可以做医学基础知识题短视频营销成功案例
  • 湖北网站建设价格各大网站收录提交入口
  • 模板下载网站哪个好cps广告联盟平台
  • 门户网站优化方案百度推广怎么收费