jQuery устарел, вы все еще можете есть?

JavaScript jQuery
  • Автор: Чен Даютоу
  • гитхаб:KRISACHAN

путь развития

write less, do more -- John Resig

В один из августовских дней 2005 года был человек по имениJohn ResigКрасавица (гуо) разместила в блоге 3 каштана подряд и публично пожаловаласьPrototypeизBehaviourКод длинный. Вскоре после этого JQuery, мощный инструмент, охвативший весь мир, стал открытым исходным кодом, и он также был совместим с IE5.5, что решило большую проблему обработки совместимости разработчиков. вышел из-под контроля и быстро объединил весь браузерный мир...

С развитием времени различные браузеры постепенно стремятся к унификации иnodeПоявление множества современных средств, таких как:react, vue, angularjs,webpack,gulpи другие библиотеки и фреймворки, которые могут развязать руки разработчикам и ускорить эффективность разработки; API на стороне браузера также улучшается день ото дня, и появление реформирования ES6,JQueryальтернатив становится все большеJQueryНеудовлетворенный или даже полностью брошенныйJQueryвсе больше и больше голосов.

постмодернJQuery

JQueryНаступили сумеречные годы, и пора выходить из стадии браузера....?

Слишком большой?

Многие люди критикуютJQueryОн огромен и требует много ресурсов, но давайте взглянем на последниеJQuery.min.jsразмер.

jquery_min_size

На самом деле, последнийJQueryПосле сжатия это всего 85 КБ. Эти накладные расходы не являются проблемой для современных устройств. Мобильные устройства 4G могут достигать даже нескольких МБ в секунду, не говоря уже о стороне ПК. Так насколько велик JQuery и сколько ресурсов занято? В целом не держит!

Манипуляции с DOM неприятны?

кто-то сказал,domОперация слишком громоздкая, или используйтеMV**Фреймворк быстрее манипулирует массивами напрямую....

сейчасgithubбыл удаленJQuery, но не использует какой-либо современный фреймворк, а использует原生JSдля рефакторинга, я лично думаю,JQueryодеялоgithubудаление не может быть объясненоJQueryЭто бесполезно, это может означать только то, что это API на стороне браузера иECMAScriptпостепенно совершенствуется.

​ Для обычного DOM CRUD, вMV**Удобнее работать только с массивом, но вJQueryМы также можем использовать мышление манипулирования данными для их достижения, инкапсулировать результаты DOM для обработки и использовать режим наблюдателя для отслеживания изменений источника данных для быстрого изменения DOM.

Является ли спагетти-код уродливым?

Длинная цепочка звонков раздражает смотреть

noodles

этот горшок,JQueryне вернулся. . . Потому что это вопрос способности человека писать код. . . . Конкретный код писаться не будет, и вы можете судить сами в следующих двух разделах...

Преимущества междоменной обработки

JQueryРоль междоменного

​ Современное взаимодействие между интерфейсом и сервером обычно осуществляется междоменным способом.CORSТеперь откройте разрешения на серверной части и запросите через AJAX, это действительно ароматно~

Однако, если вам нужно использоватьJSONPВ таких случаях, как использование сторонних SDK, с современными фреймворками сложнее обращаться, и здесь очень удобно использовать JQuery.

const getJSON = async () => {
    try {
        const res = await $.ajax({
            url,
            dataType: 'jsonp',
            jsonp: 'cb',
        });
    } catch (error) {
        // do something;
    };
};

просто используйтеES6 + JQueryОн также может хорошо выполнить задачу

анимация

JQueryТакже сыграл большую роль в обработке анимации

Хотя многие люди сейчас пишут анимацию, они будут использоватьCSS3характеристики,Web Animations APIилиJSONДля написания, но если вы хотите написать пошаговую анимацию, использование JQuery также является хорошим выбором.

const step1 = () => $.when(
    dom1.animate({
        left,
        top
    }, delay),
    dom2.animate({
        width,
        height
    }, delay)
).promise();

const step2 = () => $.when(
    dom1.animate({
        left,
        top
    }, delay),
    dom2.animate({
        width,
        height
    }, delay)
).promise();

const move = async () => {
    await step1();
    dom1.delay(500);
    await step2();
};

На самом деле, это также может сделать анимацию очень красивой.

постскриптум

в моем сердце,JQueryвсегда будь королем

jquery

У меня нет предубеждений против технологий, будь тоJQueryда,原生JSYe Hao или бесконечный поток фреймворков — все это инструменты, если они могут хорошо выполнять задачу, это хорошая технология.

С развитием времени,JQueryЕго доля на рынке становится все меньше и меньше, и в будущем от него полностью откажутся, я не знаю. ТолькоJQueryОн олицетворяет эпоху, является свидетелем развития браузеров, а также является королем в моем сознании.Хотя я могу полностью отказаться от него в будущем, его статус в моем сознании останется неизменным!

​JQuery,слава!

Если вам нравится обсуждать технологии или у вас есть какие-либо комментарии или предложения по этой статье, вы можете добавить друзей Yutou в WeChat для совместного обсуждения.Конечно, Yutou также надеется поговорить с вами о жизни, хобби и поболтать. WeChat ID Fish Head: krisChans95 Вы также можете отсканировать код, чтобы подписаться на официальный аккаунт и подписаться на более интересный контент.

https://fish-pond-1253945200.cos.ap-guangzhou.myqcloud.com/img/base/qrcode-all.png

Категории