E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
react学习
React学习
拾遗2
组件间通信:龟兔赛跑-React组件间通信Demo:http://js.jirengu.com/yowec/editReact的每一帧都是重绘,所以每一次数据变动,每个组件都会先重新计算一下自己的状态。eventHub发布订阅模式:定义:发布/订阅模式订阅者把自己想订阅的事件注册到调度中心,当该事件触发时候,发布者发布该事件到调度中心(顺带上下文),由调度中心统一调度订阅者注册到调度中心的处理代码
夜舞暗澜_3ea2
·
2019-12-06 10:54
React学习
(10)-React中编写样式CSS(styled-components)
前言React中编写样式css(styled-components).pngReact是一个构建用户界面的js库,从UI=render()这个等式中就很好的映射了这一点,UI的显示取决于等式右边的render函数的返回值.而编写React应用,就是在编写React组件,组件中最重要的数据就是props和state,有了数据,怎么让其以什么样的显示,那就是CSS做的事情了在React中,一切皆可以是
itclanCoder
·
2019-12-02 10:39
react学习
第五天笔记之项目实战
项目项目架构index.html为html模板文件;app.js入口文件;用于引入路由和css文件等;router.js为路由文件,里面设置了整个项目的路由设置;component为所有的组件;main.js为所有的组件的父级组件,里面设置子组件,作为整体布局;logout,add,video组件都是main的子组件,通过在main中获取显示;login组件与main是同级的;public为静态文
果木山
·
2019-12-01 15:14
根据Redux文档学源码(一)
image.pngredux应该是
react学习
中绕不过去的一个环节了,而且redux的源码也比较少,是学习的比较好的一个库,今天我们就结合着redux的手册来看看redux的工作原理到底是什么样子的。
alixwang
·
2019-12-01 08:30
React 技术总结
本文是我为最近一个月
React学习
和实践的技术总结,文章的前半部分主要是总结React开发使用的技术栈和基础知识,在文章写到后半部分,我深入地思考了React框架的特性,得出了React是一门融合了函数式编程思想的本质上是面向对象的框架这一结论
萌萌的小伟哥
·
2019-11-29 07:09
React.JS 学习资源汇——持续更新
React学习
目标能够熟练运用React框架了解React组建的生命周期入门学习官方文档英文原版https://facebook.github.io/react/中文文档https://doc.react-china.org
査辰昊
·
2019-11-28 07:22
react学习
-react父组件给子组件传值与设置传值类型以及是否必传参数
react父组件给子组件传参时,父组件直接在引入的子组件内写入要传递的参数即可在子组件接收使用props{this.props.title}这样就可以获取到父组件内传递的参数。传参的同时也可以限制传参的类型,这里需要引入一个react的方法prop-typesimportPropTypesfrom'prop-types';然后去设置类型,使用组件名点propTypesclassHeaderComp
旭i丿
·
2019-11-20 11:00
React学习
经验
REACT特点声明式编码组件化编码高效支持服务端渲染单向数据流JSX解析遇到Hello,world;constelement=React.createElement('h1',{className:'greeting'},'Hello,world!');最终其实编译成了类似下面的js对象constelement={type:'h1',props:{className:'greeting',chil
yxz247
·
2019-11-08 22:19
迷渡知乎Live——前端入门
做一个计算器代码是否全面,调试性高不高计算器,扩展性CSS布局、JS闭包业务代码最不重要的就是性能,最重要的是可维护性少用变量多用常量,少用循环语句,多用函数式入门者的建议,不要先去学习框架抛开react,学习
react
跑者小越
·
2019-11-05 13:53
React学习
--入门篇
1什么是React?Paste_Image.png2开始使用2.1直接引入在HTML中直接引入React核心库文件进行开发。HelloReact!ReactDOM.render(Hello,world!,document.getElementById('example'));
不写就忘了
·
2019-11-04 03:57
思维导图之
React学习
在解析React编程之前,我们先来了解了解React是什么?React是Facebook内部的一个JavaScript类库,可用于创建Web用户交互界面。它引入了一种新的方式来处理浏览器DOM。使它更具有扩展性,更加容易加入新的功能,你只需要声明地定义各个时间点的用户界面,而无序关系在数据变化时,需要更新哪一部分DOM。在任何时间点,React都能以最小的DOM修改来更新整个应用程序。下面我们一起
wv橙子
·
2019-11-01 04:55
React学习
之---JSX与虚拟DOM
最近开始了React的学习之旅,感觉这些框架都是一个套路。早先有学过VUE,它就像是在写模板,大部分是HTML。而React是在写模块,大部分是写js。React中有一个神奇的技术就是JSX,VUE2.0中引入也了React的JSX技术,但是React为什么要使用JSX技术呢?我们先来看官方的观点:JSXisnotrequiredtouseReact,butitmakescodemorereada
殊一ONLY
·
2019-10-31 15:42
2018-03-10
title:
react学习
笔记date:2018-01-2300:59:13tags:react心得React基础相关名词什么是webpack[link][http://geezhawk.github.io
明哥学编程
·
2019-10-30 19:21
React学习
demo
安装依赖导入//cnpminstallreact-router-dom-S//或//yarnaddreact-router-dom//index.jsimportReactfrom'react'importReactDOMfrom'react-dom'importAppfrom"@/App"ReactDOM.render(,document.getElementById('app'))App.js
大庚年
·
2019-10-21 10:00
React学习
(一)-create-react-app
前言如今,对于现今前端热门的三大框架Vue,Angular,React,对于web开发者来说,早已不是什么陌生的词尽管三者实现业务最终的目的都能达成一致,但是各有特色,其中任何一框架,个人觉得,都博大精深,可圈可点,要学习的内容有很多,我也仅仅是浅尝辄止而已.有时候,因为工作项目的需要,自己在切换各个技术栈的时候,只要一段时间没有用,就有些陌生,说到底不得不承认自己功力不够本文并不是什么教程,只是
itclanCoder
·
2019-10-18 11:39
javascript
react.js
【React】
react学习
笔记11-路由
官网:react-router官网:https://reacttraining.com/react-router/web/guides/quick-starthttp://react-guide.github.io/react-router-cn/使用:这个官网文档比较干净简洁,写的很清楚的,所以我直接抄的(吐槽百度竟然首页没有,我用谷歌搜到的):1、脚手架创建一个项目:npminstall-gc
the_fool_
·
2019-10-17 11:20
React
ReactJS前端框架的基本原理和使用
React学习
笔记开启React组件化编程组件化Component页面上每个部分都可以是一个组件class的exportstate的概念当state或者props发生改变的时候,render重新执行当父组件的
菜鸡儿的架构师之路
·
2019-10-12 11:11
JavaScript
React
前端开发
JavaScript
React
前端开发
React学习
笔记--在组件化开发中使用redux
在组件化开发中,不管是使用Vue还是React,都会遇到组件间数据传递的问题,两个框架都有各自的解决方法,一般采用的方法无非是将数据放到全局供任何地方调用通过组件间层层传递来共享数据通过发布订阅的方式一般情况下,如果只是父组件传到子组件,我们可以直接采用props来传递数据,不管在Vue中还是在React中都可以,但是一旦有多层组件嵌套,那么层层传递数据就会显得非常麻烦,而且后期也难以维护,为了解
前端小黑
·
2019-10-07 02:29
React
React学习
笔记(九)refs 获取DOM节点/自定义组件的实例
React和Vue一样,不建议操作DOM,但是如果我们在某个场景必须操作DOM,那么也可以使用refs来实现。refs的基本使用refs的创建refs是通过React.createRef()来创建的,通过使用ref属性来对应某个元素。一般在constructor中赋值给某个实例属性来达到多次复用的作用classAppextendsReact.Component{render(){return}}c
前端小黑
·
2019-10-04 21:37
React
React学习
(9)-React中发送Ajax请求以及Mock数据
前言在React中,render函数返回的结果,取决于组件的props和state我们都知道UI页面上的数据不是写死的,往往是从后端的数据接口中拿到然后将真实的数据填充到页面上那么应该在哪个生命周期函数中发起请求?又如何发起Ajax请求呢以及有哪些方式?以及我们怎么样模拟一个后端数据接口?那么本小节就是你想要知道的如果想阅读体验更好,可戳该链接,React中发送Ajax请求以及Mock数据示例AP
itclanCoder
·
2019-10-01 09:07
React学习
(8)-React中组件的生命周期
前言为了进一步的了解React的工作过程,已经晓得了怎么编写React组件,知道了React的数据流,那么是时候学习React组件的生命周期了,每个组件都包含生命周期方法,生命周期如同四季更替,一个人的生,老,病,死.在每个特殊的年龄阶段,做这不同的事情在React编写组件中,同样,每个组件在网页中都有被创建,更新,删除这么一过程,就像有机的生命体一样理解生命周期函数对于编写React组件代码是非
itclanCoder
·
2019-09-29 13:16
React学习
(7)-React中的事件处理
前言props与state都是用于组件存储数据的一js对象,前者是对外暴露数据接口,后者是对内组件的状态,它们决定了UI界面显示形态,而若想要用户与界面有些交互动作也就是web浏览器通知应用程序发生了什么事情,例如:鼠标点击,移动,键盘按下等页面发生相应的反馈,它是用户与文档或者浏览器窗口中发生的一些特定的交互瞬间.这个时候就需要用事件实现了在原生JS操作DOM中,往往有内联方式(在HTML中直接
itclanCoder
·
2019-09-29 13:33
React 学习笔记(基础篇)
前言以下是
React学习
的一些笔记,基本来源于React中文文档,刚开始学习React,都比较基础,不喜勿碰!
GpingFeng
·
2019-09-27 22:47
React学习
之Hooks 该怎么用
为什么要用Hooks组件嵌套问题之前如果我们需要抽离一些重复的逻辑,就会选择HOC或者renderprops的方式。但是通过这样的方式去实现组件,你打开ReactDevTools就会发现组件被各种其他组件包裹在里面。这种方式首先提高了debug的难度,并且也很难实现共享状态。但是通过Hooks的方式去抽离重复逻辑的话,一是不会增加组件的嵌套,二是可以实现状态的共享。class组件的问题如果我们需要
cheneyg
·
2019-09-25 00:00
javascript
react.js
react学习
笔记--使用axios和fetch(实现Ajax)
react学习
笔记–使用axios和fetch这个案例是再github上查询到star数量最多的指定的repository。
家里有只猪
·
2019-09-23 22:10
#
React学习笔记
React学习
途径和资料分享
原文链接:https://www.jianshu.com/p/de421e0db710转自:https://www.jianshu.com/p/de421e0db710这段时间因为项目的原因,要做web前端,趁此机会调研了一下当前前端的技术,根据调研的结果,React毫无疑问是现在的NO.1,遂决定入坑学一下React。工欲善其事必先利其器,搜集整理网上资料制定了一个学习React的基础路线,希望
PacosonSWJTU
·
2019-09-07 23:38
react
React学习
(网络请求)
一开始在弄网络请求的时候我还以为有很多东西要弄,但是发现其实React的网络请求也就那么几种,首先是自带的fetch请求,这种最基础也不用特意安装;其次是和vue相同的axios,这玩意很通用啊,再者还有专门的react-axios,不过我并没有去研究或者看这个,因为之前用过vue,所以对于axios比较熟悉。这篇文章主要介绍的就是axios,但是要注意的是和vue不同点就是在初始化的调用方面的处
Loren_Wang
·
2019-09-04 14:13
网络
react
学习
React学习
记录
不会前端的java工程师不是好java工程师在我的私人博客查看本篇博文前言俗话说的好,不会前端的java工程师不是好java工程师。笔者在之前已经学习过Vue的相关技术栈,事实上笔者的毕业设计也是用Vue做的~除了Vue,React和Flutter如今也是如日中天般的火爆,今天这篇文章记录一下学React的过程。后续应该随着学习的深入还会不断更新,所以这里排个updatelog,方便记录~2019
沙琪玛要加油
·
2019-09-03 18:18
React
react学习
笔记_01-jsx
constelement=Hello,world!;首先我们看到声明了一个element元素,而他的内容并非字符串或者html。它被称为JSX,是一个JavaScript的语法扩展我们建议在React中配合使用JSX,JSX可以很好地描述UI应该呈现出它应有交互的本质形式。JSX可能会使人联想到模版语言,但它具有JavaScript的全部功能。在JSX中嵌入表达式下面案例中的{name}则为被嵌入
xsjyy
·
2019-08-22 16:00
React学习
(一)(论如何逼一个后端写逻辑的LowB成为全栈)
React学习
(一)经过稍微几天的对react的学习,ES6+nodejs的出现更是完全颠覆了老夫前端的认知,原来JavaScript也可以用来服务端开发了,而自己对前端的认识还停留在Bootstrap
不一样的小白噢
·
2019-08-22 09:02
React
React学习
笔记(七) React Router
文章目录1、安装2、入门3、路由器组件4、路由匹配组件5、导航组件6、URL参数7、查询参数8、重定向9、防止转换10、路由配置1、安装ReactRouter是一个基于React的路由库,它被拆分为三个独立的包,分别是:react-router-dom:提供Web应用所需的特定组件react-router-native:提供移动应用所需的特定组件react-router-core:提供核心的路由组
半虹
·
2019-08-19 15:35
React
React
Router
React学习
(6)-React中组件的数据-state
React学习
(6)-React组件中的数据-state.png前言组件中的state具体是什么?怎么更改state的数据?setState函数分别接收对象以及函数有什么区别?
itclanCoder
·
2019-08-17 10:50
React学习
(六)-React中组件的数据-state
虽互不曾谋面,但希望能和你成为笔尖下的朋友以读书,技术,生活为主,偶尔撒点鸡汤不作,不敷衍,意在真诚吐露,用心分享点击左上方,可关注本刊撰文|川川ID:suibichuanji点击下方小程序可看视频点击文末左下方阅读原文,可看更多内容(点击小程序,可看视频)前言组件中的state具体是什么?怎么更改state的数据?setState函数分别接收对象以及函数有什么区别?如何划分组件的状态数据,进行自
itclanCoder
·
2019-08-17 08:00
react学习
reactnative调出调试菜单:adbshellinputkeyevent82运行当前tsx:npmruntsx安装npm:npminstall运行android:react-nativerun-androidcmd命令自动调出VSCode编译器:code_reactnative项目的创建与运行react-nativeinityourapp//这里需要注意:直接用该命令默认新建的最新版本,而最
年轻就该去拼搏奋斗
·
2019-08-15 14:34
react学习
react
学习
React学习
(二)——react中的路由
React学习
React路由现代的前端应用大多都是SPA(单页应用程序),也就是只有一个HTML页面的应用程序。因为它的用户体验更好、对服务器的压力更小,所以更受欢迎。
Felix皇子
·
2019-08-13 10:42
前端开发
React基础(一)
React学习
基本介绍AJavaScriptlibraryforbuildinguserinterfaces——React是一个JS库,用来构建用户界面(再简单点就是写HTML,构建web应用,这是指PC
Felix皇子
·
2019-08-13 10:00
前端开发
React学习
之antd中getFieldDecorator的使用
antd的Form中弃用了getFieldProps,改为了getFieldDecorator,现在记录一下相关的用法。getFieldDecorator用于数据的交互反馈之前对于getFieldProps,首先定义是const{getFieldProps}=this.props.form;现在对于getFieldDecorator,没有变化const{getFieldDecorator}=thi
清颖~
·
2019-08-12 16:31
前端
React
React
antd组件
React学习
之路之创建项目
React开发环境准备IDE工具visualstudiocode开发环境开发环境需要安装nodejs和npm,nodejs工具包含了npm。nodejs下载官网:https://nodejs.org/zh-cn/download/。测试开发环境是否准备完成:使用管理用身份打开命令行窗口,输入:node-v和npm-v。安装create-react-app生成器在命令行窗口输入:npminstall
小子pk了
·
2019-08-12 11:00
React学习
(5)-React中组件的数据-props
React学习
(5)-React组件中的数据-props.png前言开发一个React应用,更多的是在编写组件,而React组件最小的单位就是React元素,编写组件的最大的好处,就是实现代码的复用将一个大的应用按照功能结构等划分成若干个部分
itclanCoder
·
2019-08-08 01:44
React 16.8.6 学习笔记【1】【利用脚手架创建项目,脚手架剖析,lesswebpack配置】
React学习
笔记React是一款框架:具备自己的开发的独立思想(MVC:ModelViewController)框架特点:->划分组件开发;->基于路由的SPA单页面开发(把所有组件拼接成一个页面);
godferyZhu
·
2019-08-06 18:15
框架学习
React基础(一)
从这一篇开始,我将记录下来
React学习
的点滴,分享给有需要的小
游荡de蝌蚪
·
2019-08-01 00:00
react.js
前端
React学习
笔记
元素渲染如何更新已渲染的元素React元素是不可变对象。一旦被创建,你就无法更改它的子元素或者属性。一个元素就像电影的单帧:它代表了某个特定时刻的UI。更新UI唯一的方式是创建一个全新的元素,并将其传入ReactDOM.render()React只更新它需要更新的部分ReactDOM会将元素和它的子元素与它们之前的状态进行比较,并只会进行必要的更新来使DOM达到预期的状态。组件从概念上类似于Jav
Quentin_zhao
·
2019-07-30 17:37
学习笔记
React学习
(4)-理清React的工作方式
前言在接触React之前,我们也许习惯了DOM编程,那它相比于原生JS,JQ编程方式,究竟有什么区别?React的工作方式是什么样子的?所谓的虚拟DOM又指的是什么?以及React的工作方式的优点有哪些?那么本篇就是你想要知道的从一个简单的React组件开始我们先看一个加减数字框组件,具体效果如下所示,分别通过原生JS和JQ是怎么实现的数字加减.gif原生JS实现DOM结构-+CSS层叠样式*{p
itclanCoder
·
2019-07-27 22:35
react学习
输出一(搭建本地开发环境)
学习react的开始,先来搭建一下本地开发环境1、升级node.js(如果你的版本高。忽略此步)注意:node>=8.10和npm>=5.6,如果node版本过低,安装无法成功(本人亲测,会删除创建的项目)方法:windows环境下找到原来安装的路径,去官网下载更高版本的安装包,重新按步骤安装一遍,覆盖原来安装路径即可。node-v查看版本是否更新2、打开你要安装项目的路径,执行npxcreat-
WasimL
·
2019-07-23 09:17
react
React学习
之React-Router V4实战
ReactRouter4是一组导航组件,在你的React应用程序中提供声明性路由。在这个教程中,将通过一个实际的例子来介绍ReactRouter4是怎样使用的。在几乎每个应用程序的体系结构中,路由都是极其重要的。应用程序越大,路由功能就越复杂,从简单到深度嵌套的路由场景。在React构建的应用程序中,ReactRouter是最受欢迎使用最普遍的路由库,随着你的应用程序不断变大变复杂,那就需要多个视
darkCode
·
2019-07-23 00:00
react.js
react-router4
auth
2019年 React 新手学习指南 – 从 React 学习线路图说开去
所以本文完全可以作为2019年
React学习
指南。文章中包含相关资源链接希望对你有所帮助。同时本文也大量引用了The2018Rea
liujiacai
·
2019-07-22 22:00
React学习
之高阶组件及Context API
高阶组件接收组件作为参数,返回新的组件constEnhancedComponent=higherOrderComponent(WrappedComponent)这种模式通常使用函数来实现,基本上是一个类工厂(是的,一个类工厂!)。withTimer.jsimportReact,{Component}from'react'exportdefaultfunctionwithTimer(WrappedC
darkCode
·
2019-07-22 00:00
高阶函数
hoc
react.js
react jsx事件获取event对象
文章目录文章参考一、使用bind函数获取event对象二、箭头函数获取event对象三、使用高阶函数获取event对象文章参考
React学习
–JSX与react事件下面我根据使用难易的顺序做了下面三个例子一
胖鹅68
·
2019-07-15 00:50
react
antDesigin
dva
mobx
React学习
之深入Redux应用框架
Redux作为大型React应用状态管理最常用的工具。它是一个应用数据流框架,与Flux框架类似。它是零依赖的,可以配合其他框架或者类库一起使用。虽然在平时的工作中很多次的用到了它,但是一直没有对其原理进行研究。最近看了一下源码,下面是我自己的一些简单认识。createStore结合使用场景我们首先来看一下createStore方法。//这是我们平常使用时创建storeconststore=cre
cheneyg916
·
2019-07-12 09:49
React学习
之认识Flux架构模式
Flux是Facebook用户建立客户端Web应用的前端架构,它通过利用一个单向的数据流补充了React的组合视图组件,这更是一种模式而非正式框架,你能够无需许多新代码情况下立即开始使用Flux。Flux应用有三个主要部分:Dispatcher调度、存储Store和视图View(React组件),这些不应该和MVC:Model-View-Controll(模型-视图-控制器)混淆,控制器在Flux
cheneyg916
·
2019-07-12 09:34
上一页
12
13
14
15
16
17
18
19
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他