小编dev*_*l69的帖子

用 svelte 调试

我正在尝试深入研究 Svelte 3 (v3.7.1) 并且它运行良好……在包含外部 CSS(引导程序)方面有一些绊脚石。

但是尽管如此,我似乎无法理解的一件事是在浏览器中调试 svelte 应用程序

我发现了一篇关于 svelte github 问题的帖子,该帖子指出我只需要{@debug}在我的代码中包含某处,以使浏览器在“那个点”中断,以便我可以调试和检查当前状态。

但是:这根本行不通。即使{@debug}存在,即使我打开了开发人员工具,也没有中断。

我该怎么做才能调试我的代码?

编辑:我想你需要了解我的设置

我使用一个 node/express web 服务器,它为app.use(express.static('svelteclient/public'))来自 svelte 项目的子文件夹的编译的 svelte 客户端提供服务。

代码摘录:

<script>

   import { onMount } from 'svelte';

   let searches = ["angular", "deno", "svelte", "stencil"];
   let tweets = {};

   let currentImage = null;
   let currentYTUrl = "";

   for(let search of searches) {
      tweets[search] = [];
   }

   let socket = io();

   let modal = null;
   let ytmodal = null;

   onMount(() => …
Run Code Online (Sandbox Code Playgroud)

svelte

9
推荐指数
2
解决办法
4262
查看次数

如何在Windows 7上"npm install"bcrypt

我已经将node.js v6.9.1和npm版本4.1.2一起安装了,我已经将这个组合用于了一些项目

现在我想bcrypt在我的项目中使用npm包,但安装失败了

npm install bcrypt --save
Run Code Online (Sandbox Code Playgroud)

我也尝试使用admin priviledges运行此命令,但无济于事

这是我得到的错误

> bcrypt@1.0.2 install C:\Users\ttheiner\NodeProjects\authtest\node_modules\bcry
pt
> node-pre-gyp install --fallback-to-build

node-pre-gyp ERR! Tried to download(404): https://github.com/kelektiv/node.bcryp
t.js/releases/download/v1.0.2/bcrypt_lib-v1.0.2-node-v48-win32-x64.tar.gz
node-pre-gyp ERR! Pre-built binaries not found for bcrypt@1.0.2 and node@6.9.1 (
node-v48 ABI) (falling back to source compile with node-gyp)

C:\Users\ttheiner\NodeProjects\authtest\node_modules\bcrypt>if not defined npm_c
onfig_node_gyp (node "C:\Users\ttheiner\AppData\Roaming\npm\node_modules\npm\bin
\node-gyp-bin\\..\..\node_modules\node-gyp\bin\node-gyp.js" clean )  else (node
"" clean )

C:\Users\ttheiner\NodeProjects\authtest\node_modules\bcrypt>if not defined npm_c
onfig_node_gyp (node "C:\Users\ttheiner\AppData\Roaming\npm\node_modules\npm\bin
\node-gyp-bin\\..\..\node_modules\node-gyp\bin\node-gyp.js" configure --fallback
-to-build --module=C:\Users\ttheiner\NodeProjects\authtest\node_modules\bcrypt\l
ib\binding\bcrypt_lib.node --module_name=bcrypt_lib --module_path=C:\Users\tthei
ner\NodeProjects\authtest\node_modules\bcrypt\lib\binding ) …
Run Code Online (Sandbox Code Playgroud)

windows bcrypt node.js

8
推荐指数
3
解决办法
7666
查看次数

canvas.toDataURL不会生成image/jpeg数据

我正在尝试使用base64 + phonegap 2.5将html5画布数据保存到服务器.

平台:Windows Phone 7和8,Android和IOS.

图像大小调整的基本需求是在通过服务器发送之前优化数据.

我有android平台base64响应方法的问题,如下所示

问题:

  1. Android 4.2:我写了这段代码,c.toDataURL("image/jpeg"); 但我得到了这个data:image/png;base64
  2. Android 2.3:我无法检索base64数据

我做错了吗?

base64 android html5-canvas cordova

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

将javascript注入zombie.js

嗨,我想知道节点js和zombie js是否有能力将javascript文件注入无头浏览器,类似于你可以用phantomjs做什么.

例如,在幻影js中你会这样做:

page.injectJs("amino/TVI.js")
Run Code Online (Sandbox Code Playgroud)

我已经使用了phantomjs,它确实做了我想做的事情,但是由于使用幻像js所需的高内存,我正在测试其他选项.

javascript node.js headless-browser zombie.js phantomjs

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

如何在对象数组中"扩展"子数组

这是我的对象数组

[{
    "key1": "value1",
    "key2": "value2",
    "key3": ["value3", "value4"]
}]
Run Code Online (Sandbox Code Playgroud)

结果应该是这样的

[{
    "key1": "value1",
    "key2": "value2",
    "key3": "value3"
}, {
    "key1": "value1",
    "key2": "value2",
    "key3": "value4"
}]
Run Code Online (Sandbox Code Playgroud)

所以我想摆脱属性中的子数组key3并获得新的等效结构,复制所有其他属性.

由于我无法改变的原因,我应该使用lodash,但仅限于版本2.4.2

编辑:更详细:我使用基于JSON的表单引擎,允许使用现有的函数(如lodash函数),但不允许定义新的函数.我也不能使用像for循环这样的控制结构.基本上我只能使用链接的基本函数调用,包括lodash.

我试图使用map,但是map不能扩展数组,它只能将一个数组元素转换成不同的数组

我可以在这里使用任何lodash魔法吗?

编辑2:这是一个关于我说"我不能介绍新功能"的意思的例子.它将检查对象数组是否对于某个属性子集是唯一的

model = [{
    "key1": "value1",
    "key2": "value2",
    "key3": "valuex"
},{
    "key1": "value1",
    "key2": "value2",
    "key3": "valuey"
}]

// will give false because the two objects are not unique regarding the combination of "key1" and "key2"
_.uniq(model.map(_.partialRight(_.pick, ["key1", "key2"])).map(JSON.stringify)).length === model.length
Run Code Online (Sandbox Code Playgroud)

javascript lodash

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

React router dom v6 防止在没有 &lt;Prompt&gt; 的情况下进行转换

我了解到,使用react-router-dom v5,可以使用该<Prompt>组件在页面转换发生之前询问用户,以便用户可以阻止它。

现在,他们暂时从 v6 中删除了它(计划“稍后”有一个强大的实现)。相反,他们建议您自己实现一个等效的组件……我现在就想这样做。

但是:我发现没有办法真正阻止react-router-dom v6中的页面转换。有人知道吗?

javascript reactjs react-router-dom page-transition

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

jQuery mouseover/mouseout闪烁

我有以下HTML

<div class="individual">
    <div class="change">change</div>
    <div class="picture"><img src....></div>
</div>
Run Code Online (Sandbox Code Playgroud)

.change具有position: absolute;和不可见.在鼠标悬停时.picture,我想要.change出现,并在mouseout上消失.如果个人点击.change则会发生某些事情.

现在,当鼠标移过更改时,它被视为图片的鼠标输出,因此更改开始闪烁!

然后我做了这个jQuery:

$('.change').mouseout(function(){
    $('.picture').mouseout(function(){
        $(this).parent().children('.change').hide();
    });
});

$('.picture').mouseover(function(){
    var i = $(this).parent().children('.change').show();
});
Run Code Online (Sandbox Code Playgroud)

这只是第一次工作正常!如果我移出图片,那么当我回来并继续改变时,一切都开始闪烁!我该怎么办?!

谢谢

jquery mouseover mouseout

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

什么是图像处理的稀疏性?

我是图像处理的新手,我不知道基本术语的使用,我知道稀疏性的基本定义,但任何人都可以在图像处理方面详细说明定义吗?

image

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

在javascript的span中显示的文本中插入换行符

我有这样的跨度:

<span class "message"></span>
Run Code Online (Sandbox Code Playgroud)

我从这样的javascript填充它:

message = "first message" + "\\\n";
            message = message + "second message";            
            $(".message".)text(errorMessage);
            $(".message").show();
Run Code Online (Sandbox Code Playgroud)

问题是,当我的浏览器上显示文本时,2条消息在同一行,我不能用换行符插入第二条消息.而在我的调试控制台中,文本显示在2行上.我也试过了<br>,这是最糟糕的,因为它没有被解释,所以我收到这样的消息:

first message br second message.
Run Code Online (Sandbox Code Playgroud)

基本上,我想展示:

first message
second message
Run Code Online (Sandbox Code Playgroud)

javascript newline

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

从线程触发时,C#ShowDialog()不会阻止主窗体

我有一个Windows窗体应用程序,主窗体和几个后台线程.为了显示"好"的消息,我实现了一个表单,用于显示为模态对话框ShowDialog().

所有调用ShowDialog()都是在主窗体的表单级别上实现的(而不是在线程级别上),但有时我会从一个线程触发一个事件,该事件将在主窗体的表单级别上处理.在这些情况下,对话框不再是模态的...主窗体不会被阻止.当调用ShowDialog()不是从一个线程触发时,它是模态的.

如何确保每次调用ShowDialog()都会阻止主窗体?

c# multithreading winforms

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

如何使用带有被除数和除数作为参数的递归来创建一个int []除法方法?

这个问题必须使用递归来解决.

我试图在"else"之后使用代码来使用int temp来查找商,该int计算可以分割的次数(temp = dividend - divisor).

int r应该是商,但由于division()不是int而是数组,所以我不能应用递归.我也尝试在result [0]中插入division(),但同样的,返回是一个数组,而不是一个int.

结果是一个包含2个元素的数组:商和除法的余数.

我一直在练习递归,但我迷失在递归和数组的混合中

我可以用for循环解决这个问题,但正如我所说,必须使用递归.

只应修改else和return之间的代码.如果这应该很容易,我看不到它.

我之前一直在寻找答案,但我发现的那些使用int作为返回,而不是数组.

这是我测试失败的代码(正如您在Main中看到的那样,测试红利为13,除数为3):

public class Main{

    /*
     * Returns an array with the quotient and remainder of the
     * integer division
     *
     * @param dividend a positive int
     * @param divisor a positive int
     */
    static int[] division(int dividend, int divisor){

        int result[] = {0, dividend};

        if ( dividend < divisor ){
            return result;
        } else{

            ***int temp = dividend - …
Run Code Online (Sandbox Code Playgroud)

java arrays recursion

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