jQuery и приложения наследования | Symfony
Дата обновления перевода 2021-08-12
Внутри Webpack, когда вам нужен модуль, он (обычно) не устанавливает глобальную переменную. Вместо этого, оно просто возвращает значение:
На практике, это вызовет проблемы с некоторыми внешними библиотеками, которые полагаются на то, чтобы jQuery был глобальным. Это будет проблемой, если часть вашего JavaScript не обрабатывается через Webpack (например, у вас есть некоторый JavaScript в ваших шаблонах).
Решение проблемы зависит от того, какой код ее вызывает.
Плагины jQuery часто ожидают, что jQuery уже будет доступен через глобальные
переменные $ или jQuery. Чтобы исправить это, вызовите autoProvidejQuery() из вашего файла 
config.js
После перезапуска Encore, Webpack будет искать все неинициализированные переменные $ и jQuery, и автоматически требовать jquery, а также устанавливать эти
переменные для вас.
Он «перезаписывает» «плохой» код, чтобы он был правильным.
Внутренне, этот метод autoProvidejQuery() вызывает метод autoProvideVariables() из Encore. На практике, это эквивалентно следующему:
Если вашему коду также нужен доступ к $ и jQuery, и вы находитесь в файле,
который обрабатывается Webpack/Encore, вы должны убрать все ошибки «$ is not defined»,
затребовав у jQuery следующее:
Но если вам также нужно предоставить доступ к переменным $ и jQuery вне
файлов JavaScript, обрабатываемых Webpack (к примеру, JavaScript, который все еще
живет в ваших шаблонах), вам нужно вручную установить их как глобальные переменные
в каком-то файле JavaScript, который загружается до вашего унаследованного кода.
Например, в вашем файле
Переменная global — это особый способ установки вещей в переменной window.
В веб-контексте, использование global и window равнозначны, кроме того, что window.jQuery не будет работать при использовании autoProvidejQuery().
Другими словами, используйте global.
Кроме того, не забудьте установить опцию script_attributes.defer как webpack_encore.yaml:
Это гарантирует то, что атрибута defer в вашем теге script не будет.
Чтобы узнать больше, см, Перемещение <script> внутри <head> и атрибута «defer»
jQuery | Whitelabeldevelopers
ГлавнаяУслуги
—
О насРаботыОтзывыБлог
Главная Глоссарий jQuery
Обратно
Что такое jQuery?
jQuery — это быстрая, небольшая и многофункциональная библиотека JavaScript.
jQuery — это библиотека JavaScript, которая позволяет веб-разработчикам добавлять дополнительную функциональность на свои сайты. Она имеет открытый исходный код и предоставляется бесплатно по лицензии MIT. В последние годы jQuery стала самой популярной библиотекой JavaScript, используемой в веб-разработке.
Чтобы внедрить jQuery, веб-разработчику достаточно сослаться на файл jQuery JavaScript в HTML веб-страницы. Некоторые веб-сайты размещают свою собственную локальную копию jQuery, в то время как другие просто ссылаются на библиотеку, размещенную Google или сервером jQuery. Например, веб-страница может загрузить библиотеку jQuery с помощью следующей строки в разделе HTML:
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>.
googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>.
После загрузки библиотеки jQuery веб-страница может вызывать любую функцию jQuery, поддерживаемую библиотекой. Обычные примеры включают изменение текста, обработку данных формы, перемещение элементов на странице и выполнение анимации. jQuery также может работать с кодом AJAX и скриптовыми языками, такими как PHP и ASP, для доступа к данным из базы данных. Поскольку jQuery работает на стороне клиента (а не веб-сервера), он может обновлять информацию на веб-странице в режиме реального времени, не перезагружая страницу. Частым примером является «автозаполнение», когда форма поиска автоматически отображает часто встречающиеся поисковые запросы по мере того, как вы их вводите. Фактически, именно таким образом TechTerms.com выдает поисковые предложения, когда вы вводите текст в поисковую строку.
Помимо свободной лицензии, другой основной причиной популярности jQuery является его кроссбраузерная совместимость.
jquery.com
404: Страница не найдена
Страница, которую вы пытались открыть по этому адресу, похоже, не существует. Обычно это результат плохой или устаревшей ссылки. Мы приносим свои извинения за доставленные неудобства.
Что я могу сделать сейчас?
Если вы впервые посещаете TechTarget, добро пожаловать! Извините за обстоятельства, при которых мы встречаемся. Вот куда вы можете пойти отсюда:
Поиск- Узнайте последние новости.
- Наша домашняя страница содержит самую свежую информацию о Java-разработке.
- Наша страница «О нас» содержит дополнительную информацию о сайте, на котором вы находитесь, TheServerSide.com.
- Если вам нужно, свяжитесь с нами, мы будем рады услышать от вас.
Просмотр по категории
SearchAppArchitecture
- Почему контрактное тестирование может быть необходимо для микросервисов
Разработчики сталкиваются с многочисленными проблемами, пытаясь выполнить традиционное сквозное интеграционное тестирование микросервисов. Контракт …
- Растущая роль разработчиков, ориентированных на данные
Больше, чем когда-либо, растущая зависимость разработчиков от данных, источников данных и пользователей подталкивает разработчиков к пониманию ИТ-покупок …
- 12 рекомендаций по безопасности API для защиты вашего бизнеса
Как и в любом цикле разработки программного обеспечения, безопасность API должна быть встроена с самого начала.
Следуйте этим рекомендациям по проектированию, развертыванию …
Следуйте этим рекомендациям по проектированию, развертыванию …ПоискSoftwareQuality
- Выпускайте обновления, чтобы решить болевые точки, но Golang 2 мертв
Основные моменты Go Day 2022 включают возможные обновления Go для решения проблем совместимости, безопасности и проблем разработчиков, таких как цикл for…
- Кто пишет критерии приемлемости?
Владельцы продукта обычно несут ответственность за критерии приемлемости. Но каждый, кто имеет право голоса в конечном продукте, должен быть…
- Pega CTO: Этический ИИ для разработчиков требует прозрачности
Технический директор Pegasystems Дон Шуэрман считает, что решение этических проблем ИИ заключается в широком вводе данных, учете предвзятости и …
SearchCloudComputing
- 8 ключевых характеристик облачных вычислений
Компании полагаются на облако для разработки современных приложений.
- Проверьте себя по основам облачных вычислений
Чтобы понять технологию, лучше всего начать с основ. Пройдите этот краткий тест по облачным вычислениям, чтобы оценить свои знания о …
- С помощью этого руководства настройте базовый рабочий процесс AWS Batch
AWS Batch позволяет разработчикам запускать тысячи пакетов в AWS. Следуйте этому руководству, чтобы настроить этот сервис, создать свой собственный…
ПоискБезопасность
- Honeywell взвешивает проблемы кибербезопасности OT и эволюцию
Редакция TechTarget встретилась с Полом Грисволдом и Джеффом Зинделом из Honeywell, чтобы обсудить быстрый рост и эволюцию …
- Банда вымогателей Yanluowang отключилась после утечек
Операция по вымогательству Yanluowang, похоже, временно прекращена после того, как аноним опубликовал серию.
.. - Распространение программ-вымогателей, поражающих школы и здравоохранение
Октябрьское раскрытие информации о программах-вымогателях и публичные отчеты, отслеживаемые TechTarget Editorial, увеличились по сравнению с предыдущими месяцами, при этом заметно …
..ПоискAWS
- AWS Control Tower стремится упростить управление несколькими учетными записями
Многие организации изо всех сил пытаются управлять своей огромной коллекцией учетных записей AWS, но Control Tower может помочь. Услуга автоматизирует…
- Разбираем модель ценообразования Amazon EKS
В модели ценообразования Amazon EKS есть несколько важных переменных. Покопайтесь в цифрах, чтобы убедиться, что вы развернули службу…
- Сравните EKS и самоуправляемый Kubernetes на AWS
Пользователи
AWS сталкиваются с выбором при развертывании Kubernetes: запустить его самостоятельно на EC2 или позволить Amazon выполнить тяжелую работу с помощью EKS.
См…
См…JQuery работает медленно, что с этим делать?
Хотите быстрый сайт? Глупый вопрос прямо. Никто никогда не говорил: «Этот сайт слишком быстро загружается, думаю, я проверю конкурентов». Никогда не было — НИКОГДА.
Нам всем нужны быстрые веб-сайты. Это означает, что такие люди, как я, тратят часы на изучение способов сделать веб-сайт быстрым.
Время от времени я получаю ошибку, чтобы улучшить свой собственный сайт. Обычно это означает выполнение огромного количества отчетов с последующим чтением рекомендаций. Это могут быть отчеты SEO, отчеты Google Analytics или Page Speed.
Мое недавнее открытие медлительности jQuery
Недавно я узнал, насколько важна скорость сайта. Я смотрел это фантастическое видео из Google.
Отличная иллюстрация скорости сайта. Я никогда не видел ничего лучше этого.
В этот момент я заметил в статье, что могу проверить скорость своего сайта. Я думал, что у меня все получится, но я был в ужасе от результата.
Хорошо, моя страница работает медленно, но это очень раздражает. У меня нет причудливого дизайна или большого количества изображений. Какого черта мой сайт такой медленный?
6,4 секунды, что было дольше теста, который раздражал людей. Я раздражаю людей. Я тот, кто сводит людей с ума. Ладно, переведи дух — лучше что-нибудь сделаю.
Я заглянул на свой сайт и нашел виновника — jQuery.
Использование JQuery — это не мелочь
Я почти не использую jQuery, однако, поскольку я использую WordPress, я знал, что могу настроить конфигурацию своего сайта и повторно протестировать. Я зашел в WP Rocket и включил отложенную загрузку для JavaScript. Я думал, что это должно сделать это.
Запустив отчет еще раз, я честно думал, что получу быстрый результат. Но я этого не сделал – добро пожаловать обратно к очередному плохому результату. Я чувствовал себя капитаном медлительным.
Все еще капитан медленный — 5 секунд времени загрузки.
Хорошо, теперь я был зол. Эта глупость, почему мой сайт загружается так медленно?
WP Rocket включен. У меня есть минификация для каждого файла CSS/HTML/JS, и я все еще работаю медленно.
В этот момент я был на грани того, чтобы полностью сойти с ума и начать кричать на свой компьютер (иногда я так делаю, и да, моя собака пугается, когда я это делаю. Извини, Бобби).
Coder AngerМеня осенило, почему бы мне просто не использовать jQuery? Google продолжает говорить мне удалить его. Firefox также выдает предупреждение при каждой загрузке страницы о переносе jQuery (это в консоли). Почему бы мне не удалить jQuery и посмотреть, что произойдет?
Удаление jQuery с моего сайта
Я добавил простой фрагмент в файл функций промежуточного сайта. Я снова запускаю тест. Результат впечатлил и в то же время очень разочаровал.
Добро пожаловать в среднее время загрузки.Да, я мистер Средний. Я почти отпраздновал. 2,2 секунды загрузки сайта в 4G. Это довольно хорошо, не так ли?
Да – Усредненность – нехорошо Хорошо, сейчас не время праздновать, потому что мой сайт не работает.
Однако это зависит от jQuery для нескольких вещей, но что это были за вещи? Почему на моем сайте используется jQuery?
В поисках jQuery
Я просмотрел весь свой код и, к счастью, нашел только 2 области кода, которые вызывали загрузку jQuery. Это были:
- Компонент Gutenberg для отзывов клиентов. Я могу жить без этого.
- Фримиус — я не могу без этого жить. Это не на каждой странице, но это необходимо. Я использую его для продажи своих плагинов WordPress.
Что делать?
Что ж, лично я собираюсь воевать с jQuery. Это особенно верно для компонентов Gutenberg. В 2020 году вам больше не понадобится jQuery на общедоступном сайте.
Некоторые до сих пор им пользуются. jQuery — это простой способ получить результат, но способ загрузки — плохой. Процесс загрузки блокирует все остальное и замедляет работу вашего сайта.
jQuery тоже далеко не быстрая загрузка. Он тяжелый и сильно замедляет загрузку страницы. Так что это должно уйти, а это значит, что все, что использует jQuery, тоже должно уйти.
jQuery — это новый Flash
jQuery постигнет та же участь, что и flash. #ripjquery
Tweet
Раньше Flash был повсюду в Интернете. Теперь это не так. На заре iPhone флэш-память была удалена из Интернета. Это было тяжелое время, особенно для видео на устройствах Android. Однако Интернет развился, и нам больше не нужна флэш-память.
jQuery постигнет та же участь. jQuery был везде и до сих пор, но я вижу надпись на стене. Его дни сочтены, и это особенно верно для мобильного Интернета. jQuery в конечном итоге также будет удален из WordPress.
Мои следующие шаги по удалению jQuery непросты, но преимущества велики. Быстрое время загрузки.
Быстрое время загрузки является наиболее важным техническим фактором. Что ж, если вам нужен SEO-трафик, да, и если вам нужны онлайн-продажи, это тоже правда.
Двигаться вперед и мои следующие шаги?
Мой первый шаг — убедиться, что на моем сайте запущены инструменты без jQuery из WordPress.
Я немного застрял с freemius, но я думаю, что могу оптимизировать все остальное, а затем решить эту проблему.
Это означает сокращение неиспользуемого CSS, сокращение общего javascript, который, вероятно, мало что делает, и ускорение моего сайта.
Я хочу, чтобы все статьи моего блога и основные целевые страницы загружались намного быстрее. Единственный способ сделать это — загрузить меньше вещей. В любом случае, у большинства из нас есть куча ненужных вещей, так что пришло время стать немного безжалостнее.
Как только это будет сделано, я смогу заняться Freemius, а затем перейти к статической настройке WP. Мои дни динамического WordPress закончились.
Это может показаться решительным действием, но я думаю, что это важный шаг. Мы должны идти в ногу со временем, и я не из тех, кто прячется от трудностей.
Что мы будем делать дальше?
Работа со скоростью страницы должна стать главным приоритетом в предстоящее десятилетие. Я знаю, что мы отправимся в путешествие, чтобы быть быстрым.