react-router 之 routerWillLeave 实现 自定义Dialog

react-router 可以在 react中起到路由的作用,同时也有一个routerWillLeave,这个函数帮助我们再处理路由的时候,离开某个路由要做的某个判断起到了很好的作用,但是version 2 才有这个功能,这里记录下如何自定自己弹出框。


由于react-router自带的功能不是很好,需要我们自己处理一下,于是google参考了stackoverflow上的一篇文章,先建立一个函数

f
...

Reactjs 在 Browser 环境下是如何开发的

以前使用reactjs做前端开发都是webpack打包然后在运行,这样的好处是,你开发的环境是一个纯碎在写nodejs的感觉,而且还能应用很多ES6的新特性,岂不快哉!

最近在做后端,也由于使用webpack时间长,一直没有找到很好的办法去解决,自动打包缓慢的问题,还有就是每次开发你都要去根据具体情况写要给跟webpack相关的config文件。

于是就试着用Browser的环境进行开发,结果今天尝试

...

Android webview中的页面出现的部分Bug及解决方案

写移动页面时给一个图片添加样式如下

img{
  border: .05rem solid #5c0008;
  border-radius: 1rem;
}

在IOS上正常,部分安卓的手机却不能正常显示(例如vivo手机),查阅了资料后发现在安卓低版本的手机上border-radius这个css 属性确实存在该问题以及发现一些其他的问题,特此记下!


一、Android2.3 自带浏览器不支持%


通常我们

...

uglify error log 处理

使用uglify在做js的处理过程中,会遇到js的各种问题,而导致uglify自己报错,但是往往我们不知道具体是哪个文件的js报错了。

这样情况下

uglify().on('error', gutil.log)

gulp-util就能很好的解决我们的问题。

React 0.14 mocha组建单元测试(二)

使用react的情况下,一般也会用到redux,那么对于这种在react中使用redux的情况,写测试的时候就不能只用之前的文章里面介绍的方式写了。

来看下组件例子

import React, { Component, findDOMNode } from 'react'
import { connect } from 'react-redux'
import { increase, decrease
...

React Native 之 列表【ListView 添加 点击列表跳转到指定视图】

上一篇文章中我们了解了一下,简单的添加列表,但是列表添加了,点击列表没有什么反应啊,这不就没啥作用了,这里记录下如何实现点击的效果。

React Native中有个组件叫做TouchableHighlight,一看这名字就知道干啥的了,然后我们在这上面加一个touch的事件。

这里我把上一节的renderMovie的方法代码列到这里:

renderMovie:function(movie){
    r
...