小编Sco*_*cus的帖子

如何在Notepad ++中查看插件管理器

我从https://notepad-plus-plus.org/repository/7.x/7.5.1/npp.7.5.1.Installer.x64.exe下载了Notepad ++ .

我安装了相同的.现在我需要安装一些插件,但在菜单选项Plugins中只列出了ConverterMIME工具,但没有插件管理器.

查看已安装的Notepad ++的屏幕截图.

编辑:他们已删除版本7.5的插件管理器.仍然可以通过在最佳解决方案中遵循@johnny的指令来添加它.PS:插件管理器仅支持32位版本.

plugins editor notepad++

95
推荐指数
6
解决办法
23万
查看次数

如何在第一个textarea的内部文本超过一页时添加另一个textarea

考虑我们要创建一个包含textarea的页面来键入文章.textarea的大小设置为A5纸张大小.对于长文本,当用户键入并完成第一个textarea时,需要在第一个textarea后添加另一个textarea以允许用户继续在下一页输入(类似于MS word).你的建议是什么?

.A5 {
  width: 148mm;
  padding: 1cm;
  margin: 1px;
  box-sizing: border-box;
  height: 210mm;
  border: solid 1px;
  resize: none;
  display: block;
}

@page {
  size: A5;
  margin: 0;
  padding: 0;
}

@media print {
  .A5 {
    visibility: visible;
    position: fixed;
    top:0;
    left:0;
    z-index: 99;
    border:none;
  }
  body> :not(.A5){
    color: red;
    display:none;
  }
}
Run Code Online (Sandbox Code Playgroud)
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<h1>
Paper Print Test
</h1>
<input type="button" value="print" onclick="window.print()"/>
<textarea class="A5">
  Article Text 
</textarea>
Run Code Online (Sandbox Code Playgroud)

html javascript css jquery

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

在CSS动画期间保持背景图像不会调整大小并删除闪烁

我有一个<div>我用作幻灯片放映图像的容器.将在容器中显示的图像具有不同的大小并应用为背景图像,而不是<img>容器内的元素,以便:

  • 我可以根据需要通过媒体查询交换图像集
  • 可以动画背景以产生幻灯片效果

我有background-size:cover并且background-clip:content-box这些正确地将图像保持在容器的所需区域内,确保正确地剪掉多余的部分.

第一个问题是在CSS动画期间,当一个图像转换到另一个图像时,新图像会在该关键帧的时间过程中调整大小.我想要的是将下一个图像转换为(已经适当的大小),而不会看到它调整大小.

实际上,我甚至不确定为什么首先会出现交叉淡入淡出可视化,因为我没有指示这样做(也许是内置-webkit-动画?).我原以为你只会看到从一张图片到另一张图片的即时更改.我实际上喜欢交叉淡入淡出,但不知道它来自哪里让我觉得它与调整大小问题有关.

第二个问题是在幻灯片放映的第一次迭代期间(仅),图像闪烁,并且简要地示出了容器元素的白色背景颜色.因为这只发生在第一次迭代时,我认为这可能是图像初始下载时间的问题,这就是为什么它在后续迭代中消失的原因.但是,当我在幻灯片放映开始之前添加一些JavaScript来预加载图像并发现同样的问题时,事实证明并非如此.此外,一旦你运行节目,你有缓存中的图像和刷新页面(这将只是从你的缓存中获取图像,是的,我通过从我自己的测试服务器获取文件来测试它,所以他们将正确缓存)闪烁再次发生.

我已经看过一些关于使用各种CSS属性设置来消除闪烁的帖子preserve3d,但这些都没有帮助.

我在Windows 10上使用Chrome 62.0.3202.94桌面.

#outerFrame {
  background-color: #22130c;
  box-shadow: inset 0 1px 1px 1px hsla(0,0%,100%,.2), 
              inset 0 -2px 1px hsla(0,0%,0%,.4), 
              0 5px 50px hsla(0,0%,0%,.25), 
              0 20px 20px -15px hsla(0,0%,0%,.2), 
              0 30px 20px -15px hsla(0,0%,0%,.15), 
              0 40px 20px -15px hsla(0,0%,0%,.1);
  padding: 1.5em;
  overflow: auto;
  float: left;
  margin: 0 1em 1em 0;
}

#innerFrame {
  background-color: #fff5e5;
  box-shadow: 0 2px 1px hsla(0,0%,100%,.2), 
              0 …
