10 съвета като JavaScript са без JQuery, JavaScript

JQuery - отлична библиотека. Тя се появи по същото време, когато IE6 е смятан за номер едно браузъра. Въпреки че имаше много специфични нюанси и разлики между различни приложения.

Имаше доста досадно байпас и JQuery - идеално средство за писане на код за различни браузъри:

Днес, обаче, уеб браузъри са много сериозен напредък в сравнение с онези времена. Спокойно може да използвате всички функции на ES5. и в допълнение, ние получаваме невероятна HTML5 API. които правят работата с DOM е много по-хубав.

Разработчиците вече имат възможност за избор на някои от проектите, те не могат да използват JQuery. при запазване на изпълнението на едни и същи.

Не ме разбирайте погрешно - JQuery отлична библиотека, и когато имате нужда от него, той ще бъде много повече, отколкото обратното. Въпреки това, за по-малки проекти, като например една проста страница с ограничени JS -interactions, разширения на браузъра и мобилни сайтове, можете да използвате Vanilla JS.

По-долу са 10 съвета за да ви помогне в работата си.

1. Изчакайте документът е готов

Първото нещо, което правя, когато създаването на JQuery. Това се вписва кодът предизвикателство в $ (документ) .ready (), така че да знаете, когато DOM е готов за действие. Без JQuery събитие ние DOMContentLoaded. Ето как тя се използва:

2. Избиране на елементи

3. Инсталиране и премахване на елементите със събития

манипулатори на събития са основна част от изграждането на уеб приложения. Двете основни лагера съществувала някога, което се различава от начина, по който работи - IE и др. Но днес ние просто използвайте AddEventListener:

addEventListener прилага към Третият аргумент (useCapture), но от известно време, че е задължително. В резултат на това, кодът изглежда повече като JQuery.

4. Действия за класове и атрибути

Извършване на дейности с имената на класовете без JQuery елемент се използва за да бъде много неудобно. Поради classList на имот вече е в миналото. И ако трябва да управлявате атрибутите, които се радват на изобилие от setAttribute:

5. Получаване и съдържание Инсталация елемент

JQuery е удобен методи текст () и HTML (). Вместо това, можете да използвате свойствата и textContent innerHTML. които се използват за дълго време:

6. Поставете и изтриване на елементи

7. Придвижване на DOM дървото

Всеки истински JS -nindzya знае, че DOM скрита огромна възможност. В сравнение с JQuery. прост DOM API предлагат ограничен набор от функции за примерните елементи на по-висока или същата степен. Въпреки това, все още има много неща, които можете да направите, за да пътуват по DOM дървото:

8. обработка на масиви чрез серия

Някои от полезни методите, предоставени от JQuery. наличен в стандарта ES5. За придвижване в масива, можем да използваме картата и forEach вместо JQuery версии - всеки () и картата (). Просто обърнете внимание на разликите в аргументите си по подразбиране и ценностите на тази в обратното повикване:

9. Анимация

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

Но благодарение на чудесата на CSS3 някои прости опции анимация могат да бъдат обработени с малка библиотека като Animate.css. която ви позволява да се обадите за елементите на анимация, добавяне или изтриване на имената на класовете:

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

Въпреки това, създаване на обект инстанция и изпращане на заявки за AJAX, използващи XMLHttpRequest все още са много тромава, така че е най-добре да направите това с помощта на библиотеката.

Но не е нужно да бъдат свързани единствено за тази цел цялата JQuery. Можете да използвате един от многото леки библиотеки. Ето един пример за изграждане на искане AJAX директно, с помощта на малка reqwest библиотека:

заключение

Желанието за минимализъм, уеб страница, без никакви допълнителни екстри е достойна цел, която ще ви донесе дивиденти под формата на бързо изтегляне и по-добър потребителски опит взаимодействие. Но вие трябва да бъдете внимателни - никой няма да се възползва от факта, че ще се преоткрива колелото, което вече е изобретил JQuery.

Не жертват полезна практика единствено за малък брой байтове. В същото време има много случаи, в които тези съвети са напълно приложими. Опитайте се да го следващия път, когато правя Ванилия, може би повече от всичко и не е нужно!