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. Ну как раз собирался статический файл стиля собрать.


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