小编Src*_*Src的帖子

我的代码:

let AuthUser = data => {
  return google.login(data.username, data.password).then(token => { return token } )
}

当我尝试运行这样的东西时:

let userToken = AuthUser(data)
console.log(userToken)

我越来越:

Promise { <pending> }

但为什么？

我的主要目标是将令牌从中google.login(data.username, data.password)返回一个promise,转换为变量.然后才会执行某些操作.

我有container里面的列表(卡)div .当我将它悬停时,卡片开始移动(translateX animation).container的width是300px,元件计数container:3,每一个元素width:100px.

所以你可以在容器中看到3个元素overflow:hidden.我要做的是,当没有元素在第三个元素之后显示translateX动画-100px = 100px空格时,它从最后一个列表中的1个元素开始,没有空格.

就目前而言,我不知道如何在没有重复等的情况下完成任务.

这就是我现在所拥有的: 小提琴(悬停卡看翻译动画)

UPD 1: 代码和数据(卡数,容器大小)例如,我将尝试更好地解释我想要的东西:我的目标是建立卡片列表,按下按钮后,列表将开始移动(比如在一些时间里使用translateX动画)(例如translateX:12491px,animation-duration:15s ;)并停止.但问题是列表中的碎片数量将在3-40张卡的范围内(每张卡的宽度和高度均为100px).因此,当我将translateX:12491px设置为例如,它将超出范围,并且在列表中的最后一张卡出现空白后.我希望第一张和最后一张卡以某种方式被捆绑,并且在最后一张卡片后立即出现在列表中的第一张卡片等等.也许我正在以错误的方式寻找解决方案,但我想你明白了主要想法.

UPD 2: 我发现cs:go使用我想在html\css\js上写的动画.这是视频:youtube.com

HTML:

<div class="container">
    <div class="cards">
        <div class="card">
        1
    </div>
    <div class="card">
        2
    </div>
    <div class="card">
        3
    </div>
    </div>
</div>

CSS:

.container
{
    width:300px;
        height: 100px;
    border: 2px solid black;
    overflow: hidden;
}
.card
{
    float:left;
    height: 100px;
    width: …

最近我正在构建一个复杂的逻辑控制器,并希望通过"单一责任"原则对其进行重构.所以我读到了服务.但有时后来我看到了担忧.我虽然它是ruby服务的替代品(因为没有默认的Services文件夹等),但找不到任何好的文章,如"关注与服务"等.

我听说关注的是控制器的模型和服务,但仍然找不到任何证明这一点的主题或文章.

任何人都可以解释服务和关注点的差异以及何时使用它们？

Array.prototype.myFeature = function() {};

var arr = ['some', 'items'];

for (var prop in arr) {
  console.log(prop);
}

该代码的输出将是:0,1,myFeature.

问题是:为什么只有Array原型的自定义添加功能被输出,而不是原型中存在的所有功能？

CSS:

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
body {
  display: flex;
  background-color: #F5F5F5;
}
body > header {
  display: flex;
  position: fixed;
  width: 100%;
  height: 60px;
  align-items: center;
  background-color: #373737;
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.19);
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.19);
}
aside {
  width: 250px;
  background-color: #484848;
  font-size: 18px "SL";
  margin-top: 60px;
}
aside > ul.side-menu {
  list-style-type: none;
  margin-top: 25px;
  width: 100%;
}
aside > ul > li > a …

评论集

class CommentsCollection extends ResourceCollection
{
    public function toArray($request)
    {
        return [
            'data' => $this->collection
        ];
    }
}

评论控制器

public function index()
{
    $post = Post::find(1);
    return ['post'=> $post, 'comments' => new CommentsCollection(Comment::paginate(1))];
}

回复

"comments": {
        "data": [
            {
                "id": 1,
                "content": "First comment",
                "post_id": 6,
                "account_id": 1,
                "created_at": "2018-03-07 02:50:33",
                "updated_at": "2018-03-07 02:50:34"
            }
        ]
    }

当资源使用::collection方法甚至 ResourceCollection 作为数组的一部分返回时，就会发生这种情况。

如果我们要删除数组并返回纯集合：

return new CommentsCollection(Comment::paginate(1))

一切正常，响应将包括meta和links。

为什么 API Resource（使用collection方法或 ResourceCollection）在数组中返回时不包含分页信息？

我有模特:

Frame.rb

belongs_to :manufacturer, foreign_key: 'model'
accepts_nested_attributes_for :manufacturer, :reject_if => proc { |obj| obj.blank? }

当我尝试使用现有制造商创建新框架时,我收到错误:

Frame.new({name: 'Name of the frame', manufacturer_attributes: {id:2}})

错误:

Couldn't find Manufacturer with ID=2 for Frame with ID=

我有一个结构体和该结构体的实例：

type Obj struct {
  ssid string
  code string
  mit string
  // and other props (23)
}

var ValidObject = Obj {
  ssid: "AK93-KADJ9-92J76",
  code: "SKO-120O"
  mit: "MSLA-923-OKSW"
}

我想创建一个结构体切片（Obj），其中ValidObject仅包含一些更改的字段。我认为解释这一点的最好方法是使用伪代码，所以这里是（使用 JS 中的扩展运算符:)）：

var slc = []Obj{
  {
    ...ValidObject,
    code: "Other value",
  },
  {
    ...ValidObject,
    mit: "Other value"
  }
}

我是从Google chrome的Cookies文件创建数据库的，表中的列之一cookies是expires_utc。该列的格式类似于-13169399213145330，更像是Unix时间。但是，当我尝试使用Unix时间转换器时，它给出了错误的值。

那么，那是什么格式，我如何将其转换为实际的Unix时间？

我使用不透明度参数作为rgba颜色,只有last-child元素提供我想要的颜色,每隔一个边框显示不同的颜色.您甚至可以通过devtools中的colorpicker进行测试.

body {
  background-color: black;
}
.content > table {
  width: 100%;
  border-collapse: collapse;
  color: white;
}
.content > table > tbody > tr.topic {
  height: 50px;
  border-bottom: 1px solid rgba(16, 151, 255, 0.41);

}

<div class="content">
        <table>
          <tbody>
            <tr class="topic">
              <td class="topic-title">
                <i class="topic-icon"></i>
                Title
              </td>
              <td class="topic-replies">
                <i class="replies-icon"></i>
                15
              </td>
              <td class="topic-author">
                Name
              </td>
              <td class="topic-timestamp">
                <time>20m.</time>
              </td>
            </tr>
            <tr class="topic">
              <td class="topic-title">
                <i class="topic-icon"></i>
                Title
              </td>
              <td class="topic-replies">
                <i class="replies-icon"></i>
                15
              </td>
              <td class="topic-author"> …