Използване на jQuery разумно, най-добри практики

Днес искам да споделя с вас набор от „добри практики“ и подходи за използване на jQuery, както и прости съвети за оптимизиране на работата с библиотеката jQuery.

Зареждане на jQuery

  1. Винаги използвайте CDN, когато свързвате библиотеки jQuery. Тази опция ви позволява да заредите jQuery от кеша на браузъра с голяма вероятност, най-популярните CDN за jQuery в Русия са от Yandex и Googl'a

jQuery променливи

  1. За удобство всички променливи, които използвате, трябва да бъдат преместени в кеша на паметта, използвайте префикса $
  2. За допълнително удобство декларирайте веднъж jQuery обекти.
  1. Използвайте идентификатори, за да изберете елементи, когато е възможно, този селектор се обработва по-бързо с помощта на document.getElementById (). Между другото, в jQuery можете да напишете $ (document.getElementById (‘elementId’)) с тази опция, не се губи време за анализиране на името, но това вече е макро оптимизация.
  2. Когато избирате по клас, не посочвайте типа елемент във вашия селектор. Сравнение на резултатите.

DOM манипулация

  1. Винаги отделяйте елемент, използвайки метода .detach, преди да го манипулирате и го върнете обратно в края на манипулациите

  1. Избягвайте да използвате .getJson () или .get (), използвайте $ .ajax (), за да получите данни, синтактичният анализ вече се използва вътре в метода.
  2. Не използвайте http заявки за сайтове с протокол https.
  3. Не използвайте низ за URL за предаване на параметри. Посочете всички параметри в предадения обект.

Ефекти и анимация

  1. Не прекалявайте с излишните ефекти. Това може да доведе до визуални ефекти от спирането на страниците.
  2. Използвайте функциите .slideUp () и .slideDown (), за да скриете и разширите .
  3. За да увеличите скоростта на анимациите, използвайте бързите и бавните параметри, както и стойност в милисекунди. Нормална скорост на анимация 400ms.
  1. Постоянно проверявайте съвместимостта на приставките с текущата версия за разработка. Поддържайте плъгините актуални и актуални. Следете за актуализации от разработчиците.
  2. Планирайте предварително и проверете съвместимостта на скрипта преди разработката.
  3. Направете кода, който използвате няколко пъти, в отделни плъгини jQuery. Можете да видите примерния код на шаблон за приставката jquery на връзката.

Последователност на обажданията

jQuery е проектиран така, че когато методът е извикан за обект, методът връща препратка към предадения обект, тази функция ни позволява да изградим вериги за извикване.

    Използвайте вериги за обаждания за манипулиране на обекти