51
Dev开发社区
首页
文章
问答
工具
搜索
登录
注册
#React
前端动画必知必会:React 和 Vue 都在用的 FLIP 思想实战
在 vue 的官网中的过渡动画章节中,可以看到一个很酷炫的动画效果乍一看,让我们手写出这个逻辑应该是非常复杂的,先看看本文最后要实现的效果吧,和这个案例是非常类似的。 拿到了这个需求,第一直觉是怎么做?假设第一行第一个图片移动到了第二行第三列,是不是要计算出第一行的高度,再计算...
代码星球
·
2020-12-24
前端
动画
必知
必会
React
React 中请求远程数据的四种方法
react 是一个专注的组件库。因此,它对如何请求远程数据没有什么建议。如果要通过 HTTP 请求数据并将其发送到 WebAPI ,可以考虑下面四种方法。内联写法集中管理自定义 Hookreact-query/swr注意:在本文中,我将使用fetch进行HTT...
代码星球
·
2020-12-24
React
请求
远程
数据
四种
react中如何使用iconfont
1,新建项目 2,搜索想要的图标,输入关键字查询即 3,点击加入购物车。 4,在购物车中点击下载至本地。 5,保留.eot,.css,....
代码星球
·
2020-12-17
react
如何
使用
iconfont
React-router 要点
1.关于url中传参的问题比如我想打开:/articles/detail/101在url中要传一个参数/articles/detail/:articleId路由中:<Routepath="/articles/detail/:articleId"component={ArticleDetail}/>Link中...
代码星球
·
2020-12-17
React-router
要点
React-API
setState在handleClick方法里面,this.setState(function(state){..........})replaceStatesetPropsreplaceProps................................................
代码星球
·
2020-11-27
React-API
React——State
状态管理机制==?vuex?就教程来看,还是不一样的,相当于vue实例里的data初始化,methods事件处理varLikeButton=React.createClass({getInitialState:function(){//statereturn{liked:false};},handleClick:fun...
代码星球
·
2020-11-27
React
State
React——组件
varHelloMessage=React.createClass({render:function(){return<h1>Hello{this.props.name}</h1>;}});ReactDOM.render(<HelloMessagename="Runoob"/>,do...
代码星球
·
2020-11-27
React
组件
React——JSX
就是React的Html语法可以说是实例的render方法创建虚拟DOM树,生成DOM,虚拟dom跟vue好像一样,就是js生成各个节点然后渲染成真实的,这样说不知对不对ReactDOM.render(<Hello/>,//xdocument.querySelector('#app'));x部分就是对应的h...
代码星球
·
2020-11-27
React
JSX
JS框架Vue和React
React和Vue有许多相似之处,它们都有:使用VirtualDOM提供了响应式(Reactive)和组件化(Composable)的视图组件。将注意力集中保持在核心库,而将其他功能如路由和全局状态管理交给相关的库。区别:1、渲染过程Vue在渲染过程中,会跟踪每一个组件的依赖关系,不需要重新渲染整个组件树。 ...
代码星球
·
2020-11-21
JS
框架
Vue
React
JS框架-React.js
JavaScript表达式我们可以在JSX中使用JavaScript表达式。表达式写在花括号{}中。实例如下:<divid="example"></div> <scripttype="text/babel"> &nb...
代码星球
·
2020-11-21
JS
框架
-React.js
三种Web前端框架比较与介绍--Vue, react, angular
1、MVVM(Model)(View)(View-model);2、模块化(Module)控制器(Contoller)依赖注入;3、双向数据绑定:界面的操作能实时反映到数据,数据的变更能实时展现到界面;4、指令(ng-clickng-modelng-hrefng-srcng-if...);5、服务Servi...
代码星球
·
2020-11-05
三种
Web
前端
框架
比较
使用webpack配置react并添加到flask应用
学习react,配置是很痛苦的一关,虽然现在有了create-react-app这样方便的工具,但是必须要自己配置一遍,才能更好地进行项目开发。 首先要明确一个概念:react的文件必须经过编译才能被浏览器识别,因此我们需要webpack这个打包工具来把react的组件打包成一个js文件,然后将这个js文件放到f...
代码星球
·
2020-10-14
使用
webpack
配置
react
加到
自定义react数据验证组件
我们在做前端表单提交时,经常会遇到要对表单中的数据进行校验的问题。如果用户提交的数据不合法,例如格式不正确、非数字类型、超过最大长度、是否必填项、最大值和最小值等等,我们需要在相应的地方给出提示信息。如果用户修正了数据,我们还要将提示信息隐藏起来。 有一些现成的插件可以让你非常方便地实现这一功能,如果你使用的是k...
代码星球
·
2020-09-24
自定义
react
数据
验证
组件
React+dva多图片上传
1111...
代码星球
·
2020-09-17
React+dva
图片
上传
react 地图发布 cesium 篇
上篇文章介绍了如何搭建reactcesium开发环境。在开发环境下,项目一切运行正常。最近把项目打包发布出来,却遇见了cesium不能正确初始化。打开浏览器的调试面板,出现好多404,资源路径错误。下面是项目的资源处理过程整理,其中cesium需要独立处理,大家以后要注意。修改config/paths.jsfuncti...
代码星球
·
2020-09-13
react
地图
发布
cesium
首页
上一页
...
7
8
9
10
11
...
下一页
尾页
按字母分类:
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
其他