小编use*_*den的帖子

使用Rails和Puma与子域名lvh.me?

我正在使用带有子域的Rails 4,现在从Unicorn切换到Puma.似乎工作正常,但当我尝试启动"rails s"时,我得到:

Rails 4.2.0 application starting in development on http://localhost:3000
Run Code Online (Sandbox Code Playgroud)

我需要运行以下内容

rails s -p 3000 -b lvh.me
Run Code Online (Sandbox Code Playgroud)

要得到:

Rails 4.2.0 application starting in development on http://lvh.me:3000
Run Code Online (Sandbox Code Playgroud)

有没有办法让'rails s'始终自动启动lvh.me?在切换到Puma之前,我常常为我工作.

ruby-on-rails puma

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

如何删除React中的待办事项项?

我正在用React做一个简单的todo应用程序,只是为了练习.点击它后如何删除列表项?

这是我的todos.js

export default class Todos extends Component {
    constructor(props) {
        super(props);
        this.state = { todos: [], text: '' };
    }

    addTodo(e) {
        e.preventDefault();
        this.setState({ todos: [ this.state.text, ...this.state.todos ] });
        this.setState({ text: ''});
    }

    updateValue(e) {
        this.setState({ text: [e.target.value]})
    }

    render() {
        return(
            <div>
                <form onSubmit = {(e) => this.addTodo(e)}>
                    <input
                        placeholder="Add Todo"
                        value={this.state.text}
                        onChange={(e) => {this.updateValue(e)}}
                    />
                    <button type="submit">Add Todo</button>
                </form>
                <TodoList todos={this.state.todos}/>
            </div>
        );
    }
}
Run Code Online (Sandbox Code Playgroud)

这里是TodoList.js,我正在尝试从中删除列表项.

import React, { Component } from 'react';
import { connect …
Run Code Online (Sandbox Code Playgroud)

reactjs

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

单击菜单以外的任何位置时隐藏菜单

点击图标后会出现一个菜单.目前我可以点击"关闭"图标关闭它,但我希望能够通过点击菜单外的任何地方关闭它,当菜单可见时.

这是一个jsFiddle:http://jsfiddle.net/budapesti/3v5ym2bp/3/

例如,以下不起作用:

$(document).click(function() { 
        if($('.menu').is(":visible")) {
            $('.menu').hide()
        }      
});
Run Code Online (Sandbox Code Playgroud)

我发现了类似的问题,例如jQuery:在元素的其他任何地方点击隐藏元素,如何检测元素外的点击?,但无法让解决方案为我工作.


编辑:我想知道是否(":可见")与jQuery"animate"一起使用?

javascript jquery

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

如何使用React与Google Places API一起在Google地图上显示地点标记?

我正在尝试在Airbnb上构建类似的地图,您可以在拖动地图时查看地点标记.我想在地图上显示Google Places API中的"酒店"标记.

使用谷歌地图中的以下JS代码我可以在谷歌地图上显示酒店,但我想使用反应谷歌地图使用React .

<!DOCTYPE html>
<html>
  <head>
    <title>Place searches</title>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
    <meta charset="utf-8">
    <style>
      /* Always set the map height explicitly to define the size of the div
       * element that contains the map. */
      #map {
        height: 100%;
      }
      /* Optional: Makes the sample page fill the window. */
      html, body {
        height: 100%;
        margin: 0;
        padding: 0;
      }
    </style>
    <script>
      // This example requires the Places library. …
Run Code Online (Sandbox Code Playgroud)

javascript google-maps-api-3 google-places-api reactjs react-google-maps

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

JavaScript中的下划线“ _”是什么?

我正在做一个redux教程,并且看到这样的呼叫:

this._render();
Run Code Online (Sandbox Code Playgroud)

在其他地方定义为:

_render() {
    ....
} 
Run Code Online (Sandbox Code Playgroud)

下划线“ _”是什么?为什么使用它?

javascript reactjs react-redux

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

在地图上显示多个标记时,如何在单击标记时打开一个信息窗口?

我正在使用react-google-maps显示带有标记的地图,当您点击标记时,所有信息窗口都会打开.我想点击它时只显示一个标记的信息窗口,而其他标记的信息窗口保持关闭状态.

