小编Net*_*bby的帖子

根据背景图像动态调整文本颜色

我正在开发一种产品,用于输出用户的图像,图像信息覆盖在上述图像之上.正如您可能想象的那样,由于亮度/暗度,图像需要不同的文本颜色.有没有办法用JavaScript实现这一目标?

编辑:我发现了一个与我相似的问题,并且在jsfiddle中给出了一个解决方案(http://jsfiddle.net/xLF38/818).我虽然在我的网站上使用jQuery.我如何将vanilla JavaScript转换为jQuery?

var rgb = getAverageRGB(document.getElementById('i'));
document.body.style.backgroundColor = 'rgb(' + rgb.r + ',' + rgb.g + ',' + rgb.b + ')';

function getAverageRGB(imgEl) {

    var blockSize = 5, // only visit every 5 pixels
        defaultRGB = {
            r: 0,
            g: 0,
            b: 0
        }, // for non-supporting envs
        canvas = document.createElement('canvas'),
        context = canvas.getContext && canvas.getContext('2d'),
        data, width, height,
        i = -4,
        length,
        rgb = {
            r: 0,
            g: 0,
            b: 0
        },
        count = 0;

    if …
Run Code Online (Sandbox Code Playgroud)

javascript text image

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

如何在Electron中访问<webview>的DOM?

我刚开始使用Electron,之前有使用node-webkit(nw.js)的经验.

在nw.js中,我能够创建iframe,然后访问所述iframe的DOM,以便获取标题,favicon和c等内容.几天前我拿起Electron把我的nw.js应用程序移植到它上面时,我看到了使用webviews代替iframe的建议,只是因为它们更好.现在,我在上面提到的功能在nw.js中相对容易做,但我不知道如何在Electron中做到这一点(并且示例很简单).有人可以帮忙吗?

此外,我有我的webview的后退/前进按钮(我打算有多个).我在文档中看到我可以在webview上调用函数,但我没有尝试过任何工作(并且,我没有找到它们在野外使用的例子).

javascript jquery webview electron

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

在vanilla GraphQL中实现分页

到目前为止,我发现的每个教程都通过Apollo,Relay或其他一些魔术框架在GraphQL中实现了分页.我希望在这里找到类似问题的答案,但它们不存在.我理解如何设置查询,但我不知道如何实现解析器.

有人能指出我正确的方向吗?我正在使用mongoose/MongoDB和ES5,如果这有帮助的话.

编辑:值得注意的是,如果您选择使用,学习GraphQL的官方网站没有分页条目graphql.js.

编辑2:我喜欢有些人在做研究之前投票结束问题,而其他人则利用他们的知识帮助他人.无论你怎么努力,你都无法阻止进步.(:

mongoose mongodb ecmascript-5 graphql graphql-js

7
推荐指数
1
解决办法
1421
查看次数

合并JSON文件?

我发现的所有与此相关的问题都是关于组合 JSON 对象和/或字符串。我正在使用一个名为“Fuse”的 jQuery 插件来搜索文件的内容(这里的仓库:https : //github.com/krisk/Fuse)。这是我到目前为止的代码。

$.getJSON("data/bn1.json", function(data) {
    start(data);
});

$.getJSON("data/bn2.json", function(data2) {
    start(data2);
});
Run Code Online (Sandbox Code Playgroud)

两个 JSON 文件都如下所示(为简洁起见缩短):

[
 {
    "number": "001",
    "name": "Cannon",
    "rarity": "*",
    "damage": "40",
    "element": "Normal",
    "description": "A nice, big Cannon!"
 },
 {
    "number": "002",
    "name": "HiCannon",
    "rarity": "**",
    "damage": "80",
    "element": "Normal",
    "description": "A nice, big Cannon!"
 },
 {
    "number": "003",
    "name": "M-Cannon",
    "rarity": "***",
    "damage": "120",
    "element": "Normal",
    "description": "A nice, big Cannon!"
 }
]
Run Code Online (Sandbox Code Playgroud)

要调用的最后一个 JSON 文件(在本例中为bn2.json)是我搜索时显示的文件。我想搜索两个以上的文件(将来会是六个文件)。我的项目的完整 …

javascript jquery json

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

在我的查询中,我可以使用参数的结果来获取该查询中的更多信息吗?

请原谅我措辞严厉的问题,但这里有一些代码来解释我正在尝试做什么(slug并且value在此查询之外提供):

const query = `{
  post(slug: "${slug}") {
    content
    createdAt
    id <--- I want this id for my reply query
    slug
  }

  reply(replyTo: "id") { <--- The second query in question
    content
    createdAt
    id
    slug
  }

  user(id: "${value}") {
    username
  }
}`;
Run Code Online (Sandbox Code Playgroud)

刚刚开始使用GraphQL,我喜欢这样一个事实,即我可以一次查询多个数据库.如果我还可以执行一些"查询",那会很棒,但我不确定这是否可行.

graphql graphql-js

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

是否可以阻止远程脚本加载到 iframe 中?

我正在动态创建 iframe,并且我想阻止不是源自 iframe 来源的脚本。这甚至可能吗(通过 JavaScript/jQuery)?例如,如果我的页面从example.com内容加载 iframe :

<script src="http://example.com/foo.js"></script>
<script src="http://something-else.com/bar.js"></script>
Run Code Online (Sandbox Code Playgroud)

我希望example.com脚本运行,但我希望something-else.com脚本被阻止而不是运行。

我正在使用NW.js(以前称为 Node-Webkit),所以我对 iframe 的内容有完全的读写访问权限,就好像它们是同源的一样。

我试过使用插件(比如那些在图片中带有 CORS 的插件,带有白名单),但我试过的任何东西都不起作用。

除了 iframe 的来源之外,理想的解决方案还允许我将特定的其他来源列入白名单。

编辑:

这是我的浏览器项目,我试图在:https : //github.com/IdeasNeverCease/Aries

这是 iframe 加载完成的代码部分:https : //github.com/IdeasNeverCease/Aries/blob/master/app.nw/resources/scripts/aries.js#L376-L687

javascript iframe jquery node-webkit

3
推荐指数
1
解决办法
3753
查看次数

如何将Feathers/Express应用程序部署到Nginx/Ubuntu?

就像它上面说的那样,我正在尝试将我在Feathers上构建的应用程序部署到运行Nginx的Ubuntu 15服务器上.我没有在网上找到任何直接的教程,所以我想我会问这里.我已经安装pm2并知道如何运行,但我的应用程序:3030默认指向.我不知道如何指向我的主页.

编辑:我自己想出来了,但x_maras也有正确的答案.我也使用SSL,所以我必须添加listen 443 ssl;到我的配置(以及其他SSL参数).

express feathersjs

3
推荐指数
1
解决办法
1499
查看次数

是window.addEventListener("load",init); 快于$(function(){init();});?

就像标题所说的那样.

我是我公司的前端人员,其中一个后端人员在使用jQuery时使用JavaScript.我知道围栏的任何一方都有强烈的意见,我不是想在这里开战,我只是好奇.

对我来说,除了JavaScript函数从窗口加载开始,而jQuery函数在文档加载时开始,它似乎没什么区别.

javascript jquery

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