ctx традиционно обозначают не элемент canvas, а взятый из него context (который бывает 2d, webgl и др. ctx.width = 100;
ctx.height = 100;const makeDate = HHMM => {
const [H, M] = HHMM.split(':').map(Number);
const D = new Date();
D.setHours(H);
D.setMinutes(M);
D.setSeconds(0);
return D;
};
const oo = n => n.toString().padStart(2, '0'); // 5 => '05'
const fillTime = (startHHMM, finishHHMM, intervalMinutes) => {
let startDate = makeDate(startHHMM);
let finishDate = makeDate(finishHHMM);
if (startDate > finishDate) { // объекты Date можно так сравнивать
[startDate, finishDate] = [finishDate, startDate]; // поменять местами
}
const dates = [];
const D = new Date(startDate);
while (D <= finishDate) {
dates.push(new Date(D));
D.setMinutes(D.getMinutes() + intervalMinutes);
}
return dates.map(D => [D.getHours(), D.getMinutes()].map(oo).join(':'));
};
console.log(fillTime('15:56', '18:15', 17));
// [ "15:56", "16:13", "16:30", "16:47", "17:04", "17:21", "17:38", "17:55", "18:12" ]const N = 3;
const delay = ms => new Promise(res => setTimeout(res, ms));
const next = () => {
if (items.length > 0) {
return download(items.shift())
.then(delay(500 + Math.floor(Math.random() * 500))) // случайная пауза между закачками
.then(next);
}
};
const works = Array.from({ length: N }, () =>
Promise.resolve()
.then(next)
.catch(console.error)
);
Promise.all(works).then(() => console.log('All Done'));[1, 2, 1000, 1001,...] далее все 100500 элементов больше 1000. const sumTwoSmallestNumbers = arr => {
let a = arr[0];
let b = arr[1];
if (a > b) {
[a, b] = [b, a];
}
for (let i = 2; i < arr.length; i++) {
const v = arr[i];
if (v < a) {
b = a;
a = v;
} else if (v < b) {
b = v;
}
}
return a + b;
};
sumTwoSmallestNumbers([55, 44, 1, 99, 2]); // 3array() на []Создаёт массив с единственным элементом. И присваивает его в$options[$k] = [$row['value']]; // то же самое, что $options[$k] = array($row['value']);
$options[$k]$arr1 = [ 1, 2, 3 ];
// то же самое, что
$arr1 = array(1, 2, 3);$arr2 = [
'Habr' => 'QnA',
'Stack' => 'Overflow',
];
// то же самое, что
$arr2 = array(
'Habr' => 'QnA',
'Stack' => 'Overflow',
);.hidden { display: none; }document.querySelectorAll('li')
.forEach(li => li.classList.toggle('hidden', !li.querySelector('span')));hidden, в зависимости от того, найдётся ли span где-нибудь внутри этого элемента.
const tensor = tf.squeeze(result);
const canvas = document.createElement('canvas');
canvas.width = tensor.shape.width
canvas.height = tensor.shape.height
await tf.browser.toPixels(tensor, canvas);
const cat2 = document.createElement('img');
cat2.src = canvas.toDataURL();$args = [
'name1' => FILTER_SANITIZE_STRING,
'age1' => FILTER_SANITIZE_NUMBER_INT,
'weight1' => FILTER_SANITIZE_NUMBER_FLOAT,
];
$defaults = [
"name1" => "по умолчанию",
"age1" => "по умолчанию",
"weight1" => "по умолчанию",
];
$results = array_merge($defaults, filter_input_array(INPUT_GET, $args));
// вывод
foreach ($results as $name => $value) {
printf('<p>%s: %s</p>', $name, $value);
}Math.sqrt(N)// дизель* генератор
const ltSqr = function*(n) {
const limit = Math.min(100, Math.sqrt(n));
let i = 1;
while (i <= limit) {
yield i++;
}
}
// использование
let N = 42;
for (const x of ltSqr(N)) {
console.log(x);
}
// выведет натуральные от 1 до 6force_original_aspect_ratio пропорции;ffmpeg -framerate 1/10 -i img%3d.png -i audio.wav \
-vf 'scale=3840:2880:force_original_aspect_ratio=decrease,pad=3840:2880:(ow-iw)/2:(oh-ih)/2,setsar=1' \
-c:v libx264 -crf 14 -r 25 -pix_fmt yuv420p -shortest output.mp4https://cdn.jsdelivr.net/npm/sweetalert2@11.4.8
for ($i = 0; $i < count($arr); $i++) {
if ( условие1 && условие2 ) {
// ура, нашли!
break;
}
}document.addEventListener('click', ({ target }) => {
if (target.classList.contains('services__buy')) {
// do something
}
});DISCLAIMER Реализации сортировки могут быть разными.{ // выполнить в консоли браузера
const oneTest = () => {
let iterations = 0;
[1, 2, 3].sort((a, b) => {
const result = Math.random() > Math.random() ? 1 : -1;
console.log(`${iterations}: ${a} vs ${b} = ${result}`);
iterations++;
return result;
});
return iterations;
}
console.clear();
const totalTests = 10;
const stats = {};
for (let test = 0; test < totalTests; test++) {
console.group(`Test ${test + 1} of ${totalTests}`);
const iterations = oneTest();
stats[iterations] ??= 0;
stats[iterations]++;
console.groupEnd();
}
console.log(JSON.stringify(stats, null, 2));
}$options = [
[null, $_LNG['TYPE_ORDER']],
['select_all', $_LNG['ALL_TYPES']],
['select_domain', $_LNG['DOMAIN']],
['select_server', $_LNG['SERVER']],
['select_ssl', $_LNG['SSL']],
['select_desing', $_LNG['DESING']],
['select_script', $_LNG['SCRIPT']],
['select_layout', $_LNG['LAYOUT']],
['select_adv', $_LNG['ADV']],
['select_seo', $_LNG['SEO']],
];
printf('const options = %s;', json_encode($options));options полноценный элемент select со всеми опциями: createSelect = () => {
const select = document.createElement('select');
options.forEach(([value, title]) => {
const option = document.createElement('option');
option.innerText = title;
if (value) {
option.value = value;
} else {
option.setAttribute('disabled', true);
option.setAttribute('selected', true);
}
select.appendChild(option);
});
return select;
};