Оглавление:

Содержание
П р е д и с л о в и е .......................................................................................... 14
В с т у п л е н и е ..............................................................................................16
Б л а г о д а р н о с т и ......................................................................................18
Об э т о й к н и г е ......................................................................................... 19
Об и л л ю с т р а ц и и н а о б л о ж к е .......................................................24
Ч а с т ь I. П р о с т ы е р а с ш и р е н и я ....................................................25
Г л а в а 1. Р а с ш и р е н и я д л я j Q u e r y .............................................. 26
1.1. История развития jQ u e ry ..................................................................26
1.1.1. Происхождение..........................................................................27
1.1.2. Развитие.......................................................................................28
1.1.3. Современное состояние дел.....................................................31
1.2. Расширение jQ uery..............................................................................32
1.2.1. Что доступно для расширения?.............................................. 32
1.3. Примеры расширений........................................................................ 36
1.3.1. jQ uery Ш .....................................................................................37
1.3.2. Проверка данных....................................................................... 38
1.3.3. Графический ползунок............................................................. 39
1.3.4. Интеграция со службой Google М ар..................................... 40
1.3.5. Cookies..........................................................................................41
1.3.6. Анимация, основанная на изменении цвета......................... 42
1.4. В заключение........................................................................................43
Г л а в а 2 . П е р в о е р а с ш и р е н и е ......................................................44
2.1. Архитектура jQ u e ry ..........................................................................44
2.1.1. Точки интеграции с библиотекой jQ u ery .............................46
2.1.2. Селекторы................................................................................... 47
2.1.3. Расширения коллекций............................................................ 48
2.1.4. Вспомогательные функции......................................................49
2.1.5. Виджеты jQuery U 1................................................................... 49
2.1.6. Эффекты jQ uery U 1...................................................................50
2.1.7. Анимация свойств..................................................................... 50
2.1.8. Поддержка Ajax..........................................................................51
2.1.9. Обработка событий....................................................................52
6 Содержание
2.1.10. Правила проверки данных................................................... 52
2.2. Простое расширение...........................................................................53
2.2.1. Текст подсказки..........................................................................53
2.2.2. Реализация расширения W aterm ark..................................... 54
2.2.3. Удаление текста подсказок.......................................................56
2.2.4. Применение расширения Watermark.................................... 57
2.3. В заключение........................................................................................60
Г л а в а 3 . С е л е к т о р ы и ф и л ь т р ы ..................................................61
3.1. Что такое селекторы и фильтры?......................................................62
3.1.1. Зачем добавлять новые селекторы?.......................................62
3.1.2. Простые селекторы....................................................................63
3.1.3. Селекторы псевдоклассов.........................................................65
3.2. Добавление нового селектора псевдокласса.................................. 70
3.2.1. Структура селектора псевдокласса........................................70
3.2.2. Добавление селектора по точному соответствию
содержимого..........................................................................................72
3.2.3. Добавление селектора по соответствию шаблону............... 75
3.2.4. Добавление селектора по типу элемента...............................77
3.2.5. Добавление селектора элементов с текстом
на иностранном языке......................................................................... 78
3.2.6. Селекторы из расширения Validation.................................... 80
3.3. Добавление фильтров множеств.......................................................81
3.3.1. Структура селектора множества.............................................81
3.3.2. Добавление селектора выборки элементов из середины
множества.............................................................................................. 83
3.3.3. Расширение селектора по индексу........................................ 84
3.4. В заключение........................................................................................87
Ч а с т ь II. Р а с ш и р е н и я и ф у н к ц и и .............................................. 88
Г лава 4 . П ри н ц и п ы р а з р а б о т к и р а с ш и р е н и й ...................89
4.1. Архитектура расширений...................................................................89
4.1.1. Преимущества оформления расширений в виде
модулей.................................................................................................. 90
4.1.2.11роектирование архитектуры................................................. 91
4.1.3. Поддержка модульной архитектуры в расширениях......... 92
4.2. Руководящие принципы.....................................................................93
4.2.1. Наращивайте возможности прогрессивно............................93
Содержание 7
4.2.2. Объявляйте только одно имя и используйте
его повсюду........................................................................................... 93
4.2.3. Пометайте все в объект jQ u e ry ............................................. 95
4.2.4. Не рассчитывайте, что имя $ будет ссылаться
на jQ u ery ................................................................................................ 96
4.2.5. Скрывайте тонкости реализации с использованием
областей видимости.............................................................................96
4.2.6. Используйте методы для доступа к дополнительной
функциональности...............................................................................98
4.2.7. Возвращайте объект jQuery,
если это возможно............................................................................... 98
4.2.8. Используйте функцию data для сохранения данных
экземпляра............................................................................................ 99
4.2.9. Предусматривайте возможность настройки.......................100
4.2.10. Используйте осмысленные значения по умолчанию....101
4.2.11. Добавьте поддержку локализации......................................103
4.2.12. Реализуйте оформление внешнего вида с помощью
CSS................ 104
4.2.13. Тестируйте расширение в основных браузерах............... 107
4.2.14. Создавайте комплекты повторимых тестов......................108
4.2.15. Создавайте демонстрационные примеры
и документацию..................................................................................108
4.3. В заключение.................................................................................... 110
Г л ав а 5 . Р а с ш и р е н и я к о л л е к ц и й .............................................112
5.1. Что такое расширения коллекций?.................................................112
5.2. Инфраструктура поддержки расширений.....................................113
5.2.1. Расширение Max Length ....................................................... 113
5.2.2. Устройство расширения M axLength....................................114
5.3. Определение собственного расширения....................................... 117
5.3.1. Выбор имени............................................................................. 117
5.3.2. Инкапсуляция........................................................................... 118
5.3.3. Использование объекта-одиночки....................................... 119
5.4. Применение к элементам.................................................................. 121
5.4.1. Простое подключение..............................................................121
5.4.2. Инициализация расширения................................................. 122
5.4.3. Вызов методов.......................................................................... 124
5.4.4. Методы чтения......................................................................... 126
5.5. Параметры настройки....................................................................... 128
8 Содержание
5.5.1. Значения настроек по умолчанию........................................ 129
5.5.2. Локализация..............................................................................130
5.5.3. Реакция на изменение параметров....................................... 132
5.5.4. Реализация реакции на изменение параметров
в Max L ength........................................................................................135
5.5.5. Активация и деактивация виджета...................................... 136
5.6. Добавление обработчиков событий................................................138
5.6.1. Регистрация обработчиков событий.....................................138
5.6.2. Вызов обработчика события.................................................. 139
5.7. Добавление методов.......................................................................... 140
5.7.1. Получение текущей длины .................................................... 140
5.8. Удаление расширения........................................................................141
5.8.1. Метод d e stro y ........................................................................... 141
5.9. Заключительные ш трихи................................................................. 142
5.9.1. Главная цель расширения....................................................... 142
5.9.2. Реализация поддержки стилей..............................................145
5.10. Законченное расширение............................................................... 146
5.11. В заключение.................................................................................... 148
Г л а в а 6 . Р а с ш и р е н и я - ф у н к ц и и ................................................ 149
6.1. Определение расширения................................................................ 150
6.1.1. Расширение для локализации................................................150
6.1.2. Код инфраструктуры............................................................... 152
6.1.3. Загрузка локализаций............................................................. 152
6.2. Расширение Cookie............................................................................ 156
6.2.1. Операции с данными cookie................................................... 157
6.2.2. Чтение и запись cookies...........................................................158
6.3. В заключение...................................................................................... 161
Г лава 7 . Т е с т и р о в а н и е , у п ак о вк а
и д о к у м е н т и р о в а н и е р а с ш и р е н и й ........................................ 162
7.1. Тестирование расширений..............................................................163
7.1.1. Что тестировать?.......................................................................164
7.1.2. Использование Q U nit............................................................. 165
7.1.3. Тестирование расширения MaxLength................................167
7.1.4. Тестирование установки и извлечения параметров
расширения.......................................................................................... 170
7.1.5. Имитация действий пользователя........................................ 172
7.1.6. Тестирование функций-обработчиков.................................174
7.2. Упаковка расширений........................................................................176
Содержание 9
7.2.1. Сборка всех файлов вместе.................................................... 176
7.2.2. Минификация расширения................................................... 178
7.2.3. Реализация простого примера...............................................181
7.3. Документирование расширений..................................................... 184
7.3.1. Документирование параметров настройки.........................184
7.3.2. Документирование методов и вспомогательных
ф ункций............................................................................................... 185
7.3.3. Демонстрация возможностей расширения..........................186
7.4. В заключение...................................................................................... 188
Ч а с т ь III. Р а с ш и р е н и е jQ u e ry U I...............................................190
Г л а в а 8 . В и д ж е т ы jQ u e ry U I.........................................................191
8.1. Инфраструктура поддержки виджетов......................................... 192
8.1.1. Модули j Query U1....................................................................192
8.1.2. Модуль W idget......................................................................... 194
8.1.3. Расширение MaxLcngth .........................................................196
8.1.4. Устройство расширения MaxLength.....................................197
8.2. Определение виджета........................................................................198
8.2.1. Выбор имени.............................................................................199
8.2.2. Инкапсуляция виджета...........................................................199
8.2.3. Объявление виджета...............................................................200
8.3. Применение к элементам..................................................................202
8.3.1. Простое подключение и инициализация............................202
8.4. Параметры настройки....................................................................... 204
8.4.1. Значения настроек по умолчанию........................................205
8.4.2. Реакция на изменение параметров.......................................206
8.4.3. Реализация параметров настройки MaxLength.................208
8.4.4. Активация и деактивация виджета......................................212
8.5. Добавление обработчиков событий............................................... 213
8.5.1. Регистрация обработчиков событий.................................... 213
8.5.2. Вызов обработчиков событий............................................... 215
8.6. Добавление методов..........................................................................216
8.6.1. Получение текущей длины....................................................217
8.7. Удаление виджета.............................................................................. 218
8.7.1. Метод ^destroy..........................................................................218
8.8. Заключительные ш трихи.................................................................220
8.8.1. Главная цель расширения.......................................................220
8.8.2. Реализация поддержки стилей............................................. 222
8.9. Законченное расширение.................................................................224
8.10. В заключение....................................................................................226
10 Содержание
Г лава 9 . В з а и м о д е й с т в и я с м ы ш ью в jQ u e ry U I............ 228
9.1. Модуль jQuery UI Mouse..................................................................229
9.1.1. Операции буксировки мышью.............................................. 229
9.1.2. Параметры настройки, поддерживаемые модулем
M ouse....................................................................................................229
9.2. Определение виджета....................................................................... 231
9.2.1. Функциональность виджета Signature............................... 231
9.2.2. Устройство расширения Signature........................................233
9.2.3. Объявление виджета...............................................................235
9.3. Применение расширения к элементу............................................ 236
9.3.1. Инициализация, выполняемая инфраструктурой............236
9.3.2. Собственная инициализация ............................................... 237
9.4. Параметры настройки....................................................................... 239
9.4.1. Значения настроек по умолчанию........................................240
9.4.2. Установка параметров.............................................................241
9.4.3. Реализация параметров настройки Signature.....................242
9.4.4. Активация и деактивация виджета......................................244
9.5. Добавление обработчиков событий............................................... 244
9.5.1. Регистрация обработчиков событий.................................... 245
9.5.2. Вызов обработчиков событий............................................... 246
9.6. Взаимодействие с мышью................................................................246
9.6.1. Можно ли начать буксировку?............................................. 247
9.6.2. 11ачало буксировки..................................................................248
9.6.3. Слежение за положением указателя в процессе
буксировки.......................................................................................... 249
9.6.4. Завершение буксировки......................................................... 250
9.7. Добавление методов..........................................................................250
9.7.1. Очистка подписи..................................................................... 251
9.7.2. Преобразование в формат JS O N ...........................................252
9.7.3. 11овториое отображение подписи.........................................253
9.7.4. Проверка наличия подписи...................................................254
9.8. Удаление виджета.............................................................................. 255
9.8.1. Метод d e s tr o y ..........................................................................256
9.9. Законченное расширение.................................................................257
9.10. В заключение....................................................................................258
Г л а в а 1 0 . Э ф ф е к т ы jQ u e ry U I.....................................................259
10.1. Инфраструктура поддержки эффектов в jQuery UI...............260
10.1.1. Модуль Effects....................................................................... 260
10.1.2. Общие функции :><|>фектов..................................................262
Содержание ? 11
10.1.3. Существующие эффекты....................................................265
10.2. Добавление нового эффекта.......................................................... 267
10.2.1. Эффект сжатия....................................................................... 267
10.2.2. Инициализация эффекта......................................................269
10.2.3. Реализация эффекта..............................................................271
10.2.4. Реализация эффекта в версиях jQuery UI ниже 1.9........273
10.2.5. Законченный эффект............................................................ 274
10.3. Функции управления переходами............................................... 275
10.3.1. Что такое «функция управления переходом»?................275
10.3.2. Существующие функции управления переходами.........277
10.3.3. Добавление новой функции управления переходом......279
10.4. В заключение....................................................................................282
Ч а с т ь IV. П р о ч и е р а с ш и р е н и я ..................................................284
Г л а в а 1 1 . А н и м а ц и я с в о й с т в ......................................................285
11.1. Инфраструктура поддержки анимационных эффектов.......... 286
11.1.1. Механизм анимации..............................................................287
11.1.2. Порядок выполнения анимации.........................................289
11.2. Добавление собственного обработчика анимации
свойства................................................................................................ 292
11.2.1. Анимация свойства background-position...........................293
11.2.2. Объявление обработчика и извлечение значения
свойства................................................................................................ 294
11.2.3. Изменение значения свойства............................................ 297
11.2.4. Анимация свойства background-position в jQuery 1.7.... 299
11.2.5. Законченное расширение.....................................................301
11.3. В заключение....................................................................................301
Г л ава 1 2 . Р а с ш и р е н и е п о д д е р ж к и A jax..............................303
12.1. Инфраструктура поддержки Ajax................................................304
12.1.1. Предварительные фильтры..................................................305
12.1.2. Транспорт................................................................................ 306
12.1.3.11реобразователи .................................................................. 307
12.2. Добавление предварительного фильтра......................................308
12.2.1. Изменение типа данных....................................................... 308
12.2.2. Отмена запроса A jax.............................................................309
12.3. Добавление транспорта Ajax......................................................... 310
12.3.1. Загрузка изображений.......................................................... 311
12.3.2. Имитация загрузки HTML для нужд тестирования......314
12 ¦> Содержание
12.4. Добавление преобразователя Ajax............................................... 318
12.4.1. Формат CSV............................................................................318
12.4.2. Преобразование текста в формат C SV ..............................319
12.4.3. Преобразование данных CSV в таблицу...........................324
12.5. Расширения A jax............................................................................ 325
12.6. В заключение....................................................................................326
Г лава 1 3 . Р а с ш и р е н и е п о д д е р ж к и с о б ы т и й ...................328
13.1. Инфраструктура поддержки специализированных
событий................................................................................................329
13.1.1.11одключение обработчиков событий............................... 330
13.1.2. Возбуждение событий.......................................................... 331
13.2. Добавление специализированного события...............................332
13.2.1. Добавление события щелчка правой кнопкой мыши....333
13.2.2. Запрет передачи события щелчка правой кнопкой
мыши.................................................................................................... 336
13.2.3. Событие многократных щелчков правой кнопкой........ 337
13.2.4. Функции для взаимодействия с событиями....................342
13.3. Расширение существующих событий..........................................343
13.3.1. Добавление поддержки правой кнопки в событие
c lic k ...................................................................................................... 344
13.4. Другие функциональные возможности событий...................... 346
13.4.1. Реакция по умолчанию на события................................... 346
13.4.2. Функции обратного вызова preDispatch
и post D ispatch.....................................................................................347
13.4.3. Предотвращение всплытия события................................. 348
13.4.4. Автоматическое связывание и делегирование.................349
13.5. В заключение....................................................................................351
Г л ав а 1 4 . С о з д а н и е п р а в и л п р о в е р к и ................................ 352
14.1. Расширение V alidation.................................................................. 353
14.1.1. Назначение правил проверки............................................. 354
14.2. Добавление новых правил проверки........................................... 356
14.2.1. Добавление правила проверки соответствия
шаблону................................................................................................357
14.2.2. Генерирование правил сопоставления с шаблоном....... 360
14.3. Добавление правила для проверки нескольких нолей............ 363
14.3.1. Группировка нолей................................................................363
14.3.2. Определение правила для группы полей..........................364
14.4. В заключение....................................................................................367
Содержание ? IB
Приложение А. Регулярные выражения..................... 369
А.1. Основы регулярных выражений....................................................370
А.2. Синтаксис регулярных выражений.............................................. 371
А.З. Функции объекта RegExp................................................................375
А.4. Функции объекта S trin g ................................................................. 376
А.З. Приемы применения........................................................................377
А.5.1. Проверка данных.................................................................... 377
А.З.2. Извлечение информации...................................................... 378
А.5.3. Обработка нескольких совпадений.....................................378
Л.6. В заключение......................................................................................379
Глоссарий..............................................................................................380
Алфавитный указатель.................................................................389