Кладовка кода

15.06.202015.06.2020

Топ плагинов jQuery. Плагин jQuery Cookie

От автора: приветствую вас, друзья. Продолжаем знакомиться с коллекцией ТОП плагинов jQuery. Сегодня мы познакомимся с практически незаменимым плагином для большинства сайтов. Речь идет о плагине jQuery Cookie. Как вы уже догадались из названия, задача плагина — работа с куками.

Задача хранения пользовательских настроек и работы с ними встает перед нами в любом мало-мальски серьезном проекте. Например, классическая задача представления товаров в интернет-магазине в виде списка или в табличном виде. Пользователь волен выбрать наиболее удобный для него способ представления, ну а мы должны запомнить его и не забыть показать в удобном виде как в пределах текущего сеанса, так и при следующем обращении к сайту.

19.02.202019.02.2020

4 Основные функции ES2015 для разработки Vue.js

От автора: ES2015 (ака ES6) — это текущая спецификация языка JavaScript. Если вы новичок в JavaScript или в последнее время не освежали свои знания в области JavaScript, сообщаем, что в ES2015 появился ряд новых функций, которые делают разработку намного лучше и приятнее.

Для разработки Vue js ES2015 дает много полезных функций, которые могут вам пригодиться. Можете начать с тех, которые относятся непосредственно к Vue.

В этой статье я покажу вам четыре функции ES2015, которые вы будете использовать ежедневно, и приведу объяснения с краткими примерами каждой из них.

16.01.202017.01.2020

Обещания (promise). Четыре функции, которые вам нужно знать

Обещания помогают сделать код чище, уменьшить количество зависимостей от внешних библиотек и подготовиться к async и await в ES7. Разработчики, которые ругают или не используют их, не знают, что они теряют.

Тем не менее, обещания могут быть сложными для понимания. Они очень отличаются от обычных коллбэков, к которым мы привыкли, а некоторые сюрпризы в синтаксисе могут доставить новичкам много проблем при отладке.

15.01.202020.02.2020

Записка по JS, а именно ECMAScript 6.

1. Переменные let

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);
    }
}

17.10.201917.10.2019

Пробуем Ajax запрос в jQuery.

От автора:приветствую вас, друзья. В этой статье мы начнем работать с Ajax запросами в jQuery. Библиотека jQuery предлагает несколько методов для работы с асинхронными запросами, используя которые мы можем обмениваться информацией с сервером без перезагрузки страницы, т.е. асинхронно. Сегодня мы познакомимся с методом ajax в jQuery.

20.06.201918.06.2020

Полезные однострочники на JavaScript

Автор статьи, перевод которой мы сегодня публикуем, говорит, что он программирует на JavaScript уже многие годы. За это время он собрал коллекцию отличных однострочников — фрагментов кода, удивительно мощных, учитывая то, что укладываются они в одну строку. По его словам, большие возможности — это и большая ответственность, поэтому пользоваться этими конструкциями нужно осмотрительно, стремясь к тому, чтобы они не вредили бы читабельности программ.

Здесь представлено 13 однострочников. Примеры подготовлены с использованием Node.js v11.x. Если вы будете использовать их в другой среде — это может повлиять на их выполнение.

10.04.201923.10.2019

Анимация градиента с плагином granim.js

Предварительно необходимо скачать и подключить сам скрипт https://sarcadass.github.io/granim.js/

HTML часть

<canvas id="canvas-basic"></canvas>
<canvas id="canvas-radial"></canvas>

CSS часть

#canvas-basic,
#canvas-radial {
position: relative;
display: block;
width: 100%;
height: 300px;
margin-bottom: 20px;
}

09.04.201923.10.2019

Отдельные стили CSS через js для любимого IE )

if (/MSIE 10/i.test(navigator.userAgent) ||
/MSIE 9/i.test(navigator.userAgent) ||
/rv:11.0/i.test(navigator.userAgent) ||
/Edge\/\d./i.test(navigator.userAgent))
{document.write
('<style>.about-work{background-color:#fff;}.order{background-color:#fff;}footer{background-color: rgba(57, 172, 249, 1);}.price{background:#ffffff;}.hakscr{background: #ffffff;}.dignity{background-color:rgba(57, 172, 249, 1);}header{background-color: rgba(57, 172, 249, 1);}.header{background-color: rgba(57, 172, 249, 1);}.hak{background: rgba(57, 172, 249, 1);}.about{background-color: #fff;}</style>')
}

Тестировал с IE8-IE10

ЗЫ. Не будет работать, если в «style» будут отступы.

Рубрика: JS

Топ плагинов jQuery. Плагин jQuery Cookie

4 Основные функции ES2015 для разработки Vue.js

Обещания (promise). Четыре функции, которые вам нужно знать

Записка по JS, а именно ECMAScript 6.

1. Переменные let

Пример с кнопками:

Пробуем Ajax запрос в jQuery.

Полезные однострочники на JavaScript

Анимация градиента с плагином granim.js

Отдельные стили CSS через js для любимого IE )

Статистика

1. Переменные let

Пример с кнопками:

Статистика

Метки