小编Den*_*nno的帖子

样式表的rel = preload在下载后不应用样式

我正在尝试rel=preload第一次,将它用于几个样式表.这是有问题的代码:

<link rel="preload" href="css/styles.css" as="style">
<link rel="preload" href="//allyoucan.cloud/cdn/icofont/1.0.0beta/css/icofont.css" crossorigin="anonymous" as="style">
Run Code Online (Sandbox Code Playgroud)

我正在使用Chrome 61进行测试,我可以看到样式表按预期下载,但是它们实际上从未应用过,我在控制台上收到消息说没有使用预加载的资源.

如果我取消rel=preload赞成rel=stylesheet,那么它的效果非常好.

有什么我想念的吗?

css google-chrome preload

12
推荐指数
3
解决办法
5789
查看次数

Google Analytics跟踪代码,提供CORS错误

我正在使用(我看起来很像)我昨天从我的帐户获得的新Google Analytics跟踪代码.它使用了一些"全球站点标签".我把它放在我的顶部,正如GA指示的那样,但是我在加载页面时遇到了交叉原点错误,因此GA没有正确跟踪我的网站.

这是确切的消息:

来自'{my website}'的' https://www.googletagmanager.com/gtag/js?id= {my-id}' 访问脚本已被CORS政策阻止:'访问控制 - 允许 - Origin'标头的值为' http://www.googletagmanager.com ',不等于提供的来源.

导致此错误的脚本包含在内

<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="//www.googletagmanager.com/gtag/js?id={my-id}"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', '{my-id}');
</script>
Run Code Online (Sandbox Code Playgroud)

上面的代码完全与Google Analytics一样,所以我不确定它为什么不起作用..

有人能帮忙吗?

javascript google-analytics cross-domain cors

11
推荐指数
1
解决办法
3508
查看次数

我可以将笑话代码覆盖率添加到来自管道的 Bitbucket Pull 请求中的报告吗

我有一个简单的 Bitbucket Pipelines 配置:

image: node:12.16.3

pipelines:
  pull-requests:
    '**':
      - step:
          caches:
            - node
          script:
            - yarn install
            - yarn test
Run Code Online (Sandbox Code Playgroud)

test脚本通过 Jest ( ) 生成代码覆盖率jest --coverage

我尝试通过在后面添加以下行来将此覆盖率数据发送到报告 API - yarn test(请注意,这是从 Bitbuck 文档复制的示例代码,我尚未将其更新为特定于我的数据,因为我想获取配置有效,然后再尝试弄清楚到底需要对数据做什么)

- curl --request PUT 'https://api.bitbucket.org/2.0/repositories/<username>/<reposity-name>/commit/<commit-hash>/reports/mySystem-001' \
  --header 'Content-Type: application/json' \
  --data-raw '{
  "title": "Security scan report",
  "details": "This pull request introduces 10 new dependency vulnerabilities.",
  "report_type": "SECURITY",
  "reporter": "mySystem",
  "link": "http://www.mySystem.com/reports/001",
  "result": "FAILED",
  "data": [
  {
    "title": "Duration (seconds)",
    "type": "DURATION", …
Run Code Online (Sandbox Code Playgroud)

curl yaml code-coverage bitbucket bitbucket-pipelines

9
推荐指数
1
解决办法
7468
查看次数

Chrome字体显示CSS属性

我最近一直在测试font-display,但我的Chrome浏览器(Chrome 65)在工作(Centos 7)和家用(Windows 10)似乎都不认为它是有效的属性.查看DevTools,该物业旁边有一个黄色感叹号,上面写着"未知物业名称".

font-display自63版以来,Chrome一直支持我的理解.

作为参考,我正在尝试设置的值font-displayswap.

任何人都有任何想法,为什么我没有看到它的工作?

谢谢

css devtools google-chrome-devtools

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

如何将复选框绑定到Vuex商店?

我有一个包含一些复选框的组件.我需要能够访问从我的Vue应用程序中的其他组件检查哪些复选框,但我不能在我的生活中弄清楚(也不在网上找到)如何正确地将复选框连接到我的Vuex商店.

将组件中的复选框连接到Vuex存储的正确方法是什么,这样它们就像复选框通过v-model连接到组件数据一样?

这是我正在尝试做的一个起点(在非常基本的意义上)

Code in jsfiddle below
Run Code Online (Sandbox Code Playgroud)

https://jsfiddle.net/9fpuctnL/

目的是使颜色复选框组件中选择的颜色在选定颜色组件中输出,通过Vuex商店.

checkbox vuex vuejs2

6
推荐指数
4
解决办法
8616
查看次数