Если вы давно пишете на JavaScript, вы понимаете комфорт использования jQuery. Так же и для серверной стороны: когда вы создаете приложение под node.js, удобно будет использовать express фреймворк модуль (npm install express). Хотел написать пост с разбором базовых задач на нем, но похоже офсайт таки разродился нормальными примерами.
Tag Archives: javascript
Настраиваем JSHint для WebStrorm
JSHint – бесплатный инструмент для проверки JavaScript кода на соответствие стандартам оформления кода и внутри командным соглашениям. Возник как ответвление от JSLint, который разработал автор JSON формата Дуглас Крокфорд. Инструмент не имеет фиксированных правил и легко конфигурируется под конкретные требования к коду.
Правильно используем jQuery ON
Делаю репост части статьи с харбра, к которой не раз обращался.
bind, live и delegate могли вести себя непредсказуемо при использовании вместе. Например, $(document).unbind(‘click’) убирал все live(‘click’)-события со всего документа.
Новое API событий .on() and .off() призвано как-то унифицировать систему создания обработчиков событий:
Старое API | Новое API |
$(elems).bind(events, fn) | $(elems).on(events, fn) |
$(elems).bind(events, { mydata: 42 }, fn) | $(elems).on(events, { mydata: 42 }, fn) |
$(elems).unbind(events, fn) | $(elems).off(events, fn) |
$(elems).delegate(events, selector, fn) | $(elems).on(events, selector, fn) |
$(elems).undelegate(events, selector, fn) | $(elems).off(events, selector, fn) |
$(selector).live(events, fn) | $(document).on(events, selector, fn) |
$(selector).die(events, fn) | $(document).off(events, selector, fn) |
Наследование в CanJS
Для начала скажу что CanJs, это форк от JavaScriptMVC, который был разобрал вот тут.
Так вот, разбирая наследование контроллеров во фреймворке, не сразу поняли как оно работает. Пример в официальной документации был не очевиден, а гугление не дало быстрого ответа.
Выкидываем jQuery и начинаем использовать Zepto.js
Недавно открыл для себя библиотеку Zepto.js, которая оказалась оптимизированной версией jQuery. Ключевой момент оптимизации – отказ от мега-кроссбраузерности, т.е. разработчики сосредоточились только на движке WebKit. И правда, если у вас нет необходимости поддерживать ИЕ, то зачем использовать jQuery?
Twitter Bootstrap быстрый старт
Перед нами стала задача определить библиотеку для создания UI на проекте. Кроме JQueryUI и Dojo появился вариант Twitter Bootstrap, который мы решили рассмотреть более подробно.
Node.js работа с MySQL
Если уже мы решились заняться серверным программированием, то без базы не обойтись. Поэтому разберем как должна работать связка node.js и mySQL.
Разбор JavaScriptMVC
*Для тех, кто подумал что я пропустил пробел перед MVC, скажу: нет – JavaScriptMVC – это название фреймворка.
Информации в интернете о нем не так много, поэтому попробуем разобрать вместе как его устанавливать и использовать.
Простые геометрические фигуры на canvas
Этот пост будет представлять собой постоянно расширяющийся список геометрических фигур и функций для их отрисовки на canvas.
Для всех случаев будем по умолчанию считать что мы уже определили canvas и получили ссылку на его контекст:
var canvas = document.getElementById('
canvas
‘);
var ctx = canvas.getContext(‘2d’);
Canvas – это просто!
Наконец-то появилось время разобрать принципы анимации с использованием HTML canvas элемента.
Вот что получилось:
Подробности под катом.