Run Code Online (Sandbox Code Playgroud)

html css css3 css-animations

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

保存可在任何网站上编辑的内容所做的更改

以下代码允许任何网站暂时完全可编辑:

document.body.contentEditable = "true";
Run Code Online (Sandbox Code Playgroud)

如果我想使用这种方法保存对特定网站所做的设置,我如何使用 Javascript 和 PHP(如果需要)来实现这一点,以便下次我访问此 URL 时,该网站会使用所做的设置自动更新。这甚至可能吗?是否有可用的扩展?

javascript php contenteditable

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

如何仅使用CSS3将动态创建的元素平滑地添加到DOM?

我的需求非常简单,但是我找不到合适的解决方案。

我创建元素并将它们作为项目列表添加到DOM,每个新元素都在旧元素之前添加。我希望“顺利”添加新元素。的height各元素的是动态的,因此必须是CSS规则。

我想,我必须使用CSS animationskeyframes,从我读我不能使用transitions,因为有时它不是由浏览器中呈现。我不想使用Javascript,所以我宁愿避免使用setTimeout()或解决方案jQuery。我确信可以使用现代CSS正确完成此操作,但是我仍然必须找到正确的方法。

我有一个解决方案的开始(请参阅下文),但是max-height: 1000px CSS中仍然有硬编码,因此我想避免这种情况,但是我不知道该怎么做,因为用动画替换动画autounset破坏动画(请参见最后的GIF)的职位)。

您将如何实现一个优雅的过渡,以便向DOM这样添加新元素(不必使用我提供的代码)?


在JSFiddle上尝试代码

    function addElement() {
        let dynamicHeight = Math.ceil(Math.random() * 30) + 100;
        let newElem = `<div class='elem' style='height: ${dynamicHeight}px'></div>`;
        let elements = document.getElementById("elements");
        elements.insertAdjacentHTML("afterbegin", newElem);
    }

    let button = document.getElementById("button")
    button.addEventListener("click", addElement);
