小编mag*_*n11的帖子

在地图中调用异步函数的最佳方法是什么?

我正在映射数组,并且对于新对象的返回值之一,我需要进行异步调用.

var firebaseData = teachers.map(function(teacher) {
  return {
    name: teacher.title,
    description: teacher.body_html,
    image: urlToBase64(teacher.summary_html.match(/src="(.*?)"/)[1]),
    city: metafieldTeacherData[teacher.id].city,
    country: metafieldTeacherData[teacher.id].country,
    state: metafieldTeacherData[teacher.id].state,
    studioName: metafieldTeacherData[teacher.id].studioName,
    studioURL: metafieldTeacherData[teacher.id].studioURL
  }
});
Run Code Online (Sandbox Code Playgroud)

该函数的实现看起来像

function urlToBase64(url) {
  request.get(url, function (error, response, body) {
    if (!error && response.statusCode == 200) {
      return "data:" + response.headers["content-type"] + ";base64," + new Buffer(body).toString('base64');
    }
  });
}
Run Code Online (Sandbox Code Playgroud)

我不清楚做到这一点的最佳方法是什么......承诺?嵌套回调?在ES6或ES7中使用一些东西然后用Babel进行转换?

目前实现这一目标的最佳方式是什么?

谢谢!

javascript node.js

27
推荐指数
5
解决办法
3万
查看次数

未捕获(承诺)TypeError:无法读取undefined(...)的属性'createElement'

我需要将我的无状态功能组件重构为一个类.当我这样做的时候,我一直在看到React本身未定义的错误.

import React from 'react';
import { Cell } from 'fixed-data-table';

const DataCell = ({rowIndex, columnKey, data, onMessageClicked, ...props}) => {
  return (
    <Cell {...props} onClick={onMessageClicked(data[rowIndex].Id)}>
      {data[rowIndex][columnKey]}
    </Cell>
  );
};

export default DataCell;
Run Code Online (Sandbox Code Playgroud)

import { React, Component } from 'react';
import { Cell } from 'fixed-data-table';

class DataCell extends Component {

  onCellClicked() {
    this.props.onMessageClicked(this.props.data[this.props.rowIndex].Id);
  }

  render() {
    const {rowIndex, columnKey, data, ...props} = this.props;
    return (
      <Cell {...props} onClick={onCellClicked}>
        {data[rowIndex][columnKey]}
      </Cell>
    );
  }
}

export default DataCell;
Run Code Online (Sandbox Code Playgroud)

bundle.js:43248 Uncaught …

javascript reactjs

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

如何将React应用程序捆绑到服务器上的子目录中?

我有一个我在本地主机上开发的React应用程序.我想将它复制到服务器到名为vensa的子目录中.

我的webpack配置文件看起来像这样..

const ExtractTextPlugin = require('extract-text-webpack-plugin');

module.exports = {
  entry: [
    './src/index.js'
  ],
  output: {
    path: 'build',
    filename: 'bundle.js'
  },
  module: {
    loaders: [
      {
        test: /\.js$/,
        exclude: /node_modules/,
        loader: 'babel'
      },
      {
        test: /\.scss$/,
        loader: ExtractTextPlugin.extract('style', 'css!sass')
      },
      {
        test: /\.css$/,
        loader: ExtractTextPlugin.extract('style', 'css')
      },
      {
        test: /\.(png|eot|svg|ttf|woff(2)?)(\?v=\d+\.\d+\.\d+)?/,
        loader: 'url'
      }
    ]
  },
  plugins: [
    new ExtractTextPlugin('vensa-dashboard.css')
  ],
  devServer: {
    historyApiFallback: true,
    contentBase: './build'
  }
};
Run Code Online (Sandbox Code Playgroud)

index.html文件看起来像这样......

<!DOCTYPE html>
<html>
<head>
  <title>Vensa Development Test</title>
  <link rel="stylesheet" href="/vensa-dashboard.css">
