react
react框架学习
care_yourself
我很菜,但是我很勤奋
展开
-
react安装与其引入方法
react安装与其引用方法 1.适合于开发练习使用react的方式 首先引入下面的两个文件到你的项目中然后你再引入上面的文件是你将要写js代码部分,然后就可以在这里去进行项目的书写2.适合于产品开发的安装方式使用官方提供的脚...原创 2019-05-21 23:10:17 · 668 阅读 · 0 评论 -
react学习之jsx与元素渲染
react学习之JSX与元素渲染1.什么是JSX? 可以理解为将类似于html中的标签放在js的文件中的形式,这样做的好处是,你不需要像纯js那样去引入你的dom节点,去进行你的dom操作。在JSX的语法中,你也可以自己定义组件,但是需要注意的...原创 2019-05-22 22:17:04 · 295 阅读 · 0 评论 -
react学习之事件绑定与条件渲染
react学习之事件绑定与条件渲染事件绑定:对于事件绑定,其在react中的绑定方式就与js中在DOM中的绑定方式相同,但是也有区别。区别: 1. 绑定事件的属性的命名方式是采用的小驼峰式的命名方式,因为你react是更加的接近js而不是html 2...原创 2019-05-24 17:09:10 · 527 阅读 · 0 评论 -
react学习之key与表单
react学习之key与表单1.key在react的数组中,你必须要保证下面的这点,那就是你们数组的每一项都必须有个key值,因为键帮助React识别哪些项已经更改、添加或删除。数组内的元素必须有键,以确保元素有一个稳定的标识。在这个例子中,我们使用了数组的m...原创 2019-05-24 19:53:41 · 431 阅读 · 0 评论 -
react学习之组件与生命周期函数
react学习之组件与生命周期函数1.组件 组件就像是js中的函数一样,它接收任意的输入,并且返回一个react元素,这些元素被返回在我们的屏幕上给展示出来。2.组件的分类 组件分为无状态组件(函数组件)和有状态组件(类...原创 2019-05-22 23:35:03 · 186 阅读 · 0 评论 -
react状态提升和容器组件
react状态提升和容器组件react状态提升通俗的说,对于react状态提升的核心就是去状态共享。我们可以通过下面的一个功能来进行说明。我们要实现的一个功能就是当你在一个输入框中输入华氏温度,你就可以在另外一个输入框中,得到摄氏度;当你在摄氏度的...原创 2019-05-24 21:00:27 · 247 阅读 · 0 评论 -
react高级指南之可访问性与代码拆分
react高级指南之可访问性与代码拆分web可访问性对于可访问性,你需要记住下面的几点即可1.当你用鼠标聚焦和键盘聚焦时,两者之间放在一起发生的易混淆的访问过程,这使得浏览器不知道自己访问的是哪一个信息2.语义HTML:其是web应用程序可访问性的基础。使用各种HTML元素来...原创 2019-05-24 23:51:43 · 151 阅读 · 0 评论 -
react中的Error Boundaries
react中的Error Boundaries在没有去认真阅读过react高级指南之前,对于错误界限这个概念毫无任何认识。在阅读过官网文档之后,对于Error Boundaries这个概念便有了下面的认识。Error Bound...原创 2019-05-25 21:13:46 · 971 阅读 · 0 评论 -
react中的fragments与HOC
react中的fragmentsHOCfragment对于fragment的最初接触是在做todoList这个功能的时候,在render()中你return的必须是一个整体,如果你使用<div>去包裹这个整个的组件,那么这个div就会显示在你...原创 2019-05-26 10:20:20 · 365 阅读 · 0 评论 -
react中集成其他框架与JSX Depth
react中集成其他框架与JSX Depth集成其他框架在react中去集成其他的框架,就是意味着你可以在react中去使用其他的框架,例如jquery等一些js框架,但是需要注意的是,你必须去清楚每一个操作在react中会产生什么样的行为,会不会是react...原创 2019-05-26 19:58:02 · 312 阅读 · 0 评论 -
react中的性能优化
react中的性能优化在项目开发的过程中,当你完成了一个产品的开发并不算你项目的结束,因为你还要去考虑你的代码的执行效率,项目的运行速度等问题,因此在react中,有如下的办法去提升你在项目开发中的效率问题1.使用生产构建,如果当你在产品的测试或...原创 2019-05-27 09:50:22 · 514 阅读 · 0 评论 -
react中的portals,es6和JSX
react中的portalsportals(门户网站)portal提供了一种一流的方式,将一个存在于DOM节点之中的一个子节点,用于去父组件节点之外的地方。其语法规则是:在createPortal中,第一个参数指的是任何一...原创 2019-05-27 21:26:30 · 269 阅读 · 0 评论 -
react中的reconciliation与ref and DOM
react中的reconciliation在react高级指南中说到了一个reconciliation(协调),这部分的内容主要说明了在react中,怎样去渲染,怎样去协调你的代码。在这里说到了一个DIFF算法,其算法复杂度为O(n)。那么这个算法有什么用呢...原创 2019-05-27 23:04:47 · 250 阅读 · 0 评论 -
react中的render props与静态类型检验
react中的render props与静态类型检验render props是一种术语,指的是一种技术在react组件之间的函数中来共享代码。一个带有render props的组件接收一个函数,调用这个函数而不是去实现自己的逻辑渲染。render pr...原创 2019-05-28 21:22:48 · 497 阅读 · 0 评论 -
react中的检查属性类型、不受控组件和web组件
react中的检查属性类型、不受控组件和web组件检查属性类型在react中,也提供了一下特殊的检验方法,其主要是对接受到的props的类型进行检验,下面先举一个实际的例子。在上面的代码部分中,主要去name属性的类型进行了一个检验,其检验的内容是接受一个字符串形式的name,因此...原创 2019-05-28 22:10:41 · 326 阅读 · 0 评论