自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(5)
  • 收藏
  • 关注

原创 Typescript 中的逆变与协变

概念:协变和逆变都是术语,前者指能够使用比原始指定的派生类型的派生程度更大(更具体的)的类型,后者指能够使用比原始指定的派生类型的派生程度更小(不太具体的)的类型。泛型类型参数支持协变和逆变,可在分配和使用泛型类型方面提供更大的灵活性。.........

2022-08-17 23:32:41 412

原创 React中portals(传送门)的使用

简介参考react的官网Portal提供了一种将子节点渲染到存在于父组件以外的DOM节点的优秀的方案。在开发的过程中我们也许会遇到需要讲虚拟dom渲染到页面某一个特定的dom元素的情况下的时候,例如Modal模态框的渲染我们需要将一个模态框渲染到body下的某个dom元素中用于更方便的控制样式渲染,这时候react-dom中提供的createPortalapi就能有效的帮助我们实现这样一个目的,具体实现如下。......

2022-07-24 22:02:11 851

原创 React中的React.memo、useMemo、useCallBack

首先我们需要了解React组件的渲染机制React组件会在两种情况下发生重新渲染。第一种,当组件自身state发生变化的时候会重新渲染。第二种,当组件的父组件重新渲染时,会重新渲染。第一种情况下的渲染无可厚非,state都变了,组件自然就重新渲染了,但是第二种情况下的渲染有时候就不那么的必要。在实际开发的过程中,我们常常会使用React.memo、useMemo、useCallBack来减少组件的重新渲染。...

2022-07-17 23:30:21 617

原创 浏览器渲染机制

浏览器渲染机制浏览器渲染机制。

2022-07-16 23:37:13 3908 2

原创 【react教程 从0搭建到生命周期(hooks)】

1.开始react的特点: react采用组件化模式,声明式编码,提高开发效率以及组件复用率。React Native 中可以使用React语法进行移动端开发 ,可以用js代替Andriod开发移动端app。2.react起步react.development.js react核心库react-dom.development.js react扩展库,帮助操作dom元素 这两个文件引入顺序不可随意更换,后者依赖前者babel.min.js ES6转ES5 并且帮助react中的jsx转

2021-12-27 11:58:11 500

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除