小编jos*_*unt的帖子

在内容安全策略中,是否有一种方法可以匹配self +任何端口?

在开发中,我有一个在标准端口35729上运行的livereload服务器,但是由于我的策略具有,因此未加载该服务器script-src 'self'。有没有办法允许所有端口上的“自我”?

'localhost:*' 这也不是一个很好的解决方案,因为有时我会在本地网络上测试该站点,因此它可能是一个IP地址而不是“ localhost”。

当然,如果需要的话,我可以从开发中删除此标头,但我试图使其尽可能接近实际。

http-headers content-security-policy

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

Redux 多对多关系

我试图找出一个好的结构来在 Redux 中创建多对多的关系。对于这个例子,我们有图像(可以有多个标签)和标签(可以有多个图像)。

这是在 Redux 中构建它的好方法吗?

images: {
    1: {
        title: "A bunch of hills"
    },
    2: {
        title: "Hiking in a forest"
    }
},
tags: {
    1: {
        title: "landscape"
    },
    2: {
        title: "outdoors"
    }
},
imagesTags: {
    [
        image: 1,
        tag: 1
    ],
    [
        image: 1,
        tag: 2
    ],
    [
        image: 2,
        tag: 2
    ]
}
Run Code Online (Sandbox Code Playgroud)

这确实意味着我必须创建一个单独的减速器,它会扰乱我的模块化结构,但我想这始终是拥有相关减速器的结果。

redux

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

MYSQL:varchar vs int用于存储变量

出于可读性的原因,我想将变量存储为varchar,例如"in","out","auto"而不是int,例如"0","1","2".我有什么理由不把它作为varchar存储吗?

我问的原因是我听说int更快但是在这种情况下是否适用或速度差是否小到可以忽略不计?

我是MYSQL的新手,所以如果您需要更多信息,请告诉我,我已经搜索了类似的问题/答案,但没有找到任何答案我的问题.

mysql

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

Javascript:页面加载完成后运行函数,脚本加载异步

我无法找到一种可靠的方法来查找页面何时完成加载.我当前的代码如下所示:

function pageLoaded(callback) {
    function completed() {
        document.removeEventListener('DOMContentLoaded', completed);
        callback();
    }

    if (document.readyState === 'complete') {
        callback();
    } else {
        document.addEventListener('DOMContentLoaded', completed);
    }
}
Run Code Online (Sandbox Code Playgroud)

问题是DOMContentLoadeddocument.readyState设置为"完成" 之前被触发,这意味着永远不会调用回调.

我的函数运行时DOMContentLoaded已经被解雇但是document.readyState === 'interactive'.但是,document.readyState === 'interactive'由于这些可能的问题,我不认为我可以运行我的回调.

不幸的是,由于使用了异步,我认为我不能进行演示.这也不会100%发生,但似乎总是在我进行硬重载时发生(我假设与缓存有关).

请注意,我在我的脚本中加载如下<head>:

<script src="script.js" async></script>
Run Code Online (Sandbox Code Playgroud)

javascript asynchronous

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

正确的方法来调整srcset图像的大小

调整srcset图像大小的正确方法是什么?例如,假设我的图像是2000 x 1337.我将其大小调整为255 x 170.对于2x srcset应该是:

  1. 510 x 340(根据当前图片)
  2. 510 x 339(基于原始图像)

编辑

澄清我想知道srcset是如何工作的.例如,如果我使用510 x 339图像(技术上更正确的尺寸基于原始尺寸)2x将浏览器"创建"510 x 340容器(当前尺寸x 2)然后调整510 x 339图像的大小以适应内部它?

html image srcset

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