在向列内的元素进行CSS转换时是否存在任何已知问题？

我在webkit(Safari和Chrome)中遇到问题,没有测试其他人...

我做了一个简单的演示,其中应用了一个转换(在悬停时)到位于列内的图像.问题发生在除第一列之外的所有列上,它不会渲染应用的过滤器或过渡.

第一列按预期工作,如果我删除列也渲染正常.

这是CSS的相关部分:

#photos img {
  width:              100% !important;
  height:             auto !important;
  opacity:            1;
  -webkit-filter:     blur(0);
  -webkit-transition: all 200ms ease-in;
}

#photos div:hover img {
  opacity:            0.25;
  -webkit-filter:     blur(2px);
  -webkit-transition: all 200ms ease-in;
}

当用户从 chrome 扩展程序中选择“停止投射”时，是否有事件会通知发件人应用程序？

如果用户选择停止从扩展程序而不是应用程序投射按钮进行投射，我的 chrome 发件人应用程序将处于不确定状态。

编辑：这是一些相关的代码：

CastPlayer.prototype.onMediaDiscovered = function (how, mediaSession) {
  this.currentMediaSession = mediaSession;
  // ...    
  this.currentMediaSession.addUpdateListener(this.onMediaStatusUpdate.bind(this));
  // ...
};

CastPlayer.prototype.onMediaStatusUpdate = function (e) {
  console.log(e);
};

问题：我有一个组件，它需要一个布尔值作为从视图应用程序内部和外部应用程序调用的一部分可选地传递给它。当我直接调用路由器时，我可以毫无问题地传递布尔值，但如果我使用实际 URL 进行路由，则会收到解析警告。为了防止出现警告，我应该使用字符串并自己解析吗？

路由器：

export default new Router({
  routes: [
    {
      path: '/foo',
      name: 'Foo',
      component: Foo,
      props: (route) => ({ booleanParam: route.query.booleanParam })
    }
  ]
})

成分：

<template>
    <div>
        BooleanParam: {{booleanParam}}
    </div>
</template>

<script>
export default {
    name: 'Foo',
    props: {
        booleanParam: {
            type: Boolean,
            required: false
        }
    }
}
</script>

作品：

router.push( { name: 'Foo', query: { booleanParam: true } })

产生警告：

http://localhost:8080/foo?booleanParam=true

警告：

[Vue 警告]：无效的道具：道具“booleanParam”的类型检查失败。预期布尔值，得到字符串。

在视图中我需要生成以下类：

<div class="comp comp--lock comp--red">Foo</div>

和lock基于red状态，其中可能有以下颜色值：

• comp--red、comp--yellow、comp--blue和许多其他可能的颜色

到目前为止，我一直在使用计算方法根据数据连接类名：

getCompClassName(){
  return `comp ${this.isLock ? 'comp--lock' : ''} comp--${this.color}`
}

查看 Vuejs 文档，我发现应该以v-bind:class更好的方式解决这个问题，我遇到的问题是如何解决插值color，因为我需要声明所有可能的颜色。

data: {
  classObject: {
    'comp--lock': this.isLock,
    'comp--red': this.color === 'red',
    'comp--blue': this.color === 'blue',
    'comp--yellow': this.color === 'yellow'
  }
}

有没有什么方法可以使用v-bind:class更好的扩展来解决这个问题，而不必列出所有可能性，或者我应该使用计算方法来插入类名？

为了提供一些背景信息，我有一个使用vue-router和vuex的vuejs应用程序。

• app.vue 引导代码
• foo.vue 在路线上渲染的某些组件 /foo
• bar.vue 在路线上渲染的某些组件 /bar

当应用程序启动时，我需要同步从设备存储读取的状态。由于这是异步操作，因此将其包装在上vue-action并调用app.vue。

在/foo安装组件时输入路线时，$store尚未从设备存储器中更新

所有组件如何确保在安装之前进行初始化？

我正在寻找一种仅使用 CSS 为每行文本添加前缀的方法。目前前缀是用:before选择器完成的，但我不知道是否可以扩展到多行。对于第一行，前缀是星号*，对于接下来的行，前缀是管道|。

这是我想要实现的目标的表示：

* Duo laudem labore interpretaris ne, maiorum qualisque interpretaris mel id. Quo
| enim propriae eu, denique molestie definiebas mel no. Solum integre mandamus his
| ne, sale hendrerit pro ut, ei has libris habemus delicatissimi. Eu eum illud.

相同的文本但不同的宽度：

* Duo laudem labore interpretaris ne, maiorum 
| qualisque interpretaris mel id. Quo enim
| propriae eu, denique molestie definiebas mel 
| no. Solum integre mandamus his ne, sale
| …

使用 Preettiefier 我注意到这个代码块被格式化为包含一个额外的前导管道，请参见以下示例：

// before Prettier
let foo: {
    [k: string]: any
} | boolean;

// after Prettier
const actions:
  | {
      [k: string]: any;
    }
  | boolean = true;

注意 Prettier 在类型声明中添加的管道。

这也可以在一行中声明，prettier 保持格式而不添加额外的管道：

const actions: { [k: string]: any } | boolean = true;

我的疑问是为什么要添加这个管道？它在 Typescript 级别有什么改变吗？

上下文

有几个发件人应用程序将使用相同的接收器,需要生成/输出一些使用统计信息和错误报告.

题

我们可以在接收器中实现ajax POST/PUT吗？这将是更好的,因为它将所有逻辑集中在一端,避免了代码的重复.另外,它是需要发送到服务的接收器状态.

我看过一些使用 PHP 的示例，但我遇到了一些问题，因为我对 PHP 不太熟悉并且时间有限。

我想创建一个时间戳，根据帖子创建的时间，它会显示不同的时间戳。

这就是我要的：

• 如果帖子创建时间不到一秒，则显示：<1m；

• 如果帖子是在 1-59 分钟前创建的，则显示：//# 分钟// + "m";

• 如果帖子创建时间小于 1-24 小时，则显示： //# of hours // + "h";

• 如果帖子是在 1-6 天前创建的，则显示： //# of days // + "d";

• 如果帖子是在 1-3 周前创建的，则显示：//周数//+“w”；

• 如果帖子是在 1-12 个月前创建的，则显示： //# of Months// + "m";

这是我尝试使用的代码：

function formatTime(timeCreated){


  var periods = ["second", "minute", "hour", "day", "week", "month", "year", "decade"];
  // var actualPeriods = ["m", "h", "d", "w", "m", "y"]
  var lengths = ["60","60","24","7","4.35","12","10"]
  var currentTime = Date.now()
  var difference = currentTime - …