</head>
<body> …
Run Code Online (Sandbox Code Playgroud)

reactjs webpack

19
推荐指数
4
解决办法
2万
查看次数

如何为金额的比特币地址生成QR码?

我最接近的是来自blockchain.info

https://blockchain.info/qr?data=1Agb153xWsbqS9vt8gP4vBFKHkAchLMdSX&size=200

我找不到其他参数的文档,比如'amount'了吗?

我确实找到了一个名为http://www.btcfrog.com/qr/的服务,该服务生成一个金额的QR码.我以前从未听说过他们(相信?).鉴于此代码将显示在网站上,我不确定要为"纠错级别"或"代码平方大小"放置什么.

bitcoin

17
推荐指数
3
解决办法
2万
查看次数

如何将字体真棒图标设为背景颜色?

在此页面的页脚中 http://128.199.58.229/landingpage/

我有一些字体真棒图标(社交媒体图标).

我试图在图标本身后面给他们一个白色背景.白色背景目前突出.我已经阅读了一些使用宽度,高度和边界半径组合的帖子来实现这一目标,但目前没有成功.

.lt-bus-info .fa {
background-color: white;
border-radius: 50%;
}
Run Code Online (Sandbox Code Playgroud)

这是一个jsfiddle:http://jsfiddle.net/magician11/nfz9sucn/1/ 我正在寻找符号背后的白色:https://dl.dropboxusercontent.com/u/14057353/Screen%20Shot%202014- 12-03%20AT%204.01.18%20 pm.png

有人知道怎么修这个东西吗?谢谢.

css css3 font-awesome

17
推荐指数
1
解决办法
5万
查看次数

“你们的应用程序使用广告ID吗?” 为世博会

我似乎无法找到关于如何在 Google Play 控制台中回答这个问题的明确答案。

浏览网络我找到了一些与广告ID相关的答案

我的应用程序不使用任何特定类型的广告。但我认为因为我正在使用 Expo,我需要因为捆绑的 Facebook SDK 而同意使用广告 ID?

表格看起来像这样...

在此输入图像描述 在此输入图像描述

有谁知道如何为开发者未添加广告功能的 Expo 应用程序填写此表单?

expo

9
推荐指数
1
解决办法
2441
查看次数

为什么Aurelia的alpha版本加载缓慢?

我写了一个最小的测试页来试用Aurelia.

http://www.andrewgolightly.com/

GitHub:https://github.com/magician11/ag-landingpage

我的上一次测试显示,用135次请求加载页面需要55秒.

看来我需要首先捆绑jspm_packages目录,以便立即下载543KB ..而不是碎片.

所以我给出了这个例子: http //aurelia.io/get-started.html

我如何捆绑包裹?我不清楚https://github.com/jspm/jspm-cli/wiki/Production-Workflows

然后我在index.html文件中更新了什么?我仍然需要包含jspm_packages文件夹,因为我在头部引用它,对吧?

<link rel="stylesheet" href="jspm_packages/github/twbs/bootstrap@3.3.2/css/bootstrap.min.css">
<link rel="stylesheet" href="jspm_packages/npm/font-awesome@4.3.0/css/font-awesome.min.css">
Run Code Online (Sandbox Code Playgroud)

谢谢.

更新

该团队正致力于捆绑..

来自Rob Eisenberg:"我们还没有完成我们的捆绑支持.我们正在努力."

aurelia

8
推荐指数
3
解决办法
3899
查看次数

如何将 WebVTT 格式转换为纯文本?

这是 WebVTT 的示例

WEBVTT
Kind: captions
Language: en
Style:
::cue(c.colorCCCCCC) { color: rgb(204,204,204);
 }
::cue(c.colorE5E5E5) { color: rgb(229,229,229);
 }
##

00:00:00.060 --> 00:00:03.080 align:start position:0%
 
