Size: a a a

JavaScript Noobs — сообщество новичков

2020 August 14

KS

Konstantin Sedykh in JavaScript Noobs — сообщество новичков
ведь ты не можешь убить метод родителя у потомка просто не объявив его. 🙂
источник

ST

Sardorkhuja Tukhtakh... in JavaScript Noobs — сообщество новичков
Гайз, чатиков по регэксам не знаю, поэтому рискну спросить тут.

Как замэтчить такую строку? /floor_15/room_594б

/^\/floor_(\d)\/room_(\d)+(\w)$/ не мэтчит, /^\/floor_(\d)\/room_[p{Alpha}]$/ тоже
источник

ST

Sardorkhuja Tukhtakh... in JavaScript Noobs — сообщество новичков
могу, конечно, написать room_*, но это не подходит для других адресов
источник

ei

export default - зло... in JavaScript Noobs — сообщество новичков
Konstantin Sedykh
ты просто конструктор родителя не расширил и всё. он остался без изменений. конструктор в случае js ничем не отличается от других методов класса в этом плане
Это немного не так работает в жс, тебе обьяснить?
источник

ei

export default - зло... in JavaScript Noobs — сообщество новичков
class First {
 constructor(arg) {}
}

class Second extends First {}

First.prototype.constructor === Second.prototype.constructor
источник
2020 August 15

ei

export default - зло... in JavaScript Noobs — сообщество новичков
Теперь проверяем другой метод

class First {
 constructor(arg) {}

 method() {}
}

class Second extends First {}

First.prototype.method === Second.prototype.method
источник

KS

Konstantin Sedykh in JavaScript Noobs — сообщество новичков
завтра проверю и обогощую свои знания ещё одной абсолютно  и давно уже не нужной мне хернёй. 😁 неправ так неправ. сорри. щас с телефона.
источник

ei

export default - зло... in JavaScript Noobs — сообщество новичков
Konstantin Sedykh
завтра проверю и обогощую свои знания ещё одной абсолютно  и давно уже не нужной мне хернёй. 😁 неправ так неправ. сорри. щас с телефона.
И правда) Кому эти классы сдались
источник

D

Dezmunt in JavaScript Noobs — сообщество новичков
Ну удобно жи абстракции строить
источник

D

Dezmunt in JavaScript Noobs — сообщество новичков
Хотя можно и композицией в принципе тоже самое делать
источник

KS

Konstantin Sedykh in JavaScript Noobs — сообщество новичков
Dezmunt
Хотя можно и композицией в принципе тоже самое делать
нужно
источник

1

1N54N3 in JavaScript Noobs — сообщество новичков
Не нужно не ври
источник

Г

Герман in JavaScript Noobs — сообщество новичков
Можно ли как-то через запятую идентичные функции записать?  В них только название функции разное. Вопрос, наверное, тупой) Прошу меня простить. Я JS учил недолго, мало практиковался и месяца 3 назад это делал .

const burger = document.querySelector("#navbar__togle");
const mobileMenu = document.querySelector("#mobileMenu");
const cross = document.querySelector("#mobileMenuCross");
const backg = document.querySelector("#backg");
const body = document.querySelector("body");

// Бургер
burger.onclick = function () {
 burger.classList.toggle("menu-icon-active");
 mobileMenu.classList.toggle("mobile-menu_active");
 backg.classList.toggle("backg_active");
 body.classList.toggle("lock");
 //При нажатии на бургер отступ у body появляется, если устройство не mobile
 function DetectMobile() {
   var uagent = navigator.userAgent.toLowerCase();
   if (uagent.search("mobile") == -1) body.classList.toggle("hideScrl");
 }
 DetectMobile();
};
// Крест
cross.onclick = function () {
 mobileMenu.classList.toggle("mobile-menu_active");
 backg.classList.toggle("backg_active");
 body.classList.toggle("lock");
 function DetectMobile() {
   var uagent = navigator.userAgent.toLowerCase();
   if (uagent.search("mobile") == -1) body.classList.toggle("hideScrl");
 }
 DetectMobile();
};
// Задний фон
backg.onclick = function () {
 mobileMenu.classList.toggle("mobile-menu_active");
 backg.classList.toggle("backg_active");
 body.classList.toggle("lock");
 function DetectMobile() {
   var uagent = navigator.userAgent.toLowerCase();
   if (uagent.search("mobile") == -1) body.classList.toggle("hideScrl");
 }
 DetectMobile();
};
источник

