根据浏览器的缩放级别,子 div 的背景颜色有一个奇怪的行为。出现一些空白。
请参阅以下示例:
缩放 125%:
缩放 150%:
缩放 175%:
缩放 200%:
这是我的代码:
(JSFiddle:https ://jsfiddle.net/3L4wfvyg/ )
$(document).ready(function () {
document.getElementById("HeaderContainer").addEventListener("click", function (e) {
if (e.target.id != "FormContainer") {
document.getElementById("Container3").classList.toggle("clicked");
document.getElementById("HeaderContainer").classList.toggle("HeaderContainer3");
};
});
});Run Code Online (Sandbox Code Playgroud)
.Container1 {
background-color: white;
line-height: 30px;
font-size: 20px;
color: black;
border: none;
position: absolute;
}
.Container1 h3 {
font-size: 30px;
color: #142D41;
margin-top: 20px;
margin-bottom: 10px;
position: relative;
}
.Container1 .Container3 {
padding: 30px;
display: block;
border: 1px solid black;
border-radius: 5px;
margin-top: 15px;
font-size: 15px; …Run Code Online (Sandbox Code Playgroud)我正在尝试了解 Socket.IO,但我需要帮助。我正在查看 Socket.IO 文档并找到了这段代码:
var io = require('socket.io')();
io.on('connection', function(socket){
socket.emit('an event', { some: 'data' });
});
Run Code Online (Sandbox Code Playgroud)
来源:http : //socket.io/docs/server-api/#socket#emit( name: string[,-…]) : socket
来自面向对象的编程背景,我明白第一行“导入”了 Socket.IO 库。此外,它“创建了一个 socket.io 的实例”,它被保存为变量 io。
但是接下来的两行是做什么的?这个io.on是什么,什么是'connection',参数 socket的来源是什么,这意味着什么:some: 'data'?