在上一篇总结了react中路由的基本用法，实现了基本的页面跳转，但这肯定是不够用的，比如说在新闻列表页面，点击某一条新闻，希望页面能跳转到新闻详情页，又该如何实现呢？首先继续上一篇的项目，添加一个新闻详情页面组件content.js然后在根组件App.js中配置路由：最后，修改新闻列表组件News.js &n...

　　reactnative（以下简称rn）里面涉及到的样式规则都是在js文件中写的，一改pc端的在样式文件中定义规则，所以pc端开发习惯的童鞋转向开发rn项目时，可能会对样式感到有些奇怪；其实react在地面实现时会转化对应的样式。　　rn中的css样式是css中的一个子集，对css的一些规程进行了阉割，此外还扩展了一...

本次主要总结react中的路由的使用，实现让根组件根据用户访问的地址动态挂载不同的组件。首先使用命令 npxcreate-react-appreact-router创建项目，然后npminstall下载相关依赖，再按照之前的文件目录整理src文件夹，最后再components文件夹下面新建两个组件Home.j...

 在react中，生命周期函数指的是组件在加载前，加载后，以及组件更新数据和组件销毁时触发的一系列方法。通常分为以下几类：组件加载的时候触发的函数：constructor、componentWillMount、render、componentDidMount组件数据更新的时候触发的函数：shouldCompo...

在react中，为了解决html标签构建应用的不足，将公共的功能单独抽离成一个文件作为一个组件，在使用的地方按需引入，既然是组件彼此调用，就会涉及到父子组件的通信，下面主要来总结简单的组件通信。在开始组件通信前，先在components中新建两个文件，News.js和Header.js，并在News.js中引用Head...

常见的表单包括输入框，单选框，复选框，下拉框和多文本框，本次主要总结它们在react中如何取值。在之前有说过输入框，可以先给input框的value绑定一个值，然后通过input框的改变事件来获取用户输入的值，并将这个值赋值给value绑定的值，就可以实现数据的双向绑定了。单选框，首先需要控制的单选框的是否选中，这里可...

不管是在原生的js还是vue中，所有的事件都有其事件对象，该事件对象event中包含着所有与事件相关的信息，在react中，所有的事件也有其事件对象，在触发DOM上的某个事件时，就会产生一个事件对象。在开始前，先按照之前创建项目的方法新建一个项目，然后对项目目录进行整理，并新建一个组件，在App.js中引入该组件。首先...

在react中绑定事件处理函数的this指向一共有三种方法，本次主要总结这三种方式。关于项目的创建方法，在之前的文章中有记录，这里不再赘述，项目创建成功后，按照之前的目录结构对生成的项目进行调整，新建一个Home.js组件，并在App.js中引入该组件。Home.jsimportReactfrom'react';cla...

上一篇文章主要是记录了自己是如何创建react项目的，今天则主要是总结一下react中的一个基础入门知识，包括数据定义和绑定、属性绑定、数组循环等等。当我们使用脚手架或者命令行创建一个项目时，会自动初始化一个首页，也就是项目的根组件节点，但是在正常的做项目时，是不建议将过多的代码放在这个跟组件里面的，更多的是组件化处理...

个人觉着react和vue是很相似的，之前还转载过一篇介绍两个异同点的文章，那个时候还完全不懂react，现在才慢慢开始接触，所以只能总结一些个人的心得，首先自然是react的优点了，个人觉着主要有以下几点吧。React可以开发单页面应用spa（单页面应用）react组件化模块化开发模式React通过对DOM的模拟(虚...

虽然reactnative出来了很久，但是自己一直因为各种原因没有接触学习，中间尝试过一次，但是因为复杂的环境配置而放弃了。现在，终于因为公司的项目不得不去学习了，当然了，再配置开发环境上面，我还是懵懵的，网上找各种帖子，东拼西凑，还多次询问别人才好不容易把环境搭出来的，但是今天并不是为了说明我是如何搭建环境的，毕竟现...

　　Reactor设计模式是event-drivenarchitecture（事件驱动）的一种实现方式。Reactor会解耦并发请求的服务并分发给对应的事件处理器来处理。　　目前，许多流行的开源框架都用到了Reactor模型。如：netty、node.js等，包括java的nio。　　1）分而治之　　一个连接里完整的网...

今天踩了一个前端的坑。当forEach循环中满足某个条件时候就不在循环了。内心第一反应添加returnfalse或return搞定~但是代码他依旧继续循环。最后找到问题所在，forEach跳出的方法是throwerr次才行，严格意义上说 mapforEach他们本身属于迭代行为就不支持跳出的。当然这个thro...

在React的世界中，有容器组件和UI组件之分，在ReactHooks出现之前，UI组件我们可以使用函数，无状态组件来展示UI，而对于容器组件，函数组件就显得无能为力，我们依赖于类组件来获取数据，处理数据，并向下传递参数给UI组件进行渲染。在我看来，使用ReactHooks相比于从前的类组件有以下几点好处：代码可读性更...

1、安装node 8.0以上node-vnpm-v2、安装淘宝镜像cnpmnpminstall-gcnpm--registry=https://registry.npm.taobao.org3、用cnpm安装react，依次输入命令cnpminstall-gcreate-react-appcreate-rea...