千锋教育-做有情怀、有良心、有品质的职业教育机构

400-811-9990
手机站
千锋教育

千锋学习站 | 随时随地免费学

千锋教育

扫一扫进入千锋手机站

领取全套视频
千锋教育

关注千锋学习站小程序
随时随地免费学习课程

上海
  • 北京
  • 郑州
  • 武汉
  • 成都
  • 西安
  • 沈阳
  • 广州
  • 南京
  • 深圳
  • 大连
  • 青岛
  • 杭州
  • 重庆
当前位置:郑州千锋IT培训  >  技术干货  >  自己封装过组件吗?

自己封装过组件吗?

来源:千锋教育
发布人:lxx
时间: 2023-04-11 16:32:49

  封装过的,而且在之前vue和react项目开发中都多多少少的封装过一些组件,有UI组件,封装了样式及单纯的数据渲染、逻辑组件(封装了数据获取、数据分析处理等功能)。

千锋教育

  之前做vue项目的时候封装过一个图表的组件,在里面主要去实例化了图表的实例,根据传入的api的接口不同调用不同的接口来获取数据, 又根据传入的数据处理函数的不同,对获取到的处理进行不同的处理,还监听了浏览器尺寸变化, 去动态调整图表的尺寸。

  还一个移动端项目里封装过一个通用的列表组件,组件中可以自动获取数据、封装了下拉刷新上拉加载的逻辑,还可以根据传入的属性不同, 调整列表布局为一栏或者两栏布局。

  当时用react做管理系统的项目的时候封装了权限控制组件,组件可以自动从store中获取到用户相关的权限信息,以及搭配一些属性来控制对应的内部的组件在没有权限的情况下禁用或者不显示的情况。

  还封装了错误捕捉ErrorBoundary组件,当捕获到错误的时候更改自身状态,来控制渲染一个备用UI,后来又根据需求,在内部实现了组件加载失败重试的功能,主要靠的是封装了一个函数来进行组件的懒加载,将渲染的内容处理成函数,当点击ErrorBoundary的错误备用UI中重试按钮后,更新错误状态重新渲染,引起渲染函数的函数重新执行,重新加载。

  其他的还有

  1、富文本编辑组件,主要是封装成自定义的表单控件,方便在Form中使用。

  2、在一个ToC的项目中封装了一个登录鉴权组件,可以根据传入的参数不同,在没有登录的时候,控制内部的组件是否渲染,或者阻止内部组件的用户操作,点击后弹出未登录是否去登录的提示信息。

声明:本站稿件版权均属千锋教育所有,未经许可不得擅自转载。

猜你喜欢LIKE

说说setState

2023-03-30

类的加载机制是什么

2023-03-21

如何定义Java变量?

2023-03-14

最新文章NEW

Java与H5、大数据、物联网等学科对比的优势

2023-03-31

做过那些优化(react或者vue)、前端优化

2023-03-30

java实现多线程的几种方式

2023-03-21

相关推荐HOT

更多>>

快速通道 更多>>

最新开班信息 更多>>

网友热搜 更多>>