Run Code Online (Sandbox Code Playgroud)
    .elem {
      background-color: blue;
      margin: 5px;
      animation-duration:0.5s;
      animation-name: slidein;
    }
    
    
    @keyframes slidein {
      from {
        max-height: 0px;
        transform: scale(0);
        opacity: 0; …
Run Code Online (Sandbox Code Playgroud)

javascript css css3 css-transitions css-animations

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

clearTimeout 没有清除超时

试图清除超时但它不起作用。console.logging 它在初始化和销毁​​后返回一个数字。

    const timer = setTimeout(() => {});
    console.log('initialised', timer); // initialised 22
    clearTimeout(timer);
    console.log('destroyed', timer); // destroyed 22
Run Code Online (Sandbox Code Playgroud)

我期待第二个日志返回空值。我也没想到计时器是一个简单的数字。我原以为它是一个对象。clearTimeout 是否在做它应该做的事情?

javascript

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

ReferenceError:提示未定义。我该如何在 JavaScript 中解决这个问题?

我正在使用 JavaScript 创建这家餐厅,并致力于创建不同的餐点菜单。当我遇到这个 ReferenceError 说提示未定义时,我正在添加前几行代码。如果您需要查看完整的上下文,您可以在此处引用原始代码https://repl.it/@qwerty_____/Welcome-to-the-Drivethrough和我正在此处处理的代码https://repl.it/@ qwerty_________/DullFreeMisrac。官方的错误就在这里。

ReferenceError: prompt is not defined
at evalmachine.<anonymous>:2:12
at Script.runInContext (vm.js:74:29)
at Object.runInContext (vm.js:182:6)
at evaluate (/run_dir/repl.js:133:14)
at ReadStream.<anonymous> (/run_dir/repl.js:116:5)
at ReadStream.emit (events.js:180:13)
at addChunk (_stream_readable.js:274:12)
at readableAddChunk (_stream_readable.js:261:11)
at ReadStream.Readable.push (_stream_readable.js:218:10)
at fs.read (fs.js:2124:12)
Run Code Online (Sandbox Code Playgroud)

这是在 JavaScript 上。我已经尝试将其更改为 window.prompt 而不仅仅是提示,它说窗口未定义。

ReferenceError: prompt is not defined
at evalmachine.<anonymous>:2:12
at Script.runInContext (vm.js:74:29)
at Object.runInContext (vm.js:182:6)
at evaluate (/run_dir/repl.js:133:14)
at ReadStream.<anonymous> (/run_dir/repl.js:116:5)
at ReadStream.emit (events.js:180:13)
at addChunk (_stream_readable.js:274:12)
at readableAddChunk (_stream_readable.js:261:11)
at ReadStream.Readable.push (_stream_readable.js:218:10) …
Run Code Online (Sandbox Code Playgroud)

javascript prompt undefined referenceerror

6
推荐指数
3
解决办法
7万
查看次数

JavaScript findIndex 不适用于第一个对象

var data=[{"vpnkey":"CUSTOMER_NAME","validation":"ALPHANUMERIC"},
{"vpnkey":"VRF","validation":"VRF_CHECK"},
{"vpnkey":"MOBILE_ADDRESS_SUMMARIZED_RANGE","validation":"IP_MASK"},
{"vpnkey":"APN_MOBILE_RANGE","validation":"IP_MASK"},
{"vpnkey":"FIXED_IP_LOOPBACK_TRACK_ID","validation":"NUMERIC"},
{"vpnkey":"CUSTOMER_BGP_REMOTE_AS","validation":"NUMERIC"},
{"vpnkey":"testing_purpass1","validation":"IP_ADDRESS"},
{"vpnkey":"testing_purpass2","validation":"IP_ADDRESS"}]
Run Code Online (Sandbox Code Playgroud)

当我使用第一个对象“vpnkey value”搜索 vpnkey 时,它返回 -1 但预期结果 0

this.vpnKeys["Commonkeys"].findIndex(function(item, i){
   if(item.vpnkey === "CUSTOMER_NAME") return i
});
Run Code Online (Sandbox Code Playgroud)

当我基于 vpnkey 进行搜索时,第一个对象“vpnkey value”会给出正确的索引值

this.vpnKeys["Commonkeys"].findIndex(function(item, i){
   if(item.vpnkey === "VRF") return i
});
Run Code Online (Sandbox Code Playgroud)

javascript arrays indexing find

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

Jquery只能在控制台中工作,甚至文档就绪

我正在做一个任务,我正在试图弄清楚为什么我的jquery代码只在我打开控制台时才起作用.关于这种行为的奇怪部分是它在Edge/IE中工作正常但不是chrome或firefox.我已经搜索了各种线程,并且我加倍检查我的doc ready功能是否正确格式化并加入了括号.编辑:添加了HTML和CSS

    <!DOCTYPE html>
    <html lang="en">    
    <head>
        <meta charset="UTF-8">
        <title>Project 5: P3</title>
        <meta name="author" content="Mia Kollia"><meta name="robots" content="noindex, nofollow">
       <!-- STANDARD @IMPORT Google Font Gamja Flower -->
        <link href="https://fonts.googleapis.com/css?family=Gamja+Flower" rel="stylesheet"> 
    </head>
    <body>
        <aside class="logo">
            <img src = "sftwear.png" alt="logo"><br>
        </aside>
        <aside class="Home">
          <a href="../home.html">Home</a><br> <!-- Home link -->
        </aside>
        <article class="content">
            <section class="intro">
                <h1> Behold My Cats </h1>
            </section>
          <section class="pic">
        <img class="image" src="pic2.jpg" height="200px" width="200px"> 
        <img class="image" src="pic3.jpg" height="200px" width="200px">
        <img class="image" src="pic4.jpg" height="200px" width="200px">
        <img class="image" src="pic5.jpg" height="200px" …
Run Code Online (Sandbox Code Playgroud)

html javascript css jquery

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

如何通过单击对话框外部来关闭对话框?

dialog除了单击按钮之外,如何通过单击框外部来关闭框Esc

<!DOCTYPE html>
<html>
<body>

<p>Click the button to show the dialog.</p>

<button onclick="myFunction()">Show dialog</button>

<p><b>Note:</b> Use the "Esc" button to close the modal.</p>
<p><b>Note:</b> The dialog element is only supported in Chrome 37+, Safari 6+ and Opera 24+.</p>

<dialog id="myDialog">This is a dialog window</dialog>

<script>
function myFunction() { 
  document.getElementById("myDialog").showModal(); 
} 
</script>

</body>
</html>
Run Code Online (Sandbox Code Playgroud)

html javascript

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