解决TypeError: Network request failed get in react native

最近在尝试使用react-native做一个简单的app,在使用fetch方法的时候出现了错误。

TypeError: Network request failed

该提示只在开发环境中存在,如果是release版本是不提示的。

参考了一下这个链接:http://stackoverflow.com/questions/33969333/react-native-fetch-request-failed-with-error-typeerror-network-request-faile

比如我的项目目录是:

index.ios.js
Test/
----itemlist.json
View/
----Header.js
----ItemList
----TapBar.js

比如我要在ItemList中请求数据,之前的写法是这样的:

fetch('../Test/itemList.json').then(...);

这样写就会出现上面的错误,根据上面链接的提示,应该这样写:

fetch('http://localhost:8081/Test/itemList.json').then(...);

我这样写只是针对我的本地测试数据,其他情况可能不是这种情况,需要其他方式解决。

javascript: throttle and debounce

throttle and debounce

1、概念介绍

首先,throttlingdebouncing 都可以对执行的函数进行速率限制。

throtting:在一段时间内,对调用函数的最大次数进行限制,比如:在100ms内最多执行一次该函数。

举个例子,如果你的函数会在10s内执行1000次,比如触发scroll事件,这时候性能开销就比较大,我们可以使用throttle进行控制,让函数每100ms执行一次,这样,10s内最大执行的次数为100次,有效减少了性能开销。

Continue reading

css深入理解:border-radius

border-radius

1、基本书写方式

1.1 设置四个值

基本形式也是简写形式,例如:

<code>div {
  border-radius: 10px 5px 10px 5px;
}
</code>

这样可以给div的四个角都设置border-radius属性,分别对应左上角(top-left)、右上角(top-right)、左下角(bottom-left)、左下角(bottom-right)。

Continue reading

jQuery Deferred

jQuery Deferred

简介

延迟对象是jQury中很重要的一部分,包括Ajax、动画还有其他一些异步操作基本都用延迟对象进行了改写。延迟对象可以让你不关心耗时任务什么时候结束,你只需指定该任务结束后执行什么样的回调即可,在等待的过程中,其他业务逻辑代码依然可以继续运行。

Continue reading