小编Dan*_*idt的帖子

如何在React Native中运行后台任务?

我在React Native中构建了一个小型iOS应用程序来进行位置跟踪,定期将lat/lng发送到用户选择的服务器.但是,这只适用于应用程序位于前台的情况.当用户在其他应用程序中时,如何在后台运行此任务?

javascript ios react-native

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

我怎么能有一个职位:固定; flexbox大小元素的行为?

我有一个名为.side-el的div,我希望在某个位置:固定; 行为,但一旦我应用位置固定宽度交替从右边.正确的宽度将是flexbox设置的宽度.我怎样才能实现这个目标?

.container {
  -webkit-align-content: flex-start;
  align-content: flex-start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  
  * {
    box-sizing: border-box;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
  }
}


.main-el {
  box-sizing: border-box;
  padding:0 2em;
  width: 70%;
}

.side-el {
  box-sizing: border-box;
  width: 30%;
}
Run Code Online (Sandbox Code Playgroud)
<div class="container" style="background-color: blue; height: 100px;">
  <div class="main-el">
    <div  style="background-color: red; height: 1000px;">content</div>
  </div>
  <div class="side-el" >
    <div style="background-color: red; height: 100px;">content</div> …
Run Code Online (Sandbox Code Playgroud)

css flexbox

52
推荐指数
6
解决办法
6万
查看次数

使用react-router登录后自动重定向

我想在我的react/react-router/flux应用程序中建立一个Facebook登录.我在登录事件中注册了一个监听器,'/dashboard'如果他们已登录,则希望将用户重定向到.我该怎么做?location.push除了完全重新加载页面后,效果不佳.

reactjs reactjs-flux react-router

48
推荐指数
3
解决办法
7万
查看次数

将Grunt集成到Rails资产管道中

我想用一些Grunt任务来交换/增强资产管道.有没有办法可以将grunt集成到我的构建过程中?

ruby-on-rails asset-pipeline gruntjs

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

如何在 React Native 中截屏测试?

我想使用屏幕截图测试我的 React Native 应用程序。UIAutomation javascript 文件将由fastlane执行,并且应该为我提供我需要的所有子视图。这部分工作正常。

我的主要问题是我不明白我是如何点击元素的。我发现的每个示例都是简单的 Objective-c,并使用标准元素进行导航,如标签栏。我的应用程序有一个汉堡图标,它有一个点击事件,TouchableHighlight可以打开一个菜单。我正在寻找引用单个TouchableHighlight元素以与其交互的可能性。

此类答案的加分点,无需我编写 Objective-C。

javascript ui-automation ios react-native fastlane

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

grunt-contrib-coffee一对一编译

我有几个名为的文件:

  • jquery.abcoffee
  • jquery.accoffee
  • jquery.adcoffee

它们都被编译到jquery.js我的输出目录中的一个文件中.

虽然我猜这种行为在某些情况下可能会很好,但我希望让它们编译成不同的文件jquery.a.b.js,jquery.a.c.js等等.我怎么能告诉grunt-contrib-coffeescript呢?

我的Gruntfile.js看起来像这样:

module.exports = function (grunt) {
    grunt.initConfig({
        coffee: {
          dist: {
            files: [{
              expand: true,
              flatten: true,
              cwd: 'app/webroot/coffee',
              src: ['{,*/}*.coffee'],
              dest: 'app/webroot/js',
              ext: '.js'
            }]
          }
        }
    });

    grunt.loadNpmTasks('grunt-contrib-coffee');

};
Run Code Online (Sandbox Code Playgroud)

谢谢你的帮助!

coffeescript gruntjs

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

是否在选择器的其余部分之前评估了动态伪类?

据我所知,CSS选择器从右到左进行评估,因此body div *会选择每个项目,而不是具有div类型的父项和具有body类型父项的项目.我不确定的是如何在这个链中评估动态伪类.

如果我有一个选择器div *:hover,评估会如何?

  1. :hover=> *=>div
  2. *=> :hover=>div
  3. 另一个我没想到的解决方案

css performance css-selectors pseudo-class

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

如何从命令行使用默认参数调用 rake 任务?

我有一个 rake 任务来在 xml 文件中生成给定数量的项目。如果没有给出任何内容,我想要一个默认值。现在只打印了 50 个,但我想在这里有一个可变的数量,我如何从命令行调用它?

namespace :utilites do
  desc "generate xml"
  task generate_xml: :environment do |t, args|
    args.with_defaults(:length => 50)
    p args[:length]
  end

end
Run Code Online (Sandbox Code Playgroud)

ruby rake command-line rake-task

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

动作不会在React + Redux中触发reducer

我正在使用react-redux应用程序,由于某种原因,我调用的操作未到达reducer(我目前在其中只有一条log语句)。我已附上我认为相关的代码,我们将不胜感激。

在组件中的函数内调用的操作:

onSearchPressed() {
    console.log('search pressed');
    this.props.addToSaved();
}
Run Code Online (Sandbox Code Playgroud)

actions / index.js:

var actions = exports = module.exports

exports.ADD_SAVED = "ADD_SAVED";

exports.addToSaved = function addToSaved() {
  console.log('got to ADD_SAVED step 2');
  return {
    type: actions.ADD_SAVED
  }
}
Run Code Online (Sandbox Code Playgroud)

reducers / items.js:

const {
  ADD_SAVED
} = require('../actions/index')

const initialState = {
    savedList: []
}

module.exports = function items(state = initialState, action) {
    let list

    switch (action.type) {
        case ADD_SAVED:
            console.log('GOT to Step 3');
            return state;
        default:
            console.log('got to default');
            return state;
    } …
Run Code Online (Sandbox Code Playgroud)

javascript ios reactjs react-native redux

5
推荐指数
2
解决办法
9319
查看次数

确保字符串是带流的十六进制值

我想确保我得到的值是一个十六进制字符串。目前我说

type Color = string;
function foo(color: Color){}
Run Code Online (Sandbox Code Playgroud)

但是我想说

type Color = '#' + stringOfLength-3-6-8;
function foo(color: Color){}
Run Code Online (Sandbox Code Playgroud)

有没有办法在流程中表达这样的约束?

flowtype

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