小编Fel*_*ger的帖子

更改HTML5 datalist中的输入值

<input type="text" list="numbers">

<datalist id="numbers">
    <option value="110">
    <option value="111">
    <option value="112">
    <option value="113">
    <option value="114">
    <option value="115">
</datalist>
Run Code Online (Sandbox Code Playgroud)

http://jsfiddle.net/shvPB/

场景:
1.用户开始写任何值选项或箭头向下/向上,下拉列表提示选项.
2.用户在其中一个选项上单击鼠标或单击鼠标右键,重要的是:她仍然可以向上/向下滚动列表.
3.用户在输入字段外单击.输入字段不再处于焦点.
4.用户想要更改她的选择并单击输入字段,但选项不再可见.

如何在步骤4中显示选项?

html html5

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

使用自定义名称和外键引用

我在Rails 5上有一个User模型.

我想创建一个Book模型,引用User带有名称的模型author.我也想在迁移中设置外键.

在搜索答案时,我只找到了如何在迁移中添加列,而不是创建新表.下面的样子怎么样create_table :books

add_reference :books, :author, references: :users, index: true
add_foreign_key :books, :users, column: :author_id
Run Code Online (Sandbox Code Playgroud)

ruby-on-rails foreign-keys rails-migrations ruby-on-rails-5

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

在 as_json 中订购嵌套关联

class User
  has_many :posts
end
Run Code Online (Sandbox Code Playgroud)

我想用as_json方法渲染一个 json 哈希。

updated_at不设置关联默认顺序的情况下,如何按属性对下面代码中的帖子进行排序?

user.as_json(include: {posts: {include: :comments})
Run Code Online (Sandbox Code Playgroud)

这不会用作请求响应,我想避免在关联上设置默认排序。

json ruby-on-rails ruby-on-rails-5

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

使用对象声明的样式组件中的媒体查询

我将像 in 这样的样式组件react-native作为js对象编写:

const SectionTitle = styled.div({
  fontSize: '25px',
  display: 'flex',
})
Run Code Online (Sandbox Code Playgroud)

是否可以使用具有上述对象样式的媒体查询?

javascript reactjs styled-components

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

使用 Yarn 从另一个脚本调用一个脚本

下面是如何从另一个使用npmin运行脚本的示例package.json

什么是等价物yarn

{
  "name": "npm-scripts-example",
  "version": "1.0.0",
  "description": "npm scripts example",
  "scripts": {
    "clean": "rimraf ./dist && mkdir dist",
    "prebuild": "npm run clean",

  }
}
Run Code Online (Sandbox Code Playgroud)

node.js npm package.json yarnpkg

6
推荐指数
2
解决办法
3314
查看次数

如何在 Mailer Preview 中访问 url 参数

我有以下工作预览类:

class UserMailerPreview < ActionMailer::Preview
  def invite
    USerMailer.invite
  end
end
Run Code Online (Sandbox Code Playgroud)

我试图将参数传递给方法,如下所示:

localhost:3000/rails/mailers/user_mailer/invite?key1=some_value
Run Code Online (Sandbox Code Playgroud)

服务器似乎收到了它们:

Parameters: {"key1"=>"some_value", "path"=>"user_mailer/invite"}
Run Code Online (Sandbox Code Playgroud)

但是当尝试使用 hash 访问它们时params,我收到错误。

我可以在预览方法中访问这些参数吗?如果可以,如何访问?

parameters ruby-on-rails actionmailer ruby-on-rails-4 ruby-on-rails-4.1

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

订购哈希并删除第一个键值对

我有一个带时间戳的哈希作为键.

hash = {
  "2016-05-31T22:30:58+02:00" => {
          "path" => "/",
        "method" => "GET"
  },
  "2016-05-31T22:31:23+02:00" => {
          "path" => "/tour",
        "method" => "GET"
  },
  "2016-05-31T22:31:05+02:00" => {
          "path" => "/contact_us",
        "method" => "GET"
  }
}
Run Code Online (Sandbox Code Playgroud)

我订购了这个系列并获得了第一对,如下所示:

hash.sort_by {|k, _| k}.first.first
Run Code Online (Sandbox Code Playgroud)

但是我该如何删除它?

delete方法要求您知道密钥的exakt拼写.当然我可以返回密钥然后在delete方法中使用它,但我在想是否还有更直接的方法?

ruby ruby-on-rails hashmap ruby-2.3

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

使用适用于 Ruby 的 Google Auth Library 登录用户

我想使用google-auth-library-ruby gem登录用户。

在他们的指南“服务器端应用程序的 Google 登录”中,他们有一个很好的代码示例,说明如何将授权代码交换为 ID 令牌,但它仅适用于 Python(和 Java):

credentials = client.credentials_from_clientsecrets_and_code(
CLIENT_SECRET_FILE,
['https://www.googleapis.com/auth/drive.appdata', 'profile', 'email'],
auth_code)
Run Code Online (Sandbox Code Playgroud)

有人知道 Ruby 的等价物吗?

附言。我熟悉omniauth gem,但如果可能的话想使用该google-auth-library-rubygem。

ruby authentication ruby-on-rails google-api google-signin

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

在 shouldComponentUpdate 中 nextState 做了什么?

在 React 生命周期函数shouldComponentUpdate(nextProps, nextState) 中, nextProps 是不言自明的。

但是 nextState 做什么呢?

在决定是否应该渲染/修改组件之前,我可以评估即将到来的状态,这听起来不太对。

reactjs react-lifecycle

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

Netlify上的分支特定环境变量

我们正在为所有推送的git分支使用Netlify的自动部署.

我们希望仅将分析脚本(等)包含在主分支中,即我们的用户正在访问的网站版本.

可以在Netlify上构建环境变量,但如果可以区分某些分支的变量,我不会得到它们吗?

git deployment environment-variables static-html netlify

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