<c.colorE5E5E5>okay<00:00:00.690><c> so</c><00:00:00.750><c> this</c><00:00:01.319><c> is</c><00:00:01.469><c> a</c></c><c.colorCCCCCC><00:00:01.500><c> newsflash</c><00:00:02.040><c> page</c><00:00:02.460><c> for</c></c>

00:00:03.080 --> 00:00:03.090 align:start position:0%
<c.colorE5E5E5>okay so this is a</c><c.colorCCCCCC> newsflash page for
 </c>

00:00:03.090 --> 00:00:08.360 align:start position:0%
<c.colorE5E5E5>okay so this is a</c><c.colorCCCCCC> newsflash page for</c>
<c.colorE5E5E5>Meraki<00:00:03.659><c> printing</c><00:00:05.120><c> so</c><00:00:06.529><c> all</c><00:00:07.529><c> we</c><00:00:08.040><c> need</c><00:00:08.130><c> to</c><00:00:08.189><c> do</c></c>

00:00:08.360 --> 00:00:08.370 align:start position:0%
<c.colorE5E5E5>Meraki printing so all we need to …
Run Code Online (Sandbox Code Playgroud)

youtube-dl webvtt

8
推荐指数
2
解决办法
2281
查看次数

从JavaScript中的范围中获取随机字符

看看片假名字符(http://en.wikipedia.org/wiki/Katakana#Unicode)如何从Unicode范围中获取随机字符?

我很亲近

String.fromCharCode(0x30A0 + Math.random() * 60);
Run Code Online (Sandbox Code Playgroud)

'60'是对范围的粗略猜测.有没有办法在"U + 30A0 ...... U + 30FF"中编码?

谢谢.

javascript unicode

4
推荐指数
1
解决办法
1862
查看次数

如何为grunt构建设置<base>元素?

我正在构建的最终应用程序将位于服务器上的/子目录中.

对于angularjs,将html5mode设置为true,这样我就失去了#符号.但我也需要设定

<base href="/subdirectory/"></base>
Run Code Online (Sandbox Code Playgroud)

在开发过程中,我不能将'base'元素设置为当我运行grunt服务器时无法找到大多数文件.

在我进行咕噜声构建时,开发然后设置"基本"元素的最佳方法是什么?

谢谢.

angularjs gruntjs

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

如何确保干净的Firebase子路径?

我有一个数据列表,用于创建Firebase数据结构.

我收到了错误

Error: Firebase.child failed: First argument was an invalid path: "Bitex.la". Paths must be non-empty strings and can't contain ".", "#", "$", "[", or "]"
Run Code Online (Sandbox Code Playgroud)

我理解错误信息.

我想知道确保有效的子路径名最简洁的方法是什么?Firebase API中是否有辅助函数,或者我只编写自己的代码片段(可能使用replace())来删除这些字符?

javascript firebase

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

使用Firebase作为AngularJS和NodeJS之间的中介是一个"坏"的想法吗?

我正在寻找有关如何构建我正在构建的系统的反馈.

我有几个Node.JS脚本更新Firebase数据库.然后,我有一些前端AngularJS应用程序从Firebase数据库中读取数据.

这很好用.

现在我开始需要使用与Node.JS服务器通信的前端AngularJS应用程序.例如发送电子邮件给某人.

因此,我可以这样做的一种方法是使用Firebase数据库作为中介.我可以更改数据库中的值..例如,具有属性timedOut:false的对象; 为真; 然后服务器有一些代码

firebaseRef.on('child_changed', function (snapshot) {
    var changedNode = snapshot.val();
    if(changedNode.timedOut) {
Run Code Online (Sandbox Code Playgroud)

我试图了解如何最好地让前端应用程序将任务传达给服务器.我想创建类似这样的东西http://scotch.io/tutorials/javascript/build-a-restful-api-using-node-and-express-4除了使用Firebase作为中介?

javascript node.js angularjs firebase

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