小编Jan*_*imo的帖子

使用Rspec测试ActiveModel :: Serializer类

鉴于以下ActiveModel::Serializer课程:

class SampleSerializer < ActiveModel::Serializer
  attributes :id, :name
end
Run Code Online (Sandbox Code Playgroud)

如何测试RSpec

rspec ruby-on-rails active-model-serializers ruby-on-rails-4

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

css:nth-​​child():之后

有可能混合:nth-child()after

我有<ol>一些项目,我想添加一些文字:after.这很好,但我想在第1,第2和第3项以及第4,第5和第6项上有不同的文字.

使用下面的代码,我最终会得到每个li粉红色的"大号".

这对我来说没有意义,但我是这个nth-childmalarky的新手.

data.html

<ol id="id" class="ui-sortable">
    <li>
        <p>Bacon</p>
    </li>
    <li>
        <p>Bacon</p>
    </li>
    <li>
        <p>Bacon</p>
    </li>

    <!.. repeats -->

    <li>
        <p>Bacon</p>
    </li>
</ol> 
Run Code Online (Sandbox Code Playgroud)

pretty.css

#id li p:after {
    float: right;
    content: 'nom';
}

#id li p:nth-child(1):after,
#id li p:nth-child(2):after,
#id li p:nth-child(3):after {
    content: 'OM';
    color: pink;
}

#id li p:nth-child(4):after,
#id li p:nth-child(5):after,
#id li p:nth-child(6):after {
    content: 'Nom';
    color: blue;
}
Run Code Online (Sandbox Code Playgroud)

我真的不想用js这样做,因为它只是一个'很好的'功能.

我只担心新的浏览器,所以不需要oldIE等的变通方法.

html css css-selectors css3

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

Chakra UI:为什么工具提示显示在屏幕的左上角而不是显示在元素顶部?

createByModal 基本上是一个脉轮模态,我在其中使用工具提示。每当我将鼠标悬停在图标上时,工具提示会在屏幕顶部而不是图标顶部显示我。在照片中,您可以看到忽略元素正在显示在左上角


在此输入图像描述

const CreatedByModal = () => {
  return (
    <Stack
      spacing={"4"}
      margin={"0px !important"}
      alignItems={"center"}
      px={{ base: "2", lg: "6" }}
      pt={"2"}
    >
      <HStack justifyContent={"space-between"}>
        <Tooltip
          bg={"white"}
          textAlign={"center"}
          color={"black"}
          placement="top"
          label="Tip"
          aria-label="A tooltip"
        >
          <AiFillWallet size={"1.2rem"} color={"#b1bad3"} />
        </Tooltip>
        <Tooltip
          bg={"white"}
          textAlign={"center"}
          color={"black"}
          placement="top"
          label="Ignore"
          aria-label="A tooltip"
        >
          <AiFillEyeInvisible size={"1.2rem"} color={"#b1bad3"} />
        </Tooltip>
      </HStack>
    </Stack>
  );
};
Run Code Online (Sandbox Code Playgroud)

javascript reactjs chakra-ui

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

rails中的sti和has_many

class Register < User
end

class Admin < User
end

class Project < ActiveRecord::Base
  has_many :admin, :class => 'User', :conditions => "type = 'admin'"
  has_many :registers, :class => 'User', :conditions => "type = 'registers'"
end
Run Code Online (Sandbox Code Playgroud)

这里的问题是,当我使用项目来has_many创建一个寄存器或管理员时,它不会将填充对象类自动化为类型字段.

像这样:project.admins.new.

如何解决这个问题?

ruby-on-rails

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

如何在heroku的database.yml中覆盖pool和reaping_frequency

我正在使用带有Rails 4.1.1和Ruby 2.1.1的heroku.我正在使用heroku的默认数据库配置.这就是我将database.yml放入.gitignore并且我不database.yml用于生产的原因.

我正面临着问题PG::ConnectionBad: PQsocket() can't get socket descriptor和解决我需要设置的错误reaping_frequency.

reaping_frequency可以告诉活动记录进行检查,看是否连接是挂起或死每隔N秒,终止它们.虽然很可能随着时间的推移,您的应用程序可能会挂起一些连接,但如果代码中的某些内容导致挂起连接,则收割机将无法永久解决问题.

现在我想将此配置添加到database.yml.

  reaping_frequency: 10
Run Code Online (Sandbox Code Playgroud)

所以我应该直接添加此配置database.yml以覆盖或是否有任何其他更好的方法将此频率设置为heroku?

提前感谢您的建议.

postgresql heroku heroku-postgres ruby-on-rails-4.1

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

如何在 React 应用程序中使用 axios 响应解决 TypeScript 错误

我有以下 React 函数(使用 React Hooks 的 alpha)有一个 TypeScript 错误(认为它仍然有效)。错误指向 axios 承诺以 .then(a=>{setData(a)) 完成的代码行......我认为这是对 a 的抱怨。

TS2345:类型为“void”的参数 | AxiosResponse' 不可分配给类型为 'SetStateAction' 的参数。“void”类型不能分配给“SetStateAction”类型。

这是代码的链接:https : //codesandbox.io/s/7zyx4vv6k6

在这个文件中应该输入更多内容吗?我是 TypeScript 的新手,很惊讶我只需要做很少的事情就可以让它只抱怨这一件事。在 codeandbox 中,它没有显示我可以看到的 tpyescript 错误。有没有办法让它像在我的 webstorm IDE 中那样显示在那里?在代码沙盒中,我想让类型正确的行是 32,即使它没有在代码沙盒中显示为错误

import { useState, useEffect } from "react";
import axios from "axios";

const useAxiosFetch = (url: string, timeout: number) => {
  const [data, setData] = useState(null);
  const [error, setError] = useState(false);
  const [errorMessage, setErrorMessage] = useState(null);
  const [loading, setLoading] = useState(true);

  useEffect(() => {
    let …
Run Code Online (Sandbox Code Playgroud)

typescript reactjs

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

接口 A 错误地扩展了接口 B

给定这个接口:

interface Props extends React.HTMLAttributes<HTMLDivElement> {
  compLevel: string;
  property: Property;
  comps: Property[];
}
Run Code Online (Sandbox Code Playgroud)

property鉴于该属性已经存在于HTMLAttributesas上,我对该属性遇到了困难property?: string;

接口“Props”错误地扩展了接口“HTMLAttributes”。财产“财产”的类型是不兼容的。类型“SerializedObject”不可分配给类型“string”。

重命名属性是可行的,尽管我不想这样做。推荐的扩展/使用方法是什么接口,这样我就不需要重新定义className我的Props

typescript reactjs

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

简化/重用此 SQL 查询中的子查询

我有以下 SQL 查询:

SELECT "users".* FROM "users"
WHERE (
  users.id IN (SELECT manager_id FROM managerships WHERE managerships.employee_id = 1234) OR
  users.custom_id IN (SELECT manager_custom_id FROM managerships WHERE managerships.employee_id = 1234) OR
  users.saml_id IN (SELECT manager_saml_id FROM managerships WHERE managerships.employee_id = 1234) OR
  users.email IN (SELECT manager_email FROM managerships WHERE managerships.employee_id = 1234)
)
Run Code Online (Sandbox Code Playgroud)

现在我相信应该有一种方法可以从我的managerships表中选择一次并重用它,例如:

SELECT manager_id, manager_email, manager_custom_id, manager_saml_id FROM managerships WHERE managerships.employee_id = 1234
Run Code Online (Sandbox Code Playgroud)

我怎样才能做到这一点?谢谢!

sql postgresql

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