3амет[k]иборга

Jun 14

Javascript local storage HTML5

Чтобы работать с js local storage

  1. Проверить доступность - как обычно if ((‘localStorage’ in window) && window.localStorage !== null) {..}
  2. Создать и удалить элемент по ключу - как с обычным объектом или массивом
  3. Очистить хранилище  - localstorage.clear();

Простенько и со вкусом


Sep 13

Интеграция методов в плагин для jQuery.

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

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

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

Процедура, собственно, простая — сначала пишем как обычно объект с опциями плагина, в него же сразу интегрируем методы (или можно не в него, а рядом, если мы не хотим иметь возможность переопределить методы при вызове плагина), которые нам нужны и дальше уже пишем общепринятый each цикл прохода по коллекции элементов, в котором уже можем использовать заранее подготовленный набор методов.

Работающий пример можно посмотреть тут, код откомментирован нормальным русским языком и я не думаю, что возникнут проблемы при его чтении (не надо шуточек про кодировку скрипта при просмотре на маках, выберите utf-8 в меню кодировок браузера и все будет жорошо, я не знаю почему оно хочет отображаться в iso кодировке, на сервере хедеры нормально выставлены).

Вопросы и критические замечания как всегда приветствуются.


Aug 15

Еще про подсветку синтаксиса на сайтах.

Заинтересовавшись темой подсветки синтаксиса, решил погуглить это дело более плотно и нашел вот такой полезный сервис автоматической подсветки синтаксиса с помощью Javascript

Если верить автору - то теперь тумблер не сможет запороть мою подсветку, и правильно должен размечать код. Опять же если верить автору, и я все нормально настроил, код ниже должен разметиться при просмотре со включенным js в браузере:

var hello = {
title:'Ололо!',
text:'Превед, мир.'
};

Upd: Как всегда, обошлось не без приколов - шаблонизатор тумблера теперь глючит и он не размечает правильно стили заголовков и остальные цвета со вкладки Appearance. Ну как раз собирался статический файл стиля собрать.


Aug 13

Заодно

Чтобы два раза не вставать, установил заодно и фейсбучную кнопку. И чуть дизайн подпилил. Эх, найти бы время и сделать нормально уже сайт. А то хожу как сапожник без сапог, другим сайты делаю, а себе не могу.


Твиттер-кнопка

Поспешая за прогрессом, установил себе в бложек твиттер-кнопку.  Не знаю, насколько это востребовано, но возможно, кому-нибудь пригодится. Енжой, как говорится.

UPD: для тех, кому лень ходить вниз страницы твиттера и фейсбука вот ссылки на специальные страницы на которых можно собрать свою кнопку: Twitter button и Facebook Like Button. Кстати, там первое поле на странице сборки фейсбучной кнопки - урл страницы которую лайкать или рекомендовать. Надо туда ручками динамически подставлять текущий урл или перманент линк, а твиттер-кнопка сама это умеет


Dec 14

Коротко о NULL

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

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

  • попытка выбрать поля из базы данных со значением null при помощи запроса вида “select … where fieldname = null” Собственно ничего не получим, так как null != null. Чтобы получить результат, используйте  “select … where fieldname IS null”

  • попытка сравнивать значения в коде, например “if ($var == null) {…}”, не приведет к желаемому результату, используем is_null().

Вот, собственно, и все, вроде должно помочь.


Страница 1 из 1