React
xiaotuni
看电影,电视。
展开
-
ReactJS 页面跳转保存当前scrollTop回来时,自动移动到上次浏览器的位置
在移动端的操作的时候,相信大家都遇到到这种情况,翻了好几页了,点击一项进去查,然后回来的时候,还想回来我原来的位置。google上也找了一此,有一个组件,但是好像是如果想实现这个功能,页面就得用那个组件包进来。一个项目已经写了几十个页面了,每个页面都去把他包进去,然后再实现组件里的方法,太痛苦了。后来发现router里有onEnter onLeave事件,那就在这里做文章吧。这就方便多了,就在rou原创 2017-08-04 11:22:29 · 6878 阅读 · 2 评论 -
移动端刷新组件XtnScroll--ReactJS实现
XtnScroll 组件,先看一下效果图下拉的效果 上拉的效果 以前都是用Vue–XtnScroll、Angular4–XtnScroll来实现的刷新组件今天说说React怎么实现。其实这三种框架里用到的方法都是一样的,只是每个里面都有自己的语法特性不一样,所以实现起来大同小意了。创建组件步骤目录结构如下图所示scss 样式文件svg 加载动画XtnScroll.js真正的文件Xtn原创 2017-08-21 16:43:14 · 1305 阅读 · 0 评论 -
ReactJs 添加和删除onScroll事件。
大家都可能会遇到这样的问题,那就是滚动事件 。比较获取div的滚动事件,在ReactJS想要给div添加一个滚动事件,那基本上是添加不上的(可能是我的能力有限吧,反正我到目前为止,还没有找到可以直接给DIV添加滚动事件的)。要想实现滚动,那就必须得componentWillMount里注册scroll事件, window.addEventListener(‘scroll’, this.onScr原创 2017-08-27 15:02:37 · 10923 阅读 · 1 评论 -
Nginx配置ReactJs项目,Url后面直接输入路由路径时老报404问题。
当我们写完项目后,要对项目进行部署,我的配置很简单location /demo { root E:/; index index.html index.htm;}这样配置的有一个问题,只能 http://localhost/demo/来访问。 如果想访问里面的其它界面如 http://localhost/demo/page1的话,就报404找不到页面。 可我在开发的时候,确实没有问题原创 2017-08-31 13:03:17 · 8117 阅读 · 0 评论 -
自己动手搭建一个移动端React+Redux+Webpack3项目框架
自己一直使用的框架React Redux Universal Hot Example,这个用的React Router Webpack 都是比较老的。项目大了之后,运行很慢慢,一直都想换,可找了好久其它的框架,可是使用起来有点不习惯,最近看 从零搭建React全家桶框架教程。然后就按照样式自己也从新搭了一个。里面的目录结构改的都和 React Redux Universal Hot Example原创 2017-09-18 15:35:30 · 3279 阅读 · 0 评论