小编Ale*_*rst的帖子

React Native fetch()网络请求失败

当我使用react-native init(RN版本0.29.1)创建一个全新的项目并将渲染方法中的提取放到公共Facebook演示电影API时,它会抛出一个Network Request Failed.有一个非常无用的堆栈跟踪,我无法在chrome控制台中调试网络请求.这是我发送的提取:

fetch('http://facebook.github.io/react-native/movies.json')
      .then((response) => response.json())
      .then((responseJson) => {
        return responseJson.movies;
      })
      .catch((error) => {
        console.error(error);
      });
Run Code Online (Sandbox Code Playgroud)

javascript react-native fetch-api

123
推荐指数
14
解决办法
15万
查看次数

React native flexbox - 如何进行百分比调整|| 列|| 响应|| 网格等

在过去几周使用iOS本地反应之后,我似乎遇到了一些flex样式的缺点......特别是在涉及"响应"行为时.

例如,假设您要创建一个包含卡片的视图(这些卡片的元数据来自API).您希望卡片的视图宽度的50%减去边距和填充,并在每个2之后换行.

在此输入图像描述

我对此视图的当前实现将返回的数组拆分为包含2个项的行.列表容器有flex: 1, flexDirection: 'column,行有flex: 1,然后每张卡有flex: 1.最终结果是每行有2列,均匀占据视图宽度的一半.

看起来在React Native样式中没有简单的方法可以做到这一点,而不使用javascript对数据进行某种预处理,以便正确地进行样式设置.有没有人有什么建议?

javascript css flexbox reactjs react-native

11
推荐指数
2
解决办法
1万
查看次数

在DraftJS中创建"卡拉OK"类型功能

我正在尝试实现一个DraftJS编辑器,该编辑器在录制的音频正在播放时突出显示转录中的单词(有点像卡拉OK).

我收到以下格式的数据:

[
  {
    transcript: "This is the first block",
    timestamps: [0, 1, 2.5, 3.2, 4.1, 5],
  },
  {
    transcript: "This is the second block. Let's sync the audio with the words",
    timestamps: [6, 7, 8.2, 9, 10, 11.3, 12, 13, 14, 15, 16, 17.2],
  },
  ...
]
Run Code Online (Sandbox Code Playgroud)

然后我将这些接收到的数据映射到ContentBlocksContentState使用它们 初始化编辑器ContentState.createFromBlockArray(blocks)

似乎存储时间戳元数据的"DraftJS"方式是Entity为每个单词创建一个具有相应时间戳的内容,然后currentContent在音频播放时进行扫描并突出显示直到当前经过时间的实体.但我不确定这是否是正确的方法,因为它似乎不适合大型转录.

注意:在保持此卡拉OK功能的同时,成绩单需要保持可编辑状态

任何帮助或讨论表示赞赏!

javascript architecture draftjs

10
推荐指数
1
解决办法
149
查看次数

纬度/经度生成用作样本数据

我正在编写一个演示Web应用程序,通过我的公司平台跟踪多个设备.我有应用程序工作,但需要一个csv文件,将模拟在地图上移动的设备,就好像它们是一个连接到汽车的跟踪器.模拟器通过每秒读取1行数据(1 lat/lng点)来工作.下面是一个文件的前几行示例,如果这些点不是分散在美国各地(SclId是设备名称),则可以使用.

SclId   Latitude    Longitude
HAT-0   44.968046   -94.420307
HAT-1   44.33328    -89.132008
HAT-2   33.755787   -116.359998
HAT-3   33.844843   -116.54911
HAT-4   44.92057    -93.44786
HAT-5   44.240309   -91.493619
HAT-0   44.968041   -94.419696
HAT-1   44.333304   -89.132027
HAT-2   33.755783   -116.360066
HAT-3   33.844847   -116.549069
HAT-4   44.920474   -93.447851
HAT-5   44.240304   -91.493768
Run Code Online (Sandbox Code Playgroud)

如果我有一些可以通过鼠标点击创建模拟数据的东西,它将节省我很多时间创建另一个程序,要求我使用设备驱动并将数据记录到CSV.任何帮助/建议将不胜感激.如果您不明白这个问题,请要求澄清!

csv simulation maps demo

7
推荐指数
1
解决办法
2万
查看次数

如何在Backbone.Model.extend中使用多个扩展?

我正在从事以这种方式创建模型的项目。

Backbone.DeepModel.extend({
  ...
});
Run Code Online (Sandbox Code Playgroud)

此deepmodel允许通过语法(例如)引用深层嵌套的属性

containerGrid.get('cols')[0]['content']
Run Code Online (Sandbox Code Playgroud)

现在,我必须以一对多格式实现嵌套模型。深度模型不支持此功能,但是称为骨干关系.js的库支持。该库的语法是

Backbone.RelationalModel.extend({
  ...
});
Run Code Online (Sandbox Code Playgroud)

这些库的功能不重叠,并且我无法重写当前使用Backbone.Deepmodel语法实现的所有代码。我是否可以使用另一个支持这两种功能的库或您可能建议的其他解决方法?

非常感谢您的阅读,非常感谢您的投入和时间!

javascript node.js backbone.js

3
推荐指数
1
解决办法
889
查看次数