М

Максим in JavaScript Noobs — сообщество новичков
Герман
Можно ли как-то через запятую идентичные функции записать?  В них только название функции разное. Вопрос, наверное, тупой) Прошу меня простить. Я JS учил недолго, мало практиковался и месяца 3 назад это делал .

const burger = document.querySelector("#navbar__togle");
const mobileMenu = document.querySelector("#mobileMenu");
const cross = document.querySelector("#mobileMenuCross");
const backg = document.querySelector("#backg");
const body = document.querySelector("body");

// Бургер
burger.onclick = function () {
 burger.classList.toggle("menu-icon-active");
 mobileMenu.classList.toggle("mobile-menu_active");
 backg.classList.toggle("backg_active");
 body.classList.toggle("lock");
 //При нажатии на бургер отступ у body появляется, если устройство не mobile
 function DetectMobile() {
   var uagent = navigator.userAgent.toLowerCase();
   if (uagent.search("mobile") == -1) body.classList.toggle("hideScrl");
 }
 DetectMobile();
};
// Крест
cross.onclick = function () {
 mobileMenu.classList.toggle("mobile-menu_active");
 backg.classList.toggle("backg_active");
 body.classList.toggle("lock");
 function DetectMobile() {
   var uagent = navigator.userAgent.toLowerCase();
   if (uagent.search("mobile") == -1) body.classList.toggle("hideScrl");
 }
 DetectMobile();
};
// Задний фон
backg.onclick = function () {
 mobileMenu.classList.toggle("mobile-menu_active");
 backg.classList.toggle("backg_active");
 body.classList.toggle("lock");
 function DetectMobile() {
   var uagent = navigator.userAgent.toLowerCase();
   if (uagent.search("mobile") == -1) body.classList.toggle("hideScrl");
 }
 DetectMobile();
};
Почитай про параметры и аргументы функции.
источник

Г

Герман in JavaScript Noobs — сообщество новичков
Максим
Почитай про параметры и аргументы функции.
Спасибо за наводку, освежу знания.
источник

М

Максим in JavaScript Noobs — сообщество новичков
Герман
Спасибо за наводку, освежу знания.
Хотя это другое. У тебя ведь эти 3 функции почти одно и то же делают, зачем 3 штуки делать? Создай 1 функцию и запускай её на нужных элементах.
источник

Г

Герман in JavaScript Noobs — сообщество новичков
Максим
Хотя это другое. У тебя ведь эти 3 функции почти одно и то же делают, зачем 3 штуки делать? Создай 1 функцию и запускай её на нужных элементах.
Потому что событие срабатывает на разные элементы, переменные.
Это для меню бокового. То есть, класс меняется у меню, если нажать на бургер, на крест, на задний затемненный фон.
источник

Г

Герман in JavaScript Noobs — сообщество новичков
источник

Г

Герман in JavaScript Noobs — сообщество новичков
Мда, я весь синтаксис JS забыл
источник

М

Максим in JavaScript Noobs — сообщество новичков
Герман
Потому что событие срабатывает на разные элементы, переменные.
Это для меню бокового. То есть, класс меняется у меню, если нажать на бургер, на крест, на задний затемненный фон.
Ну, а если примерно так?
const burger = document.querySelector("#navbar__togle");
const mobileMenu = document.querySelector("#mobileMenu");
const cross = document.querySelector("#mobileMenuCross");
const backg = document.querySelector("#backg");
const body = document.querySelector("body");


function burgerMenu(e) {
 if (e.target === burger) {
   burger.classList.toggle("menu-icon-active");
 }
 mobileMenu.classList.toggle("mobile-menu_active");
 backg.classList.toggle("backg_active");
 body.classList.toggle("lock");
 function DetectMobile() {
   let uagent = navigator.userAgent.toLowerCase();
   if (uagent.search("mobile") == -1) body.classList.toggle("hideScrl");
 }
 DetectMobile();
}

burger.addEventListener('click', burgerMenu);
cross.addEventListener('click', burgerMenu);
backg.addEventListener('click', burgerMenu);
источник