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学习
(三)-不可不知的JSX
前言
react学习
(3)-不可不知的JSX.png本篇内容,对上一节的补充JSX中添加属性有什么要注意的?以及JSX中的子元素是怎么操作的?
itclanCoder
·
2019-07-11 15:42
react学习
笔记-Redux入门(6)
5-1、Redux概念简述Redux=Reducer+Flux(2013官方推荐的数据存储插件)image.png5-2、Redux的工作流程image.pngimage.png5-3、使用Antd实现TodoList页面布局yarnaddantd||npminstallantd--save//安装Antdimport'antd/dist/antd.css'import{Input,Button,
wayne1125
·
2019-07-11 14:29
React学习
第一天(一)
ReactReact简介1、react发展---facebook在构建instagram网站的时候遇见两个问题1、数据绑定的时候,大量操作真实dom,性能成本太高2、网站的数据流向太混乱,不好控制于是facebook起初调研过市场上已存的mvc框架,发现都不太满意,于是就推陈出新,开发了react框架,并在2013年五月份开源React把用户界面抽象成一个个组件,如按钮组件Button、对话框组件
Jane_Su
·
2019-07-08 08:13
React
React学习
(二):React-router学习笔记
React-router学习笔记简单实例create-react-appname创建React脚手架,方便简单应用。设想简单页面,左侧为导航,右侧是网页的头部、内容区域、尾部。src目录如下components//放置组件css//放置css文件routers//放置router配置文件views//放置页面文件contentlayoutloginApp.js//网页整体框架index.js……开
Stella-Chen
·
2019-07-03 14:38
#
React
React
JavaScript
前端框架
React学习
纪实
为什么定义class组件,需要在构造函数上面加上super()super关键字,它指代父类的实例(即父类的this对象)。子类必须在constructor方法中调用super方法,否则新建实例时会报错。这是因为子类没有自己的this对象,而是继承父类的this对象,然后对其进行加工。如果不调用super方法,子类就得不到this对象。React的官方例子中都是加了props作为参数,为毛呢?con
Jowe0428
·
2019-07-02 11:17
学习笔记
React学习
(二)-深入浅出JSX
前言在Jq,原生javascript时期,在写页面时,往往强调的是内容结构,层叠样式,行为动作要分离,三者之间分工明确,不要耦合在一起然而在React出现后,一切皆js,对于在JS里面写HTML代码,刚开始是非常反感的,甚至有违背当初的原则但是,对于原先那种仅仅是把三种语言技术放在了三种不同文件位置里进行分开管理了,实际上,它并没有实现逻辑上的分离既然前端UI显示就是HTML,CSS,javasc
itclanCoder
·
2019-07-01 22:21
React学习
(一)-create-react-app
前言如今,对于现今前端热门的三大框架Vue,Angular,React,对于web开发者来说,早已不是什么陌生的词尽管三者实现业务最终的目的都能达成一致,但是各有特色,其中任何一框架,个人觉得,都博大精深,可圈可点,要学习的内容有很多,我也仅仅是浅尝辄止而已.有时候,因为工作项目的需要,自己在切换各个技术栈的时候,只要一段时间没有用,就有些陌生,说到底不得不承认自己功力不够本文并不是什么教程,只是
itclanCoder
·
2019-06-23 18:11
react学习
笔记系列(二)(包含redux模式)
什么是受控组件?React.js中的 、、 等元素的 value 值如果是受到React.js的控制,那么就是受控组件。什么是挂载?React.js将组件渲染,并且构造DOM元素然后塞入页面的过程称为组件的挂载componentWillMount:组件挂载开始之前,也就是在组件调用 render 方法之前调用。一些组件启动的动作,包括像Ajax数据的拉取操作、一些定时器的启动等,就可以放在 co
LynnWonderLu
·
2019-06-05 17:03
note
react
react-redux
react学习
之弹出层
react的弹出层不同于以往的DOM编程,我们知道,在DOM中,弹出层事件绑定在对应的节点上即可,但是在react中,往往只能实现父子之间的传递控制,显然,弹出层的层级不符合此关系。在这里我们需要使用React官方的portalsportals可以帮助我们将子节点插入到父节点层级之外的地方注:官方文档使用的是class,我在这里使用的是reacthook在react前置知识reacthookuse
c_y_yuan
·
2019-06-05 17:00
React-- 开篇路线
React学习
路线图,一个iosApp开发者的前端之路从前端小白,打卡前行,并写下自己的学习体验
喜欢那只汪
·
2019-06-04 16:39
react学习
之js-xlsx导入和导出excel表格
前记:最近真的挺忙的,一件事接着一件,都忘了我的React项目,尽管这是一个没写概率没写离散的夜晚,我决定还是先做做我的React好了,进入正题项目需求,需要导入和导出表单,发现前端已经强大到无所不能(可惜我有点懒,学的并不勤快)因此使用到js-xlsx,附上github地址:https://github.com/SheetJS/js-xlsx导入表单1.控制台安装$npminstallxlsx2
c_y_yuan
·
2019-06-02 23:00
React学习
(一)——基础项目搭建以及环境配置
关于react,就不多做介绍了,大家都懂,我们直接开始搭建React框架运行环境:1:首先,我们需要安装node.js,直接搜索并在官网下载安装包。node.js官网:https://nodejs.org/en/选择适合的版本后下载下来,并打开安装程序,如下图所示然后,根据安装提示安装node.js,npm包管理工具也会一同安装。安装完成后,打开cmd命令行,输入node-v和npm-v来查看版本
ClassMake
·
2019-05-31 10:26
转载
React学习
—— 受控组件、生命周期、PureComponent
受控组件与非受控组件受控组件:在HTML中,表单元素(如、和)之类的表单元素通常自己维护state,并根据用户输入进行更新。而在React中,可变状态(mutablestate)通常保存在组件的state属性中,并且只能通过使用setState()来更新。classNameFormextendsReact.Component{constructor(props){super(props);this
yozosann
·
2019-05-26 14:14
React学习
来自facebook,2013年诞生只专注提供清晰,直接的视图层解决方案他的功能全部以构建视图为核心并提供类似控制器的函数接口和生命周期函数在react中没有控制器、没有服务、没有指令、没有过滤器等等,有的只有视图,有路由。react非常轻,Angular非常重,非常庞大,只提供组件化相关的非常少量的api。简化了一切可以简化的东西。React可以搭配Flux等架构(Redux实现)使用。有Flu
weixin_34319374
·
2019-05-25 01:25
javascript
ui
测试
React 从入门到进阶之路(一)
在开始
React学习
之前我们先进入官网https://react.docschina.org/看看官方对React的解释:React是用于构建用户界面的JavaScript库。
丰寸
·
2019-05-13 10:00
React学习
之旅----按需加载Antd UI组件及自定义主题
package.json"babel":{"presets":["react-app"],"plugins":[["import",{"libraryName":"antd","style":true}]]}{"name":"reactcms","version":"0.1.0","private":true,"dependencies":{"@babel/core":"7.1.0","@svgr
清风徐来网
·
2019-05-12 21:09
学习笔记
React学习
笔记(2)redux
store是核心其中包含了state,state的结构和内容决定了UI的样子,UI层可以去触发action(动作),每一个action指代一个state更改为另外一个状态,action会发送到reducer,reducer根据action中的描述将store中的state修改,从而我们的到新的state,新的state就会得到新的ui,如此往复,这就是redux中的数据流 4-2定义state就是
白兔仔
·
2019-05-06 00:00
react
React学习
笔记一
我是通过scriptsrc的方式引入的react的相关文件,本次学习顺序按照《React快速上手开发》一书的顺序学习的,本篇博客笔记地址:http://note.youdao.com/noteshare?id=09c72e73de42ff99a65977eaf4db892e&sub=60C0A66521F9494DA5A784A2A6E9877E一、通过scriptsrc的方式引入所需的js文件1
冰泪恋心
·
2019-04-20 12:00
React学习
之漫谈React
事件系统合成事件的绑定方式Test合成事件的实现机制:事件委派和自动绑定。React合成事件系统的委托机制,在合成事件内部仅仅是对最外层的容器进行了绑定,并且依赖事件的冒泡机制完成了委派。表单React受控组件更新state的流程:可以通过在初始state中设置表单的默认值。每当表单的值发生变化时,调用onChange事件处理器。事件处理器通过合成事件对象e拿到改变后的状态,并更新应用的state
cheneyg916
·
2019-04-19 10:37
React学习
第四步--引入样式
本篇文章主要记录关于React项目的样式设置与css、sass、less等文件的引入方法,可能不完全正确,仅供参考。脱离React,有点技术的人应该都熟悉如何在我们的html文件里配置样式以及引入样式文件,这里大概说明一下:1、内联式(行内样式)直接在标签内部声明样式css样式测试文字2、嵌入式(内部样式)在html文件内通过标签名、class或id等方法与标签联系起来设置样式 div{ wid
Daisy_____
·
2019-04-16 14:38
React
React学习
第四步--引入样式
本篇文章主要记录关于React项目的样式设置与css、sass、less等文件的引入方法,可能不完全正确,仅供参考。脱离React,有点技术的人应该都熟悉如何在我们的html文件里配置样式以及引入样式文件,这里大概说明一下:1、内联式(行内样式)直接在标签内部声明样式css样式测试文字2、嵌入式(内部样式)在html文件内通过标签名、class或id等方法与标签联系起来设置样式 div{ wid
Daisy_____
·
2019-04-16 14:38
React
React学习
第三步--元素渲染与组件运用
本篇文章主要围绕React组件封装、数据传递以及渲染DOM展开,并通过实际操作来实现组件的封装。首先在开始本篇文章之前,我们得大致对React有一定了解。React官方中文文档地址:https://react.docschina.orgReact主要的一大特色:组件化,通过创建好拥有各自状态的组件,再由组件构成更加复杂的界面,了解React基础知识的小伙伴应该知道,React框架采取的是虚拟的DO
Daisy_____
·
2019-04-15 10:18
React
React学习
第三步--元素渲染与组件运用
本篇文章主要围绕React组件封装、数据传递以及渲染DOM展开,并通过实际操作来实现组件的封装。首先在开始本篇文章之前,我们得大致对React有一定了解。React官方中文文档地址:https://react.docschina.orgReact主要的一大特色:组件化,通过创建好拥有各自状态的组件,再由组件构成更加复杂的界面,了解React基础知识的小伙伴应该知道,React框架采取的是虚拟的DO
Daisy_____
·
2019-04-15 10:18
React
react学习
react学习
react一个UI框架React用于构建用户界面的JavaScript库.react特点mvvm声明式组件化生态强大学习前置基础html\css\jses6+webpack教程nodejs
weixin_30567225
·
2019-04-07 19:00
javascript
webpack
ui
React学习
第二步--环境配置与项目搭建
大家好,本篇文章将给大家简单介绍一下React项目的环境配置以及项目搭建。React项目主要依赖于Node和NPM这两个技术。Node主要是运行平台,NPM是依赖包管理工具。本文以windows环境为主介绍相关配置。首先打开cmd命令行,输入node-v来查看版本,如果显示版本号证明已有相应环境,若没有那就安装Node.js,直接搜索并在官网下载安装包。node.js官网:https://node
Daisy_____
·
2019-03-27 09:54
React
React学习
第二步--环境配置与项目搭建
大家好,本篇文章将给大家简单介绍一下React项目的环境配置以及项目搭建。React项目主要依赖于Node和NPM这两个技术。Node主要是运行平台,NPM是依赖包管理工具。本文以windows环境为主介绍相关配置。首先打开cmd命令行,输入node-v来查看版本,如果显示版本号证明已有相应环境,若没有那就安装Node.js,直接搜索并在官网下载安装包。node.js官网:https://node
Daisy_____
·
2019-03-27 09:54
React
React学习
笔记
dva路由跳转dynamic(app,model,component)第一个参数为挂载的对象,就是你要将这个router挂载到哪个实例上。第二个参数为这个router所需要的model。第三个参数为这个router的组件。 //根据path跳转到的component的组件 //实际运用中结合component和dynamic使用
linlinlinfeng
·
2019-03-26 00:00
React
一枚java后端的前端
react学习
之路
不懂前端的后端开发攻城狮,不是一个好后端!我为什么要学习前端?前端又不是我的工作内容,学他能给我带来什么好处?很多时候经常听到有这样的声音,好像所有的新东西跟他们都没有关系一样,我一直认为不要把自己局限在一个小巷子里,每一个语言的存在都有他优秀的一面,并且现在前端发展生机勃勃,各种优秀的前端框架层出不穷,react,angularjs,vue都是目前最优秀的大前端框架,nodejs的出现更是完全颠
凯张张
·
2019-03-25 22:14
前端
react基础环境准备
react学习
笔记-01基础的环境准备macbookair,终端使用item2+ohmyzshwindow系统使用cmder增强编辑器vscode,注意插件不能使用beautify,否则进行格式化时,JSX
异度世界2
·
2019-03-22 17:02
React学习
(一)— 基础项目搭建以及环境配置
首先,我们需要安装node.js,然后,根据安装提示安装node.js,npm包管理工具也会一同安装。我们来用npm创建新的项目,首先用npm安装create-react-app工具,其可以自动地在本地目录中创建react项目。在cmd命令行中输入:npminstall-gcreate-react-app然后再输入create-react-appmy-new-app则可创建新项目;然后,在命令行中
__Object__
·
2019-03-14 16:54
React学习
——TodoList
工程初始化create-react-apptodolistcdtodolistyarnstart工程目录文件简介src/index.js入口文件src/app.test.js自动化测试registerServiceWorkerPWAprogressivewebapplication部署在https协议的服务器上可实现客户端离线加载public/manifest.json可将应用存在桌面{"shor
Bingo是谁
·
2019-01-25 10:02
React学习
笔记(四)——Flux架构
4.1MV*和Flux4.1.1MVC/MVVM这两种模式简称MV*模式,其中MVVM是从MVC演进而来的。MVC模型如下:MVVM如下:4.1.2Flux解决方案其模型如下:4.2Flux基本概念Flux应用简化执行流程如下:4.3解读4.3.1Flux核心思想Flux的中心化控制让所有请求和改变都只能通过action发出,统一又dispatcher来分配,好处是View可以保持高度简洁,它不需
wuqingdeqing
·
2019-01-06 21:07
React学习笔记
前端
React
Flux
2019 年 React 学习路线图
React作为当前应用最广泛的前端框架,在Facebook的支持下,近年来实现了飞越式的发展,所以,我们将在下文中介绍2019年
React学习
路线图,希望给想学React的开发者一些借鉴。
sidney_c
·
2018-12-24 22:44
React学习
笔记(一)
零、初识React在一个HTML文件中引入react和react-dom后,可以访问到这两个对象引入并查看这两个对象1.PNG引入并查看这两个对象2.PNG可以看到,React对象中有一些方法,比如我们接下来要学习的creatElement等一、createElementAPIReact对象中有一个createElement方法,在这个方法中可以定义一个虚拟DOM第一个参数表示这个虚拟DOM的名称
许小花花
·
2018-11-23 11:09
React 入门进阶(2)
1.
React学习
来源1.React官网https://reactjs.org(英文网)https://doc.react-china.org(中文网)2.git框架源码https://github.com
欧辰_OSR
·
2018-11-04 18:12
React 入门进阶(2)
1.
React学习
来源1.React官网https://reactjs.org(英文网)https://doc.react-china.org(中文网)2.git框架源码https://github.com
欧辰_OSR
·
2018-11-04 18:12
【
React学习
笔记】【使用AntDesign】
【Javascript学习笔记】目录目录使用antdDesignyarn安装antdDesignyarn引入antdDesign高级配置方便引用引入react-app-rewired并修改package.json里的启动配置。使用babel-plugin-import优化好了的评论功能效果源码下载快捷链接使用antdDesign可参照antdDesign官网文档中的资料ClickHere》yarn
欣欣__KuanG97
·
2018-08-28 17:24
前端(js
html
css
less)
ReactJs
【
React学习
笔记】【应用的结构】
目录目录node_modules/放置项目依赖的包package.json文件刚创建好react项目的大概内容public放置公开资源public/index.html页面src源src/index.js入口文件src/APP.js组件快捷链接node_modules/放置项目依赖的包package.json文件刚创建好react项目的大概内容{ "name":"pro", "version":"
欣欣__KuanG97
·
2018-08-14 00:00
前端(js
html
css
less)
ReactJs
React 入门进阶
1、知识储备(掌握以下知识对于
React学习
很有帮助的)(1).jses5es6csshtml(2).node.js(3).react基础语法2.React基础要点(1).React组建基础(学习react
欧辰_OSR
·
2018-08-11 11:13
React 入门进阶
1、知识储备(掌握以下知识对于
React学习
很有帮助的)(1).jses5es6csshtml(2).node.js(3).react基础语法2.React基础要点(1).React组建基础(学习react
欧辰_OSR
·
2018-08-11 11:13
React学习
笔记.md
React官网学习笔记扩展PeteHunt:React:Rethinkingbestpractices--JSConfEU2013其他受控组件和非受控组件diff算法JSXconstelement=helloworld;概念:jsx是JavaScript语法扩展jsx也是对象特性:jsx可以插入表达式属性名驼峰写法区别于原生HTMLtabindex=>tabIndex,class=>classNa
骁靖
·
2018-08-08 11:47
React学习
笔记
一、React初探es6写法codeimportReactfrom'react';importReactDOMfrom'react-dom';importPropTypesfrom'prop-types';classAppextendsReact.Component{state={title:'环球大前端'}render(){const{title}=this.state;const{name}=
xiaobinwu
·
2018-07-31 00:00
redux
react-router4
react.js
react学习
笔记(二)
状态提升子组件classTemperatureInputextendsReact.Component{constructor(props){super(props);this.handleChange=this.handleChange.bind(this);}handleChange(e){this.props.onTemperatureChange(e.target.value);}rende
风翻火焰
·
2018-07-30 16:52
react
react学习
笔记(一)
state(状态)更新可能是异步的React为了优化性能,有可能会将多个setState()调用合并为一次更新。因为this.props和this.state可能是异步更新的,你不能依赖他们的值计算下一个state(状态)。例如,以下代码可能导致counter(计数器)更新失败://错误this.setState({counter:this.state.counter+this.props.inc
风翻火焰
·
2018-07-30 16:57
react
React学习
之旅一:React介绍以及和Vue的对比区别
React简介React起源于FaceBook的内部项目,因为该公司对市场上的javaScriptMVC框架,都不满意,遂决定自己写一套,用来架设Instagram(照片的网站)。做出来之后觉得很好用,于是在2013年5月进行开源了。由于React的设计思想及其独特,属于革命性创新,性能卓越,代码逻辑却非常简单,所以越来越多的人开始关注并使用,其将成为未来Web开发的主流佛工具。两个重要概念:li
小猴子豆芽菜
·
2018-07-20 23:17
React
[译]为什么选用 Apollo:它的优点、缺点和备选方案
本文翻译自《
React学习
之道》原作者Robin的一片文章https://www.robinwieruch.de/why-apollo-advantages-disadvantages-alternatives
azzgo
·
2018-07-09 23:27
[译] 为什么选用 GraphQL:它的优点、缺点和备选方案
知乎连接本文翻译自《
React学习
之道》原作者Robin的一片文章https://www.robinwieruch.de/why-graphql-advantages-disadvantages-alternatives
azzgo
·
2018-07-08 23:53
React router v3.0 配置根目录basename
最近在react项目中遇到路由需要配置根目录路径问题,查了很多资料,最后终于解决了,记录一下,希望对
React学习
的人有帮助。
vicky_chen89
·
2018-07-07 10:40
React学习
笔记知识点整理
1.几个重要概念理解模块与组件模块:理解:向外提供特定(局部)功能的js程序,一般就是一个js文件为什么:js代码更多更复杂作用:复用js,简化js的编写,提高js运行效率组件:理解:用来实现特定功能效果的代码集合(html/css/js)为什么:一个界面的功能更复杂作用:复用编码,简化项目编码,提高运行效率模块化与组件化模块化:当应用的js都以模块来编写的,这个应用就是一个模块化的应用组件化:当
George_Fal
·
2018-06-29 05:57
javascript
webpack
json
React学习
笔记知识点整理
1.几个重要概念理解模块与组件模块:理解:向外提供特定(局部)功能的js程序,一般就是一个js文件为什么:js代码更多更复杂作用:复用js,简化js的编写,提高js运行效率组件:理解:用来实现特定功能效果的代码集合(html/css/js)为什么:一个界面的功能更复杂作用:复用编码,简化项目编码,提高运行效率模块化与组件化模块化:当应用的js都以模块来编写的,这个应用就是一个模块化的应用组件化:当
·
2018-06-29 00:00
react.js
react-router
react-native
上一页
13
14
15
16
17
18
19
20
下一页
按字母分类:
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
其他