51
Dev开发社区
首页
文章
问答
工具
搜索
登录
注册
#react
React学习(1)—— 基础项目搭建以及环境配置
首先,我们需要安装node.js,直接搜索并在官网下载安装包。 node.js官网:https://nodejs.org/en/现在我们成功安装了node和npm,然后我们来用npm创建新的项目,首先用npm安装create-react-app工具,其可以自动地在本地目录中创建react项目。&n...
代码星球
·
2020-08-25
React
学习
基础
项目
搭建
从省市区多重级联想到的,react和jquery的差别
在我们的前端项目里经常会用到级联的select,比如省市区这样。通常这种级联大多是动态的。比如先加载了省,点击省加载市,点击市加载区。然后数据通常ajax返回。如果没有数据则说明到了叶子节点。 针对这种场景,如果我们使用jquery来实现,要考虑很多的问题,数据部分,以及大量的dom操作。比如这个页面上显示了...
代码星球
·
2020-08-23
省市区
重级
想到
react
jquery
React Native知识点
1. LiveReload和HotReloading的区别:相同点:都是你只要保存一下原文件,那么App就会实时刷新。区别:LiveReload是全局刷新,而HotReloading是局部刷新。2. 有时候我们修改了代码,在手机上并不会实时更新代码。解决的办法就是打开文件(是下面2个路径中的一个):...
代码星球
·
2020-08-19
React
Native
知识点
windows下做react native官方例子遇到的问题
1.android/app/build.gradle文件中,指定了版本:compileSdkVersion23buildToolsVersion"23.0.1"需要在设置中选择,如下图所示:2.报“Couldnotfindtools.jar”错误,是因为没配置java的环境变量JAVA_HOME...
代码星球
·
2020-08-19
windows
下做
react
native
官方
es6语法重构react代码
1、使用React.Component创建组件,需要通过在constructor中调用super()将props传递给React.Component。另外react0.13之后props必须是不可变的。2、用ES6class语法创建组件,其内部只允许定义方法,而不能定义属性,class的属性只能定义在class之外。所...
代码星球
·
2020-08-19
es6
语法
重构
react
代码
react 知识点
1.react内联样式写法:<divstyle={{width:'200px',height:'100px',border:'1pxsolidred'}}></div>react的内联样式是对象,所以这样写。第一重大括号表示这是JavaScript语法,第二重大括号表示样式对象。2.react的...
代码星球
·
2020-08-19
react
知识点
react-native学习之入门app
1、项目初始化:react-nativeinitMyProject2、启动项目:cdMyProjectreact-nativestart新开cmd窗口:react-nativerun-android3、源代码分析:附上index.android.js文件:/**SampleReactNativeApp*https://...
代码星球
·
2020-08-08
react-native
习之
入门
app
react-native学习之环境安装
1、首先是java环境安装-安装JDK2、安装Android-SDK,推荐以下地址:http://tools.android-studio.org/index.php/sdk然后打开SDKManager,下载安装如下:、这里下载推荐使用国内镜像源,配置详见:http://www.androiddevtools.cn/3...
代码星球
·
2020-08-08
react-native
习之
环境
安装
react的基本概念
数据的改变发生通常是通过用户交互行为或者浏览器行为(如路由跳转等)触发的,当此类行为会改变数据的时候可以通过 dispatch 发起一个action,如果是同步行为会直接通过 Reducers 改变 State ,如果是异步行为(副作用)会先触发 E...
代码星球
·
2020-08-08
react
基本概念
react实例:理解dva构建项目的原理
请点击相应的步骤查看详情我们首先搭建一个dvaDemo 项目(请参考react快速构建一个应用项目),然后逐步完成以下内容:结构划分设计Model组件设计方法组件设计实践添加Reducers添加Effects定义Servicemock数据添加样式设计布局第一步,我们会划分一下整体的项目结构,熟悉每一部分是什么...
代码星球
·
2020-08-08
react
实例
理解
dva
构建
react-native命令初始化项目后可借助webstrom快速运行与调试项目
利用webstorm工具打开RN项目,点击然后添加然后进行配置最后,点击apply ,OK完成后期运行项目直接点击: ...
代码星球
·
2020-08-06
项目
react-native
命令
初始化
借助
npm+webpack+babel+react安装
1.首先要安装Node.js,Node.js自带了软件包管理器npm2.在项目文件目录下生成package.json#进入项目目录$npminit3.用npm安装Webpack$npminstallwebpack-g此时Webpack已经安装到了全局环境下,通常我们会将Webpack安装到项目的依赖中,这样就可以使用项...
代码星球
·
2020-08-01
npm+webpack+babel+react
安装
react 入门与进阶教程
前端学习对于我们来说越来越不友好,特别是随着这几年的发展,入门门槛越来越高,连进阶道路都变成了一场马拉松。在学习过程中,我们面临很多选择,vue与react便是一个两难的选择。两者都是非常优秀的框架,而且我不能非常主观的说谁好谁不好。但是从我们初学者的角度来说,其实我们没有必要去考虑谁的性能更好,谁的实现更...
代码星球
·
2020-07-29
react
入门
进阶
教程
react+babel+webpack初试
在上一篇,我们简单学习了webpack学习,现在这里我们简单学习一下react+babel+webpack,进行编译react语法jsx以及结合es6写法。 这里我就简单的直接上demo: package.json文件:{"name":"react-sample","version":"1.0.0","desc...
代码星球
·
2020-07-24
react+babel+webpack
初试
初始react
很久就期待学习react了,惰性,一直都没有去翻阅react的资料,最近抽空,简单的了解了一下react,先记录一下,后续慢慢的学习。一、ReactJS简介 React起源于Facebook的内部项目,因为该公司对市场上所有JavaScriptMVC框架,都不满意,就决定自己写一套,用来架设Instagram的网...
代码星球
·
2020-07-24
初始
react
首页
上一页
...
10
11
12
13
14
...
下一页
尾页
按字母分类:
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
其他