Есть ли простой способ конвертировать код jquery в javascript? [закрытый]
есть много примеров достижения определенных вещей в javascript / dom с помощью jQuery. Однако использование jQuery не всегда является опцией, которая может затруднить понимание примеров решений javascript, написанных в jQuery.
есть ли простой способ конвертировать код jQuery в обычный javascript? Я думаю, без необходимости доступа или понимания исходного кода jQuery.
9 ответов:
самый простой способ-просто узнать, как выполнять DOM-переход и манипуляции с простым DOM api (вы, вероятно, назовете это: обычный JavaScript).
Это может быть боль для некоторых вещей. (именно поэтому библиотеки были изобретены в первую очередь).Googling для "javascript DOM traversing / manipulation" должен предоставить вам множество полезных (и некоторых менее полезных) ресурсов.
статьи на этом сайте очень хорошо: http://www.htmlgoodies.com/primers/jsp/
и как указывает Носредна в комментариях: обязательно протестируйте во всех браузерах, потому что теперь jQuery не будет обрабатывать несоответствия для вас.
Это даст вам 90% пути туда;)
window.$ = document.querySelectorAll.bind(document)для Ajax, то Fetch API теперь поддерживается в текущей версии каждого основного браузера. Ибо
$.ready(),DOMContentLoadedи рядом с универсальной поддержкой. вам может не понадобиться jQuery дает эквивалентные собственные методы для других общих функций jQuery.Zepto предлагает аналогичную функциональность, но весит в 10K молнии. Есть пользовательские сборки Ajax для jQuery и Zepto, а также некоторые микроэкономического, но jQuery/Zepto имеют прочную поддержку и 10KB составляет всего ~1 секунду на модеме 56K.
Я только что нашел этот довольно впечатляющий учебник о преобразовании jquery в javascript из Джеффри путь на 19 января 2012
*Copyright © 2014 Envato*:http://net.tutsplus.com/tutorials/javascript-ajax/from-jquery-to-javascript-a-reference/
нравится нам это или нет, все больше и больше разработчиков впервые познакомился с миром JavaScript через jQuery. Во многом кстати, эти новички-счастливчики. У них есть доступ к множество новых API JavaScript, которые делают процесс DOM обход (что-то, что многие люди зависят от jQuery для) значительно проще. К сожалению, они не знают об этих API!
в этой статье мы рассмотрим различные общие задачи jQuery, а также преобразуйте их в современный и устаревший JavaScript.
я предложил его в комментарии к OP, и после его предложения, я публикую его есть ответ для всех, чтобы обратиться к.
кроме того, Джеффри Уэй упомянул о своем вдохновении ведьма, кажется, хороший учебник для понимания:http://sharedfil.es/js-48hIfQE4XK.html
есть тизер, этот документ сравнение jQuery на javascript:
$(document).ready(function() { // code… });document.addEventListener("DOMContentLoaded", function() { // code… });
$("a").click(function() { // code… })[].forEach.call(document.querySelectorAll("a"), function(el) { el.addEventListener("click", function() { // code… }); });вы должны взглянуть.
Я знаю, что это старый поток, но есть отличный ресурс, показывающий собственный javascript, эквивалентный jquery, он даже включает примеры ES6. Это самый полный из тех, что я узнал из других статей, посвященных этой теме.
есть ли простой способ конвертировать jQuery код для обычного JavaScript?
нет, особенно если:
понимание примеры решений javascript написано в jQuery [это] трудно.
JQuery и все фреймворки, как правило, облегчают понимание кода. Если это трудно понять, то ванильный javascript будет пыткой:)
Если вы хотите изучить javascript, посмотрите эти видеоролики Дугласа Крокфорда. Они очень хороши.
Я вижу причину, не связанную с исходным сообщением, для автоматической компиляции кода jQuery в стандартный JavaScript:
16k -- или что бы ни было gzipped, уменьшенная библиотека jQuery -- может быть слишком много для вашего сайта, предназначенного для мобильного браузера. W3c рекомендует, чтобы все HTTP-запросы для мобильных веб-сайтов были не более 20k.
спецификации w3c для мобильных устройств
Так что я кодирования на мой хороший, немногословный, прикованный на jQuery. Но теперь мне нужно оптимизировать для мобильных устройств. Должен ли я действительно вернуться и выполнить сложную, утомительную работу по переписыванию всех вспомогательных функций, которые я использовал в библиотеке jQuery? Или есть какое-то удобное приложение, которое поможет мне перекомпилировать?
Это было бы очень мило. К сожалению, я не думаю, что такая вещь существует.
книга Джереми кита" DOM Scripting " - это отличное введение в работу с Javascript и DOM. Я настоятельно рекомендую его, хотите ли вы использовать jQuery или нет. Хорошо знать, что происходит внизу.
есть несколько хороших книг. Мне нравится ppk на JavaScript. Вот Chapter 8 на DOM.
Comments