摘要: 一、Promise Promise代表承诺是一个类。它用于表示一个异步操作的最终完成或失败及其结果值。 当我们new一个Promise时,它里面必须有一个可执行函数executor作为参数,这个executor是立即执行的。executor函数中一般用来管理一个异步编程代码(当然同步代码也是可以的) 阅读全文
posted @ 2021-07-10 14:45 人称小小贩 阅读(159) 评论(0) 推荐(0) 编辑
摘要: 事实上react官方并没有关于样式写法的统一说法,能在react中使用样式的方法有很多,下面分别来介绍以下几种: 一、内联样式 style接受一个采用驼峰命名属性的js对象,而不是css字符串,它可以引用state中的状态来设置相关样式,是一种最基本的写法。内联样式中,样式之间不会有冲突,但是所有的 阅读全文
posted @ 2020-10-18 20:36 人称小小贩 阅读(420) 评论(0) 推荐(0) 编辑
摘要: 我们要理解什么是高阶组件可以先从高阶函数开始。高阶函数指的是一个函数接受一个或者多个函数作为参数或者返回一个函数就可以称之为高阶函数。我们平时用到的reduce,map,filter就是高阶函数。高阶组件和高阶函数类似,高阶组件(higher-order-component,简称HOC)它是参数为组 阅读全文
posted @ 2020-10-12 09:01 人称小小贩 阅读(266) 评论(0) 推荐(0) 编辑
摘要: 在平时的项目开发中,性能问题是比较大的问题,小型项目中还看不出来太大的变化 ,当项目的规模达到一定程度时,性能问题就显得重要,下面分别来介绍几种性能优化的方法。 一、Fragment fragment可以聚合一个子元素列表,并不需要在DOM中增加额外的节点 ,避免多写一层view,多层级的嵌套。Re 阅读全文
posted @ 2020-10-10 20:57 人称小小贩 阅读(363) 评论(0) 推荐(0) 编辑
摘要: react其组件化的思想使得组件与组件间的通信变的十分必要,下要我们来分别介绍常见的react组件之间的通信方式。 一、父子组件 react是单向数据流,父组件在展示子组件时,可能会传递一些数据给到子组件。父组件通过过属性=值的形式传递给子组件数据,子组件通过props参数获取父组件传递过来的数据。 阅读全文
posted @ 2020-09-09 19:24 人称小小贩 阅读(1413) 评论(0) 推荐(0) 编辑
摘要: react的事件处理机制基本用法和DOM类似,但还是有一定的区别。它的事件类型采用驼峰命名,直接将函数的声明当成事件进行传递,是一个合成事件。如下所示:onClick={this.add} 这里的事件要加上on且Click首字母大写,this.add需要被花括号包裹起来。 //html <butto 阅读全文
posted @ 2020-09-07 12:29 人称小小贩 阅读(1033) 评论(0) 推荐(0) 编辑
摘要: 组件从概念上来看就像JS中的一个函数,它可以接收任意的输入值(称之为props),并返回一个需要在页面上展示的React元素。我们可以将UI切分成几个不同的,独立的,可复用的部分,进行单个部分即单个组件的构建,后面进行整合展示就可。 一、函数组件和类组件 组件的名称必须是大写开头,这样可以在使用时和 阅读全文
posted @ 2020-09-06 11:28 人称小小贩 阅读(622) 评论(0) 推荐(0) 编辑
摘要: React是facebook开源的JS库,它可以把界面抽象成一个一个的组件,组件进行组合来得到功能丰富的页面。与Vue不同,React立足于MVC框架,是一个包括view和controller的库。首先我们来看一下什么是MVC。 MVC(Model View Controller):M指的是业务模型 阅读全文
posted @ 2020-09-05 12:00 人称小小贩 阅读(415) 评论(0) 推荐(0) 编辑
摘要: 虚拟DOM是Vue的核心之一,它是Virtral DOM,也就是我们经常提到的虚拟节点,是通过js的Object对象模拟DOM节点,然后再通过特定的方法将其渲染成真实的DOM节点。虚拟DOM它不会进行重排与重绘,并且它可以一次性修改真实DOM需要更改的部分,能尽量减少对真实DOM的操作,这样可以减少 阅读全文
posted @ 2020-08-04 18:43 人称小小贩 阅读(445) 评论(0) 推荐(0) 编辑
摘要: 要了解Vue中的响应式原理 ,我们首先要知道什么是MVVM及什么是观察者模式,什么是发布-订阅模式。 Vue是对MVVM框架的很好体现,那什么是MVVM呢?顾名思义它其实就是Model-View-ViewModel模式。它是一个软件架构设计模式,Model可以看成是代表数据模型,View代表视图,它 阅读全文
posted @ 2020-08-01 18:25 人称小小贩 阅读(196) 评论(0) 推荐(0) 编辑