<body>
<div class="page-wrap">
</div>
<div class="modal-wrap"></div>
</body>html, body {
width: 100%;
height: 100%;
}
body {
overflow: hidden;
}
.page-wrap, .modal-wrap {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100vw;
height: 100vh;
}
.page-wrap: {
overflow: auto; /* или scroll */
}
.modal-wrap {
z-index: 1000;
display: none;
background: rgba(0,0,0, 0.5); /* стекло */
}
.modal-wrap__active {
display: block; /* или flex */
}@mixin flex($align: null, $direction: null) {
display: flex;
@if $align {
align-items: $align;
}
@if $direction {
flex-direction: $direction;
}
}
.header {
@include flex;
}
.content {
@include flex(center, column);
}
.footer {
@include flex;
}(function($){
var $target = $('селектор того у кого меняем');
var clickCount = 0;
var rules = [
function() { $target.removeClass('class3'); $target.addClass('class1'); },
function() { $target.removeClass('class1'); $target.addClass('class2'); },
function() { $target.removeClass('class2'); $target.addClass('class3'); }
];
$('селектор кнопки').on('click', function() {
rules[clickCount++ % rules.length]();
});
})(jQuery);var read = fs.createReadStream(path);
var write = fs.createWriteStream('local');
write.on('error', function(err) {
//ошибка записи
});
read.on('error', function(err) {
//ошибка чтения
});
read.on('end', function() {
//завершили чтение и запись
})
//проксируем поток чтения в поток записи
read.pipe(write);const result = location.search.slice(1).split('&').reduce((r, e) => {
let [key, value] = e.split('=').map(decodeURIComponent);
let p = key.indexOf('[');
if(p === -1) {
r[key] = value;
return r;
}
let subkeys = key.match(/(\[.*?\])/g).map(e => e.slice(1, -1));
subkeys.unshift(key.slice(0, p));
let rr = r;
for(let i = 0; i < subkeys.length - 1; i++) {
let key = subkeys[i];
if(!key) {
rr.push(subkeys[i + 1] ? {} : []);
rr = rr[rr.length - 1];
continue;
}
if(!rr[key]) {
rr[key] = subkeys[i + 1] ? {} : [];
}
rr = rr[key];
}
key = subkeys.pop();
if(key) {
rr[key] = value;
} else {
rr.push(value);
}
return r;
}, {});