Evolution Framework v1.4 beta

[xShift]

Дело было вечером, делать было нечего... Рылся на Yandex.Disk и нашел старые и давно забытые кусочки кода (:

В связи с тем, что мне надоела разжирневшая jQuery, а от Angular сводит зубы и свербит в носу, я решил написать свой небольшой(микро) фреймворк.

Вот что из этого получилось:

* Большинство первичных функций jQuery(такие как Sizzle-подобный API для выборки HTML элементов, простенькие анимации свойств CSS);
* AJAX(и JSON);
* парочка базовых модулей слайдера, модальных окошек и табов в ядре;
* целая куча полезнейших хелперов для создания своих модулей;
* целых 10!кБ сжатого кода
* непритязательный нативный стиль программирования позволяет легко влиться в разработку;
* ну и так далее.

В перспективе хотел бы развивать данное решение и возможно довести сие творение до хорошего юзабельного уровня; в связи с чем прошу высказывать критику и пожелания(какой-то функционал буду реализовывать постоянно так делать на этом простецкие сайты можно уже сейчас).

Git: https://github.com/xShiftx/javascript-framework

p.s.: огромное спасибо Dilettante_Pro за помощь с модулем rotate.

[kobezzza]

Выложите код на GitHub, никто не будет скачивать zip архив с Яндекс диска.

[xShift]

Добавил на гитхаб ...

[xShift]

v.1.4.1 - подправлен модулей микротабов. немного улучшен код, исправлено влияние клика переключения активной вкладки на остальные вкладки и добавлена опция подсветки активного таба.

[xShift]

v 1.4.2 - реализован интеллектуальный коннектор схем CSS для различных размеров экрана.

При инициализации автоматически определяется является ли браузер пользователя например мобильным(разрешение экрана меньше 960px) и включается нужный CSS файл схемы из папки /app/schema.

Работает в трех режимах:

MIN : <=960px
MED: от 1024 до 1280 px
MAX: экраны больше чем 1280px

Модуль также автоматически отслеживает resize окна и автоматически переключает схемы.

Для разработки(не на продакшн) рекомендую поменять параметр ReactionRate для того чтобы можно было нормально редактировать CSS код в браузере.

[xShift]

v 1.4.3: анимация CSS свойств переписана более производительно и с использованием request animation frame. + небольшие правки багов

[xShift]

v 1.4.4: добавил поддержку LocalStorage(последняя версия доступна по ссылке на git в первом посте).

$.storage(['test=data-test','key2=data-2','evolution={"js framework": "1.4.4"}'],'set');

для установки значения или нескольких значений

$.storage('test'],'get')

для получения ключа

$.storage(['data','testing'], 'del');

для удаления одного или нескольких ключей

Нужны ли COOKIES если не планируется поддерживать IE9 и младше? В убогом IE Edge LocalStorage тоже нет. Будет fallback на куках для этого говна.

[kobezzza]

В убогом IE Edge LocalStorage тоже нет.

В IE localStorage есть аж с 8-й или 7-й версии, в Эдже есть и LocalStorage/SessionStorage и IndexedDB, более того есть куча либ, типа localForage, который унифицируют интерфейс, а также есть PouchDB, MiniMongo, SQLLite и т.д.

[xShift]

В IE localStorage есть аж с 8-й или 7-й версии, в Эдже есть и LocalStorage/SessionStorage и IndexedDB, более того есть куча либ, типа localForage, который унифицируют интерфейс, а также есть PouchDB, MiniMongo, SQLLite и т.д.

Это я в локальном режиме тестировал. Оказывается и в правду работает нормально.

Да там и унифицировать то нечего особо ... три метода.

Запостил статью с обсуждением на хабре: https://habrahabr.ru/post/316606/.

[kobezzza]

Да там и унифицировать то нечего особо ... три метода.

Я имел ввиду унифицирует интерфейс IndexedDB на мотив LocalStorage.