这是我的代码:

    <GoogleMap
        defaultZoom={15}
        defaultCenter={{ lat: 51.508530, lng: -0.076132 }}
    >
        {props.places && props.places.map((place, i) =>
            <Marker onClick={props.onToggleOpen} key={i} position={{ lat: place.geometry.location.lat(), lng: place.geometry.location.lng() }} >
                {props.isOpen && <InfoWindow onCloseClick={props.onToggleOpen}>
                  <div>{place.name}</div>
                </InfoWindow>}
            </Marker>
        )}
    </GoogleMap>
Run Code Online (Sandbox Code Playgroud)

我正在打开和关闭InfoWindow

import { compose, withProps, withStateHandlers, withHandlers, withState } from "recompose";

...

withStateHandlers(() => ({
  isOpen: false,
}), {
  onToggleOpen: ({ isOpen, id }) => () => ({
    isOpen: !isOpen,
  })
}),
Run Code Online (Sandbox Code Playgroud)

我正在映射所有标记,并在地图上显示它们.我怎么能单击打开一个标记InfoWindow? 这是一个相关的问题,但它不是用React制作的,也没有使用react-google-maps.

javascript google-maps google-maps-api-3 reactjs react-google-maps

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

如何要求PHP.serialize能够验证Webhook?(Ruby on Rails 5)

我正在使用Ruby on Rails 5和ruby -v 2.5.3。我正在尝试验证一个Webhook,示例显示:

require 'base64'
require 'php_serialize'
require 'openssl'


public_key = '-----BEGIN PUBLIC KEY-----
MIICIjANBgkqh...'

# 'data' represents all of the POST fields sent with the request.
# Get the p_signature parameter & base64 decode it.
signature = Base64.decode64(data['p_signature'])

# Remove the p_signature parameter
data.delete('p_signature')

# Ensure all the data fields are strings
data.each {|key, value|data[key] = String(value)}

# Sort the data
data_sorted = data.sort_by{|key, value| key}

# and serialize the fields
# serialization library is …
Run Code Online (Sandbox Code Playgroud)

php ruby ruby-on-rails webhooks

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

如何在 f.select 中使用“optgroup”html 标签?(导轨)

如何在 f.select 中使用“optgroup”html 标签?

在搜索表单中,我有以下字段:

<%= f.select :location, ["San Francisco, USA", "Mountain View, USA", "London, UK", "Stockholm, Sweden"] %>
Run Code Online (Sandbox Code Playgroud)

如何在其中添加 optgroup ,所以它会变成这样:

<select>
  <optgroup label="Europe">
    <option value="London, UK">London, UK</option>
    <option value="Stockholm, Sweden">Stockholm, Sweden</option>
  </optgroup>
  <optgroup label="USA">
    <option value="San Francisco, USA">San Francisco, USA</option>
    <option value="Mountain View, USA">Mountain View, USA</option>
  </optgroup>
</select>
Run Code Online (Sandbox Code Playgroud)

ruby-on-rails ruby-on-rails-4

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

如何编辑CarrierWave的"选择文件"按钮和"没有选择文件"文本的CSS?(Rails4)

我正在使用CarrierWave在我的Rails4教程应用上上传图像.我想编辑按钮的样式和文本"没有选择文件"(参见附图1),但只能编辑输入#image css而不能编辑其中的按钮和文本.我怎么能编辑CSS?它甚至可能吗?

在我的_form.html.erb中,我还尝试使用以下代码来更改标题文本,但它不起作用:

<%= f.file_field :image, title: "Please choose file" %>
Run Code Online (Sandbox Code Playgroud)

没有文件选择按钮

css ruby-on-rails carrierwave

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

如何使用JavaScript获取预标签的内容?

如何从'pre'标签中获取值?

<pre>43453453</pre>

例如,我知道如何获取标记,但如何获取其中的内容?

var x = documentGetElementsByTagName("pre");
Run Code Online (Sandbox Code Playgroud)

我尝试使用innerHTML和textContent,但那些对我不起作用.

javascript

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