#React

使用 Webpack 4 和 Babel 7 创建 React 应用程序

  mkdirreact_project  cdreact_project    npminit-y  npmiwebpack@4webpack-cli@3-D//i:install-D:- save-dev  npmireact@16react-dom@16-S  npmibabel-loader@8@babel/c...

使用create-react-app创建应用并执行npm start时出现events.js:183 throw er的解决方法

events.js:183thrower;//Unhandled'error'event。。。ENOSPC。。。解决方法:命令行执行如下内容,避免ENOSPC错误:echofs.inotify.max_user_watches=524288|sudotee-a/etc/sysctl.conf&&sudo...

React Native核心组件View的介绍

View是ReactNative的基础构建元素,是该平台的抽象层,类似于IOS里面的UIView、Android里面的android.View、web里面的div。View是用来修饰和布局它的子元素的。下面举例说明:importReact,{Component}from'react'import{AppRegistry...

React Native组件生命周期

组件生命周期:实例化、挂载、渲染、更新、卸载、销毁 挂载的周期:constructor(objectprops) 组件被实例化,构造函数props参数由于初始化组件熟悉,props由创建该组件的父元素指定的。这个时候组件还没渲染。componentWillMount()在组件第一次渲染前被调用,只会...

React Native的props和state的介绍

this.props可以通过将属性传递给构造函数constructor来实例化组件,这些属性就叫做props。在组件渲染的时候,可以通过this.props访问该组件的属性。但是不在组件方法里面修改props。该组件的父元素一般会修改它孩子的属性,然后孩子重新渲染将这些属性展现出来。当然,孩子不一定重新渲染,具体看sh...

React、Vue、AngularJS、Bootstrap、EasyUI 、AntDesign、Element理解

  工作后接触了React、Vue、AngularJS、Bootstrap、EasyUI、AntDesign、Element,项目中使用过的只有Vue、Bootstrap、EasyUI、Element,当时都认为是不同的前端框架。其实还是有区别的。  框架是一个可复用的设计构件,它规定了应用的体系结构,阐明了整个设计、...

如何安装vscode,用来开发react。

原先用过一段时间vscode,但还是想记录一下。首先在 https://code.visualstudio.com/ 下载vscode,可以选择不同的系统。  下载好之后,直接安装,一直默认点下去就好。当然还需要下载node安装包 :https://nodejs.org...

react新手demo——TodoList

 react-todolist.gif一:写在文章开头今天我们就使用react来实现一个简易版的todolist,我们可以使用这个demo进行list的增删改差,实际效果如上图所示。大家可以clone下来查看:react-todolist这篇文章我们就不使用redux,因为这个demo本身比较简单,不需要通过...
代码星球 代码星球·2021-02-16

React 基础入门

React起源于Facebook内部项目,是一个用来构建用户界面的Javascript库,相当于MVC架构中的V层框架,与市面上其他框架不同的是,React把每一个组件当成了一个状态机,组件内部通过state来维护组件状态的变化,当组件的状态发生变化时,React通过虚拟DOM技术来增量并且高效的更新真实DOM。本文将...
代码星球 代码星球·2021-02-16

一看就懂的ReactJs入门教程(精华版)

现在最热门的前端框架有AngularJS、React、Bootstrap等。自从接触了ReactJS,ReactJs的虚拟DOM(VirtualDOM)和组件化的开发深深的吸引了我,下面来跟我一起领略ReactJS的风采吧~~章有点长,耐心读完,你会有很大收获哦~一、ReactJS简介React起源于Facebook的...

Netty源码 reactor 模型

 翻阅源码时,我们会发现netty中很多方法的调用都是通过线程池的方式进行异步的调用,这种  eventLoop.execute方式的调用,实际上便是reactor线程。对应项目中使用广泛的NioEventLoop。还记得我们创建的两个reactor线程池么,具体代码可以参考 N...
代码星球 代码星球·2021-02-15

Reactor模型详解:单Reactor多线程与主从Reactor多线程

单Reactor多线程网络模型图:图片来源:https://blog.csdn.net/weixin_43326401/article/details/104202424消息处理流程:Reactor对象通过epoll监控连接事件,收到事件后通过回调函数进行转发。如果是连接建立的事件,则由acceptor接受连接,并创建...

react-infinite-scroller使用

importReactfrom'react'importInfiniteScrollfrom'react-infinite-scroller'importaxiosfrom'axios'importqsfrom'qs'import'./style.less'constarr=['a','b','c','d','e']e...
代码星球 代码星球·2021-02-12

react总结

  用react脚手架开发的项目,总结了一些经验和个人的看法  1.组件页面部分    条件渲染:我个人比较喜欢在render函数里面,直接将页面的html部分全部写完,感觉这样的代码利于阅读,那个条件渲染部分就可以使用三目(三元)运算来做,这个写法其实也比较省事          { }我们都知道,{}里面...
代码星球 代码星球·2021-02-12

react 路由

  react提供了实现路由的方式,不过需要我们下载插件react-router-dom   当我们下载好了插件,然后我们可以通过import{}from'react-router-dom'来引入路由标签;  如图,我们可以看到在实现项目中的使用方法  Router.js      我们在...
代码星球 代码星球·2021-02-12
首页上一页12345...下一页尾页