我从https://notepad-plus-plus.org/repository/7.x/7.5.1/npp.7.5.1.Installer.x64.exe下载了Notepad ++ .
我安装了相同的.现在我需要安装一些插件,但在菜单选项Plugins中只列出了Converter和MIME工具,但没有插件管理器.
编辑:他们已删除版本7.5的插件管理器.仍然可以通过在最佳解决方案中遵循@johnny的指令来添加它.PS:插件管理器仅支持32位版本.
考虑我们要创建一个包含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)
我有一个<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)以下代码允许任何网站暂时完全可编辑:
document.body.contentEditable = "true";
Run Code Online (Sandbox Code Playgroud)
如果我想使用这种方法保存对特定网站所做的设置,我如何使用 Javascript 和 PHP(如果需要)来实现这一点,以便下次我访问此 URL 时,该网站会使用所做的设置自动更新。这甚至可能吗?是否有可用的扩展?
我的需求非常简单,但是我找不到合适的解决方案。
我创建元素并将它们作为项目列表添加到DOM,每个新元素都在旧元素之前添加。我希望“顺利”添加新元素。的height
各元素的是动态的,因此必须是CSS规则。
我想,我必须使用CSS animations
和keyframes
,从我读我不能使用transitions
,因为有时它不是由浏览器中呈现。我不想使用Javascript,所以我宁愿避免使用setTimeout()
或解决方案jQuery
。我确信可以使用现代CSS正确完成此操作,但是我仍然必须找到正确的方法。
我有一个解决方案的开始(请参阅下文),但是max-height: 1000px
CSS中仍然有硬编码,因此我想避免这种情况,但是我不知道该怎么做,因为用动画替换动画auto
或unset
破坏动画(请参见最后的GIF)的职位)。
您将如何实现一个优雅的过渡,以便向DOM这样添加新元素(不必使用我提供的代码)?
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)试图清除超时但它不起作用。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 创建这家餐厅,并致力于创建不同的餐点菜单。当我遇到这个 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)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) 我正在做一个任务,我正在试图弄清楚为什么我的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)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)