| « Поставить закладку » « Сделать стартовой » | |||
|
|||
| Статьи:: Интернет технологии :: Java Script :: Планировщик задач на JavaScript
Планировщик задач на JavaScriptИногда на клиентской стороне необходимо выполнять фоновые задачи. Главное требование чтобы они не прерывали работу всего веб-приложения а, спокойно в фоновом режиме общались между собой, завершались и добавлялись. Цель предложенного планировщика снять с разработчика головную боль о таких задачах и свести к общему интерфейсу, с помощью которого можно постепенно расширять спектр решаемых задач. Можно спросить, а что за задачи и нафига это нужно? Задач на самом деле на клиенте много: это и периодическая смена идентификатора сессии (например почтовый клиент обновляющий в фоновом режиме идентификатор), и автоматическая прокрутка (например, скроллинг карты), перемещение объекта в графическом интерфейсе, это и обработка множества запросов с клиента на сервер (например, запрашивается информация с сервера через XHR, много таких запросов, следовательно много объектов XHR, а это уже сильная нагрузка на браузер), это и выборка данных из iframe в случае реализации JSRS на его базе. Основа предложенного планировщика это функции setInterval и clearInterval. Именно вокруг них все и будет крутиться. Но просто самих функций недостаточно, необходимо абстрагировать само понятие задачи и предложить интерфейс. И сделать планировщик, который будет управлять задачами. Для реализации класса задач нам необходимо ввести понятие флагов, в них мы будем хранить состояния задачи. HClass.Define("HFlag", { extend : HCore.Object, static : { В этом классе стандартный набор методов для работы с флагами. Далее пойдут выдержки из класса HSheduler, а именно методы добавления задачи и удаления RunTask - запуск задачи через setInterval, RemoveTask - удаление через clearInterval: RunTask : function(pTask) { Основное здесь именно работа с функциями setInterval и clearInterval. В функции RunTask есть строка setInterval("HSheduler.aTaskHeap[" + pTask.nTaskId + "].Cycle()", pTask.nCycleTimeout); где мы устанавливаем что будет вызываться задача (точнее метод Cycle, текущей задачи) со своим идентификатором из кучи задач, с интервалом указанным в задаче. Это базовые методы планировщика. Перейдем к задаче и посмотрим что должна делать задача вообще: 1. Она должна иметь какие то входные данные. 2. Задачи имеют алгоритмы решения. 3. Задачи выдают результат (также можно реализовать возможность получения промежуточных результатов). Кроме того необходимо добавить состояния задачи. Задачу можно: 1. Инициализировать (предварительный расчет производных параметров, создание объектов если нужно) - состояние SF_Ready. 2. Выполнять (расчет результата по заданным входным и производным параметрам) - состояние SF_Process. 3. Завершить (по условию получения или невозможности получения результата) - состояние SF_Remove. 4. Приостановить - SF_Wait (использовать можно если не нужны промежуточные результаты и есть событие из вне, которое сбросит данное состояние, например ожидание ответа от сервера). 5. Пропустить один цикл - SF_SkipCycle (аналог SF_Wait, но состояние сбрасывается автоматически). Используя данный набор состояний можно реализовать множество задач, а какие нельзя, то никто не мешает добавить дополнительно новые состояния. Ниже пойдут выдержки из класса HBaseTask. Главный метод из этого класса Cycle, он и вызывается через setInterval: Cycle : function() { В переменной this.pStaticAddress содержится алгоритм задачи, банально функция, она и вызывается каждый новый цикл. Самое важное здесь это то что алгоритм нужно выполнять в контексте объекта задачи чтобы из него был доступ к методам класса HBaseTask: this.pStaticAddress.apply(this, this.oTaskParams); Теперь из алгоритма задачи можно получить доступ к состояниям задачи (запись, чтение и проверка состояний). Кроме того через apply в алгоритм передаются параметры задачи. Параметры устанавливаются через метод Params. Ниже полная реализация планировщика HSheduler и базового класса задачи HBaseTask: // С помощью это класса можно очень просто создавать задачи работающие в фоновом режиме и что то делающие. Вот несколько простых примеров: // Пример простой задачи она будет работать в цикле. Но самое главное в том что появилось абстрактное понятие задачи, и можно делать производные, узкоспециализированные задачи. Ниже приведу пример реализации вычисления линейной интерполяции (можно использовать для перемещения вдоль линии какого-либо объекта, к примеру скроллировать карту из точки А в точку Б). Формула вычисления F(t) = t1 + t * (t2 - t1). Для скроллинга необходимо получение промежуточного результата, поэтому нужно будет добавить callback функцию. Вот сам класс, он наследуется от HBaseTask: HClass.Define("HLerpTask", { extend : HBaseTask, props : { А вот пример использования, создается два вычислителя и промежуточные результаты пишутся в дивы, при этом само приложение доступно т.е. пользователь может взаимодействовать с другим функционалом: function GE(sId) { return document.getElementById(sId); } Также можно делать другие типы задач, реализуя в производных классах уникальную логику необходимую для работы специализированной задачи, но в тоже время не уходя от интерфейса базовой задачи, что очень важно когда другой разработчик начинает работать с твоим модулем, ему уже по сути все известно, только необходимо узнать какие входные и выходные параметры. Нестоит пренебрегать вроде бы неприметными на первый взгляд функциями типа setInterval и clearInterval, ведь на их базе можно делать действительно интересные решения. P.S. Решения предложенные в данной статье и в предыдущей касающейся динамической загрузки скриптов реализованы в проекте http://www.okarta.ru, это по сути экспериментальный проект, вся логика вынесена на клиента, сервер ничего не генерирует из интерфейса совершенно, есть только запросы данных с клиента на сервер (SOAP), кстати для запросов отлично юзается планировщик задач. Для загрузки карт и блогов юзается сборщик приложений. P.P.S. Если где-то неработает, то это не в предложеных реализациях проблема, моя задача предложить сущности, они на другом уровне это не уровень браузера, если где ошибки и возникают, то только там где вызываются нативные функции для работы с XML или элементами документа, стилями и т.д. Надо всетаки понимать что есть разные уровни абстракции чем ниже уровень (т.е. ближе к нативным функциям), тем выше вероятность ошибки по причине что стандарты никто не любит, и наоборот чем выше уровень абстракции тем вероятность ошибок связаных с нативными функциями ниже или вообще исключается. Автор: m007 Источник: habrahabr Рубрика: Java Script
Инструменты Internet Explorer 8 Beta 2 для разработчиков.
Подробнее... |
Рубрика: Вебмастеру
| Добавлено: 05.09.2008
Google Developer Day 2008 в Москве.
Дата проведения: 28 октября 2008 г.; Место проведения: Амбер Плаза, Москва, Россия. Конференция для веб-разработчиков и разработчиков мобильных приложений в Москве. Узнайте, как наилучшим образом использовать инструменты разработки и API от Google, чтобы создавать социальные, мобильные и картографические приложения, как использовать AJAX/JavaScript инструменты и библиотеки от Google и многое другое из первых уст.
Подробнее... |
Рубрика: Мероприятия
| Добавлено: 05.09.2008
ТОП 10 самых раздражающих факторов для программиста.
Совсем недавно наткнулся в интернете на забавный "хит-парад" наиболее раздражающих вещей для программиста. Поскольку он был на английском — решил перевести текст и несколько адаптировать к нашим реалиям…
Подробнее... |
Рубрика: Разное
| Добавлено: 03.09.2008
Остальные статьи:
Windows Server 7, 8 и 9
jQuery для JavaScript-программистов
Инновационный веб-броузер Google Chrome стартует уже сегодня
Windows 7: подход к производительности системы
Trac + Subversion @ Ubuntu: Revisited
[g]Vim в режиме Python: Рекомпиляция в Windows
Java + JSON. Пути к дружбе
Драйвер SQL Server 2005 для PHP
Типы данных в MySQL (сжатый справочник для PHP программиста)
PHP класс для работы с Яндекс.XML
Ошибки начинающих PHP разработчиков
Наследование шаблонов в Smarty
Особенности хранения сессий PHP в memcached
Internet Explorer 8 beta 2
9 правил для начинающего Ajax-разработчика
ExtJS 2.2 - полная поддержка Firefox 3, новые виджеты и другие нововведения |
Цитата дня (все,добавить):
|
Realcoding.NET
© 2003-2008 |
Контакты |
Реклама на сайте
|