Кто знает простые альтернативы JQuery?

Question

[AngReload]

Ищу что-то для манипуляции DOM и только, чтобы было удобнее ванильного JS, но наименьшего веса.
Можете что-нибудь посоветовать?

Comments

[Adamos]

Пацаны засмеют же.
Это главная причина, по которой разработчики избегают библиотек, ставших стандартом де-факто.

[Dmitry Bay]

Там же еще урезанная slim версия есть в jquery..

[Антон Спирин]

Вы смеётесь? Сейчас многие изображения побольше минифицированного JQuery весят.

Answer 1

[Алексей Николаев]

VanillaJS, очень хороший фреймворк. Перешел на него с jQuery и всем советую.

Comments

[Евгений Самсонов]

Очень быстрый и гибкий фреймворк. Рекомендую

[uiworks]

Евгений Самсонов, согласен, и весит гораздо меньше

[Frozen Coder]

Alice Shevtsova, https://learn.javascript.ru/ajax-xmlhttprequest - "не fetch и не axios и прочее"

Answer 2

[Кирилл Мокевнин]

> чтобы было удобнее удобнее ванильного JS, но наименьшего веса.

Современный ванильный дом вполне удобен. Местами он лучше чем jquery. Достаточно подключить https://polyfill.io/v2/docs/ и можно использовать все современные фишечки.

Comments

[Владимир Проскурин]

Alice Shevtsova, чем fetch не устроил? Промисы пугают?

[Кирилл Мокевнин]

Мы используем axios и для бекенда и фронтенда. А всю асинхронщину делаем через async/await.

Answer 3

[Александр Таратин]

https://svelte.technology/

Comments

[Никита Егоров]

Так это же фреймворк для клиентского рендеринга, а не либа для манипуляции с DOM.

[Александр Таратин]

Никита Егоров, Нуу... это с какой стороны посмотреть.
"Автоматическое" манипулирование DOM - одна из основных целей spa фрейворков.
Простые jq-подобные либы не имеют особого смысла в 2018г. - самые популярные функции из jq и так имеют кроссбраузерные альтернативы.
А так, svelte - наиболее легковесное решение для компонентного подхода с легкой интеграцией в существующий код.

[AngReload]

Александр Таратин, всё таки это немного не то. Фреймворк в юзерскрипт не интегрируешь.
Но всё равно спасибо, кроме вас похоже никто всерьёз не пытался ответить.

[Александр Таратин]

AngReload, Интегрируешь, я только вчера svelte в юзерскрипте использовал для создания модального окна с формой для одной плюшки в гугл доках. Используйте webpack для сборки в один бандл + BannerPlugin для добавления коммертария //==UserScript ...

Answer 4

[Bhudh]

var
    d = document,
    q = 'querySelector',
    A = q + 'All',
    P = 'parentNode',
    e = 'Element',
    s = 'Sibling',
    p = 'previous' + e + s,
    n = 'next' + e + s,
    c = 'Child',
    f = 'first' + e + c,
    l = 'last' + e + c,
    a = 'append' + c,
    each = 'forEach';

document.querySelectorAll( '#test a' ).forEach( function( link ){ return link.search; } );
d[A]( '#test a' )[each]( a => a.search );

Принцип ясен?

Comments

[Александр Ме]

Для чего такие нечитаемые сокращения?

[Bhudh]

Для

наименьшего веса

[Юрий]

Bhudh, после querySelectorAll возвращается NodeList, на нем forEach не работает, надо сначала его кастовать в массив.
ну и код конечно не читаем, подойдет если хочется защитится от других программистов.

[Юрий]

Юрий, немножко ошибся, в NodeList добавили forEach недавно.
В хроме например уже работает, хотя еще неск месяцев назад не работало.
https://developer.mozilla.org/ru/docs/Web/API/NodeList

[Игорь Воронов]

Bhudh, это эпик. Для того, чтобы код меньше весил, уже давно придуман принцип минификации, а то, что продемонстрировано выше - мягко говоря, плохая практика..

Answer 5

[archelon]

Есть zepto — легковесная альтернатива jQuery (мин. версия 9.6 kb).

Comments

[AngReload]

Мне глянулась Umbrella JS 2.5kb