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-
设置cookie
react设置cookie,持久化保存数据,一般来说,我们使用redux来保存当前数据即可,但是有一种情况,需要保存信息,那就是登陆的时候,我们需要存储,token,来保持永久化登陆将其抽取到了common中,通过document.cookie,来获取页面的cookieexportdefault{//获取cookiegetCookie(key){constname=key+"=";constca=
池存祥
·
2019-02-14 12:22
react-
(1)开发环境搭建
①安装react脚手架(安装一次即可)clipboard.png②创建项目clipboard2.png③运行项目npmstartclipboard3.pngclipboard4.png
hs_jianshu
·
2019-01-19 02:48
react全家桶从0到1(react-router4、redux、redux-saga)
代码库:https://github.com/teapot-py/
react-
wupengyu
·
2019-01-18 00:00
react.js
redux
react-router4
React-
请求网络的两种方式
方式一:原生请求,react自带的fetch请求方式fetch(opt.url,{method:opt.type,body:data,headers:{'content-type':opt.contentType}}).then(res=>{res.json().then((data)=>{console.log(data)})}).catch(e=>{console.log(e)});方式二aj
池存祥
·
2019-01-14 19:49
react
react-
开发经验分享-Table表格组件里自定义翻页方法
Author:Mr.柳上原付出不亚于任何的努力愿我们所有的努力,都不会被生活辜负不忘初心,方得始终ant框架里,Table表格组件里自定义翻页组件的方法在Table表格组件里,自带了pagination翻页方法,不需要手动去写但是这个翻页是最基础的翻页很多时候,开发需求需要更多的翻页功能比如输入页码数字跳转到对应页码自定义每页展示多少条数据等等这时就需要在Table里加上pagination的需求
Mr柳上原
·
2019-01-11 12:11
antd 的Carousel 跑马灯 (
react-
slick )状态重置问题
antd的Carousel跑马灯实际上是用的react-slick插件问题从A页面跳转到B页面时Carousel组件默认会状态重置;原因:组件销毁所以会重置解决方案:修改组件初始化时的initialSlide为你想要的值即可render(){let{move,foc_At,datas}=this.props.knowledgesettings={dots:false,infinite:false,
Meditate_MasterYi
·
2019-01-09 15:01
工作中的零碎知识
React-
虚拟DOM与Diff算法
虚拟DOM与Diff算法欢迎访问我的博客,祝码农同胞们早日走上人生巅峰,迎娶白富美~~~虚拟DOM(VirtualDocumentObjectModel)的模拟DOM树操作需要用到DIff算法,推荐先看这句话下面的文章内容DOM的本质浏览器中的概念,用JS对象来表示页面上的元素,并提供了操作DOM对象的APIReact中的虚拟DOM框架中的概念,是程序员用JS对象来模拟页面上的DOM和DOM嵌套实
nickname_cpongo6
·
2019-01-06 07:37
react-navigation RNGestureHandlerModule.State error
出现如下错误:undefinedisnotanobject(evaluating‘RNGestureHandlerModule.State’)进行如下操作,可解决此问题:检查你的项目中是否安装了RNGH(
react
OutbreakUniverse
·
2019-01-05 17:47
App
git基本操作
克隆gitclonessh/https#ssh/https为项目地址eg:gitclonehttps://github.com/zhangzhaohuan/
react-
技术体验师_萦回
·
2018-12-07 13:50
git 克隆或下载一个仓库下的单个文件夹
例子:现在有一个
React-
仓库https://github.com/zhiyongzaixian/
React-
你要gitclone里面的code/reac
lishundi
·
2018-11-26 22:04
git相关操作
react-
开发经验分享-async与生命周期函数
Author:Mr.柳上原付出不亚于任何的努力愿我们所有的努力,都不会被生活辜负不忘初心,方得始终初衷是希望能把自己在公司做react开发中遇到的一些经验或踩过的坑做个记录警示自己后来想想分享出来给同样的前端学习者减少大家的开发时间互相学习共同进步每篇分享或多或少大家将就着看吧react里,生命周期函数也是可以使用asyncawait,使函数内部的异步数据同步执行,使用方法与其他函数一样//如下/
Mr柳上原
·
2018-11-21 16:49
readme书写
[React](https://img.shields.io/badge/
react-
^16.3.1-brightgreen.svg?style=flat-s
沈哲培
·
2018-10-15 18:21
React-
新的生命周期(React16版本)
组件生命周期的三个阶段Mounting(加载阶段)Updating(更新阶段)Unmounting(卸载阶段)旧的生命周期Mounting(加载阶段:涉及6个钩子函数)constructor()加载的时候调用一次,可以初始化stategetDefaultProps()设置默认的props,也可以用dufaultProps设置组件的默认属性。getInitialState()初始化state,可以直
Nine
·
2018-10-09 00:00
react.js
javascript
前端
react-
项目搭建(dva+antd)
dva是一个基于React和Redux的轻量应用框架,概念来自elm,支持sideeffects、热替换、动态加载、react-native、SSR等,已在生产环境广泛应用。一、安装dva-cli全局安装dva-cli,在终端输入npminstalldva-cli-g确保版本是0.9.1或以上dva-v二、创建新项目通过dvanew创建新应用,包含项目初始化目录和文件,并提供开发服务器、构建脚本、
Graycrr
·
2018-10-08 00:00
redux
antdesign
react.js
react-
浅析react-router4
在react-router4中,除了在路由文件中还可以在页面中写路由组件dva初始化项目中router.js文件的内容如下importReactfrom'react';import{Router,Route,Switch}from'dva/router';importIndexPagefrom'./routes/IndexPage';functionRouterConfig({history}){
Graycrr
·
2018-10-08 00:00
react.js
react-router4
React Native升级0.57.0版本教程
2.安装
react-
SemperChan
·
2018-09-14 21:40
react
native
react-
文件上传
利用antd的Upload组件onFilebeforeUpload=(file)=>{letfileContent=null;constisP12=file.type==='application/x-pkcs12';const{password}=this.state;if(!isP12){message.error('您上传的不是.p12格式文件!');}constisLt40KB=file.
雨蒙_snow
·
2018-08-21 11:12
React-
使用redux-immutable统一数据格式
在header的reducer.js里把header变成immutable对象之后,在组件里获取focused属性就得这样获取:focused:state.header.get('focused')state是一个js对象,state.header是一个immutable对象,所以调用focused这个属性点时候先用.再用.get(),数据获取行为是不统一的。我们需要把state也变成immuta
哥哦狗子
·
2018-08-14 15:00
React-
视图更新策略
setStatereact的一个组件很明显的由dom视图和state数据组成,两个部分泾渭分明。state是数据中心,它的状态决定着视图的状态。这时候发现似乎和我们一直推崇的MVC开发模式有点区别,没了Controller控制器,那用户交互怎么处理,数据变化谁来管理?然而这并不是react所要关心的事情,它只负责ui的渲染。与其他框架监听数据动态改变dom不同,react采用setState来控制
chiuwingyan
·
2018-08-13 14:38
react
React 报错(npm run eject)
[email protected]
:`
react-
继续明天
·
2018-08-01 14:42
react
React-
利用axios请求数据并渲染数据
timg.jpg本文关键词:reactaxiosmockapi.io等等上篇文章快速安装create-react-app脚手架我们已经安装好了一个react项目的脚手架了,现在要用它来做点事情。就最简单的先请求接口数据,再把数据渲染出来。这就是杀鸡用牛刀了,当然我们也可以直接引入React.js也可以了~先看下具体结构的图片react-img-1.png上图我打算分为两个部分来写,第一个部分就是红
我就是z
·
2018-07-30 13:10
React-
利用axios请求数据并渲染数据
timg.jpg本文关键词:reactaxiosmockapi.io等等上篇文章快速安装create-react-app脚手架我们已经安装好了一个react项目的脚手架了,现在要用它来做点事情。就最简单的先请求接口数据,再把数据渲染出来。这就是杀鸡用牛刀了,当然我们也可以直接引入React.js也可以了~先看下具体结构的图片react-img-1.png上图我打算分为两个部分来写,第一个部分就是红
我就是z
·
2018-07-30 13:10
Cordova和React-Native两种框架的区别和优劣分析
对比跨平台特性Cordova:writeonce,runanywhere(一次开发,随处运行)
React-
天工开物_152368
·
2018-07-20 15:40
混合开发
react高阶组件
title:
react-
高阶组件date:2018-07-1109:42:35tags:web组件间抽象在React组件的构建过程中,常常有这样的场景,有一类功能需要被不同的组件公用,此时,就涉及抽象的话题
Kris_lee
·
2018-07-19 10:21
模块开发之react-redux使用装饰器函数Decorator(九)
Decoratorreact-redux里使用装饰器函数安装依赖源始的connect使用方式最简单的connect装饰器函数稍微复杂的方式再高一级使用方式总结前言这段时间一直搞前端模块开发,使用React框架,配置redux,中间使用
react
陈袁
·
2018-06-29 23:35
技术总结
前端框架
react-
生命周期
表单通过三种当时获取表单的数据包含表单的组件分类受控组件:表单项输入数据能够自动收集成状态,案例中的age字段非受控组件:需要时才手动读取表单输入框中的数据,案例中的username和password字段大部分推荐使用受控组件,因为其更符合react的思想,不需要进行DOM的操作,而且react也不推荐过多的使用refsclassLoginextendsReact.Component{constr
wyao
·
2018-05-19 00:00
react-
入门
基础认识官网特点声明式编程组件化支持客户端和服务端渲染高效虚拟DOM,不总是直接操作DOM,只是减少DOM的操作,操作虚拟DOM不会对页面进行重绘,当渲染的时候,才会进行渲染DOMDiff算法,最小化页面重绘,就是当页面变化时,通过计算那部分需要重绘,只重绘当前部分,减少页面的重绘区域单向数据流js文件react.js:react的核心库react-dom.js:提供操作DOM的react扩展ba
wyao
·
2018-05-17 22:00
React-
联合组件
前言本文讲的如何利用context,将多个组件串联起来,实现一个更大的联合组件。最具有这个特性的就是表单组件,所以本文例子就是一个表单组件。本文例子参考AntDesign。本次不讲context知识,需要的话等到下一次分享。准备es6基本知识。参考地址react基本知识。参考地址create-react-app脚手架。参考地址reactcontext知识。参考地址reactprop-types相关
inight
·
2018-05-14 00:00
react.js
react-native-video实现视频全屏播放的方法
首先来看看
react-
不�旋律
·
2018-03-19 09:34
react-
日常总结
1.ParseError:AdjacentJSXelementsmustbewrappedinanenclosingtagWechatIMG117.jpegUncaughtTypeError:Superexpressionmusteitherbenullorafunction,notundefinedWechatIMG118.jpeg3.reactinline-stylestyle={{fontS
stone_yao
·
2018-02-23 18:04
jquery-事件框架探索
在熟悉代码中,我发现,原来不用框架还可以这么写的….当然从angular->
react-
>jq,我只能去适应别人,毕竟自己是
Jack_King007
·
2018-01-07 23:22
Html5+css3入门
React-
服务器端渲染
早起为什么服务器端渲染?服务器端渲染有几个优点:如果http被预先渲染,浏览器的性能就会增加,因为浏览器把所有一起返回,所以浏览器的工作量减少了。另外,HTML页面由CDN缓存,不需要在每一次调用时被重新创建。搜索引擎只能编译HTML代码,不能编译JS。目前唯一正确的方式是在服务器端渲染所有搜索引擎相关的信息,不会影响seo。渲染静态标记rendrtToStaticMarkup方法接收了一个rea
王_建峰
·
2017-12-13 07:21
react-router 与react-reduct 配合使用时,页面不刷新问题
异常现象点击Linkurl变化但是页面不更新出现此问题的条件:1.使用了react-reduct的connect2.Router与Root之间有有layout布局元素解决办法:withRouter包裹组件原因:
react
isaisai
·
2017-09-25 19:23
react
react-
生命周期函数
react生命周期分为三个阶段1.Mounting组件初始化constructor()一般把组件的state的初始化工作放在constructor里面去做。getDefaultProps()设置组件默认的属性,注意这个钩子函数只会在第一次实例化的时候被调用,多次实例化的组件会共享同一份props。getInitialState()组件的初始化状态,可以通过用户的操作来更改组件自身的状态。compo
JOY_LiuLiu
·
2017-09-21 14:08
前端基础知识
react
React - JSX语法详解(附样例)
在前文中:
React-
功能介绍、安装配置说明(附几个简单的入门样例),我演示了如何使用ReactJS进行页面开发。本文来着重介绍下JSX。
国民牛牛
·
2017-09-13 18:32
详解react-native-fs插件的使用以及遇到的坑
npminstallreact-native-fs--save//注意:如果reactnative版本是进行完上述安装操作后,可以使用这个插件的各种方法,每个方法的具体使用例子,请看链接:https://github.com/itinance/
react
xiaojun_zxj
·
2017-09-12 14:26
React-
数据列表渲染学习
数据列表渲染数据列表处理使我们常见的事物类型,到后台给你一串数据列表,你将如何展示在前端页面上呢,传统的我们都是通过循环来实现,那么在react里面我们又是怎样实现的呢?数据如下constbooks=[{bookname:'1',time:'一号',},{bookname:'2',time:'二号'},{bookname:'3',time:'三号'},{bookname:'4',time:'四号'
美美王子
·
2017-08-27 22:00
react-js
Redux与
React-
看懂你就懂了
React是View层,把页面划分为一个个组件,但是组件之间的通信,数据传递,需要通过props传递,单纯的父子之间,这样做是可以的,但是随着页面的丰富,组件嵌套的深度,组件之间传递信息就显得略微麻烦,你能想象层层传递的状态么。。。。大概就是下图所示的Redux正好解决了这个问题,Redux把页面状态存在store中,任何一个组件都可以直接从store中获取数据,相当于本来是中央集权,通过层级传递
daysRoc
·
2017-07-14 11:05
Redux
Redux与
React-
看懂你就懂了
React是View层,把页面划分为一个个组件,但是组件之间的通信,数据传递,需要通过props传递,单纯的父子之间,这样做是可以的,但是随着页面的丰富,组件嵌套的深度,组件之间传递信息就显得略微麻烦,你能想象层层传递的状态么。。。。大概就是下图所示的Redux正好解决了这个问题,Redux把页面状态存在store中,任何一个组件都可以直接从store中获取数据,相当于本来是中央集权,通过层级传递
daysRoc
·
2017-07-14 11:05
Redux
Redux与React的关系详解
React-
关注View层的组件化Redux-关注DataModel的处理所以没关系。
daysRoc
·
2017-07-11 18:44
Redux
如何在非 React 项目中使用 Redux
本文作者:胡子大哈原文链接:https://scriptoj.com/topic/178/如何在非-
react-
项目中使用-redux转载请注明出处,保留原文链接和作者信息。
胡子大哈
·
2017-06-28 14:58
如何在非 React 项目中使用 Redux
本文作者:胡子大哈原文链接:https://scriptoj.com/topic/178/如何在非-
react-
项目中使用-redux转载请注明出处,保留原文链接和作者信息。
胡子大哈
·
2017-06-28 00:00
react.js
redux
qianduan
[email protected]
使用和源码解析
这篇文章不讨论版本的变化,只是讨论一下
React-
weixin_30556161
·
2017-05-26 15:00
javascript
ui
深入理解
[email protected]
使用和源码解析
这篇文章不讨论版本的变化,只是讨论一下
React-
夏尔先生
·
2017-05-23 17:51
翻译|11 mistakes I’ve made during React Native / Redux app development
稍不注意就会出错,有语法问题,有结构问题,有设计问题.所以如果能从高手的文章中学习一点对错误的总结,那么我会少走很多的弯路.那么看看这篇文章吧11个React-nativeapp开发中的错误译文开始:我在
React
smartphp
·
2017-04-30 21:26
React-
高级教程完整版
React高级教程完整版这标题可能有点不太贴切或符合内容,从官方上来区分这部分内容确实属于高级部分,只是由于个人原因,在后面的一些章节并没有记录在列。也为了承接上一篇,因此勉强将标题定位:“React高级教程完整版”纯属针对个人学习记录成果,无他~~~属性类型检测(TypecheckingWithPropTypes)React内置了一系列的类型那个检测功能,通过Comp.propTypes对象指定
若叶岂知秋vip
·
2017-04-05 23:43
ReactJS
[email protected]
使用和源码解析
这篇文章不讨论版本的变化,只是讨论一下
React-
夏尔先生
·
2017-03-17 14:34
[email protected]
使用和源码解析
这篇文章不讨论版本的变化,只是讨论一下
React-
夏尔先生
·
2017-03-17 14:34
react-native ios打包
>rm-rf$TMPDIR/
react-
*##2.Deleteexistedbundlefile.(如果之前已经有了main.jsbundle,会删除掉,之前没有,会显示找不到)>rmios/ma
简翦儋箪
·
2017-02-16 14:50
React-
实现一个li标签多选
先来描述一下遇到的问题:条件1:父组件A调用子组件B,并传入了一个数组,在组件B中需要根据组件A传过来的数组遍历出一个个li标签,并且能够实现对li标签的多选。条件2:项目引用的图标是基于iconfont实现的,为了统一规则,图标只能在js中引用,不可以在css中引用,所以在代码中会一次性引入两个icon,那么到底显示哪个呢?那就需要css来解决了。先看一下iconfont中我需要的两个icon很
一座被占用
·
2016-12-20 22:43
上一页
2
3
4
5
6
7
8
9
下一页
按字母分类:
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
其他