Тут всякие полезности. Кладовка кода.
Обещания помогают сделать код чище, уменьшить количество зависимостей от внешних библиотек и подготовиться к async и await в ES7. Разработчики, которые ругают или не используют их, не знают, что они теряют.
Тем не менее, обещания могут быть сложными для понимания. Они очень отличаются от обычных коллбэков, к которым мы привыкли, а некоторые сюрпризы в синтаксисе могут доставить новичкам много проблем при отладке.
Читать далее «Обещания (promise). Четыре функции, которые вам нужно знать»
if(true){
var version1 = 'ES5';
}
if(true){
let version2 = 'ES6';
}
console.log(version1); // ES5
console.log(version2); // Error
// Создадим 5 <button></button> в html
let buttons = document.querySelectorAll('button');
// При button.onclick всегда будет "5"
for(var i = 0; i < buttons.length; i++){
var button = buttons[i];
button.innerText = i;
button.onclick = function (e) {
console.log(i);
}
}
// При button.onclick будет 1,2,3,4,5
for(let i = 0; i < buttons.length; i++){
var button = buttons[i];
button.innerText = i;
button.onclick = function (e) {
console.log(i);
}
}
От автора: сегодня речь пойдет о CSS Resets 2018. Все браузеры поставляются с набором стилей по умолчанию, которые применяются к каждой веб-странице в так называемой «таблице стилей агента пользователя». Большинство из этих таблиц стилей имеют открытый исходный код, поэтому вы можете просмотреть их.
Многие стили согласованы во всех таблицах стилей пользовательских агентов. Например, я привык думать, что элемент head не был виден из-за какой-то специальной функции, но на самом деле он скрывается, как и любой другой элемент на странице, с помощью display: none! Вы можете увидеть этот же стиль в WebKit, Chromium и Mozilla.
Много стилей, однако, являются несовместимыми между разными таблицами стилей агента пользователя. Например, посмотрите, как выглядит поле поиска в разных браузерах. Читать далее «Обзор CSS Resets в 2020 году»
Все привет!
<div class="links">
<h1>Подчеркивание ссылок</h1>
<p class="left">
Слева:
<a href="#">Вот так</a>, <a class="top" href="#">Можно даже сверху</a>
</p>
<p class="center">
По центру:
<a href="#">Красота</a>
</p>
<p class="right">
Справа:
<a href="#">Вот так</a>, <a href="#">Или вот так</a>
</p>
</div>
<input type="checkbox" id="pizza" name="food">
<label for="pizza">Пицца</label>
<br>
<br>
<input type="checkbox" id="bread" name="food">
<label for="bread">Хлеб</label>
<br>
<br>
<input type="checkbox" id="pasta" name="food">
<label for="pasta">Паста</label>
От автора: дизайн кнопок является основным элементом любой системы оформления. Лучшие из кнопок — простые, универсальные, возможно, даже немного веселые. Но есть много скрытых сложностей в этих веселых элементах управления и переключения … сложностей, которые легко упустить из виду, когда мы фокусируемся на тех же самых старых состояниях по умолчанию и наведения.
По правде говоря, эффекты мыши, вероятно, являются наименее важными для дизайна. Принимая во внимание на раннем этапе более функциональные состояния, вы можете снизить риск, возможного дорогостоящего редизайнах по мере развития вашей библиотеки шаблонов. Вот основные состояния, на которые вы должны обратить внимание на раннем этапе, приблизительно в порядке важности. Читать далее «Дизайн состояний кнопок»
От автора:приветствую вас, друзья. В этой статье мы начнем работать с Ajax запросами в jQuery. Библиотека jQuery предлагает несколько методов для работы с асинхронными запросами, используя которые мы можем обмениваться информацией с сервером без перезагрузки страницы, т.е. асинхронно. Сегодня мы познакомимся с методом ajax в jQuery.
Читать далее «Пробуем Ajax запрос в jQuery.»От автора: в настоящее время JavaScript-фреймворки является одной из самых горячих тем среди разработчиков. Хотя сообщество разработчиков по-прежнему не понимает, который из них лучше использовать всегда, решение принимается в соответствии с их требованиями. Проведя сравнение Angular, React и Vue, мы рассмотрим, какую платформу лучше изучать начинающему разработчику.
Примерно 2-3 года назад разработчики были довольствовались Angular и React. Недавно мы увидели восходящий рост еще одного игрока — Vue. Сравнение этих фреймворков приводится ниже: Читать далее «Angular, React и Vue — который из них выбрать в 2019 году»
От автора: Джерод, Дивья, Ник и я недавно говорили о востребованных навыках для начинающих разработчиков JavaScript во втором сегменте JS Party #77. Это постоянно повторяющаяся тема в мире JavaScript, потому что все оооочень быстро меняется, и трудно понять, на чем сосредоточиться. Читать далее «Топ 5 навыков JavaScript, которые нужны начинающему»
От автора: сайты, которые работают на WordPress, могут замедляться по ряду причин. Это может быть что угодно: раздутый код, некачественный плагин или низкая производительность хостинга. Выяснить, что замедляет вас, достаточно сложно. Еще труднее разобраться в инструментах, предназначенных для увеличения скорости (например, плагинов кэширования), полных загадочных настроек.
Все это может вылиться во что-то вроде кошмара при диагностике и исправлении того, что казалось простой проблемой. Да еще и не каждый вообще знает, как ускорить WordPress.
Читать далее «6 простых инструментов и советов, которые помогут вам ускорить WordPress»
