Denis
Anonymous
недель в месяце
Denis
Покажи
Дмитрий Лазоренко
Ребят подскажите
Дмитрий Лазоренко
С помощью строго режима пишут код через class
Дмитрий Лазоренко
Не где не видел
Denis
Вроде да
Дмитрий Лазоренко
Не могу блин разобрать со старым способ ебань с this просто ужас
Denis
Dmitry
Опыт в годах такое
Не показатель
Dmitry
Ты можешь иметь 5 лет, а по факту мусор
Denis
Dmitry
Разве нет?
Dmitry
На собесе сразу и проверят
Dmitry
Ну им видимо норм если кандидат 5 лет формы клепал
Dmitry
И все на этом
Lupusregina[beta]
ага
Lupusregina[beta]
привет
Denis
Oruj
может кто знает как в webpack извлекать изображения из html? с помощью html-loader?
чтобы не нужно было импортировать каждое фото в main.js
{
test: /\.(html)$/,
use: {
loader: 'html-loader',
options: {
attrs: ['img:src', 'link:href']
}
}
}
так не функционирует
Dmitry
File loader
Denis
File loader
Или url-loader я тоже видел приделывают
Андрей
Привет, у кого мысли есть по поводу логорифмических шкал?
https://jsfiddle.net/kvqzoy04/8/
Вот есть гистограмма, но там низкий частоты звука идут по 0,00001 и их совсем не видно, хочу сделать логарифмический график, чтоб возростание было не линейное
Denis
Скидывай
Anonymous
Скидывай
const leftTop=console.log('left-top');
const leftBot=console.log('left-bot');
const rightTop=console.log('right-top');
const rightBot=console.log('right-bot');
const winW = window.innerWidth;
const winH = window.innerWidth;
document.body.addEventListener('click',function(){
let pageX=e,pageY=e
if(pageX<=winW/2&&pageY<=winH/2){leftTop()}
if(pageX>=winW/2&&pageY<=winH/2){rightTop()}
if(pageX<=winW/2&&pageY>=winH/2){leftBot()}
if(pageX>=winW/2&&pageY>=winH/2){rightBot()}
})
Syntax Highlight Bot
Denis
const winW = window.innerWidth;
const winH = window.innerWidth;
Syntax Highlight Bot
Anonymous
чтобы при клике на лопределенную область консоль лог писал что ето за область
Anonymous
я тудща потом функцйии повешу
Вадим
🇧🇾Ребята есть кто из Миснка в поиске работы?
👤Нужен в команду фронтер можно джуна.
💻Сперва на офис дальше на удаленке можно работать.
💲По ЗП старт от 300$ в месяц. Два проекта в работе уже и приносят деньги.
💼По оплате раз в неделю можно получать ЗП.
Anonymous
теперьв консоль не пишеться ничего
Anonymous
const leftTop=()=>console.log('left-top')
const leftBot=()=>console.log('left-bot')
const rightTop=()=>console.log('right-top')
const rightBot=()=>console.log('right-bot')
const winW = window.innerWidth
const winH = window.innerHeight
document.body.addEventListener('click',function(){
let pageX=e,pageY=e
if(pageX<=winW/2&&pageY<=winH/2){leftTop()}
if(pageX>=winW/2&&pageY<=winH/2){rightTop()}
if(pageX<=winW/2&&pageY>=winH/2){leftBot()}
if(pageX>=winW/2&&pageY>=winH/2){rightBot()}
})
Syntax Highlight Bot
Denis
javascript
const log = (...args) => console.log(...args);
document.body.addEventListener("click", function(e) {
const winW = window.innerWidth;
const winH = window.innerHeight;
const { pageX, pageY } = e;
if (pageX <= winW / 2 && pageY <= winH / 2) {
log('left-top');
}
if (pageX >= winW / 2 && pageY <= winH / 2) {
log('right-top');
}
if (pageX <= winW / 2 && pageY >= winH / 2) {
log('left-bot');
}
if (pageX >= winW / 2 && pageY >= winH / 2) {
log('right-bot');
}
});
Syntax Highlight Bot
Anonymous
const leftTop=()=>console.log('left-top')
const leftBot=()=>console.log('left-bot')
const rightTop=()=>console.log('right-top')
const rightBot=()=>console.log('right-bot')
const winW = window.innerWidth
const winH = window.innerHeight
document.body.addEventListener('click',e=>{
let pageX=e,pageY=e
if(pageX<=winW/2&&pageY<=winH/2){leftTop()}
if(pageX>=winW/2&&pageY<=winH/2){rightTop()}
if(pageX<=winW/2&&pageY>=winH/2){leftBot()}
if(pageX>=winW/2&&pageY>=winH/2){rightBot()}
})
Syntax Highlight Bot
Anonymous
Denis
https://codepen.io/denis_efremov/pen/qzvRyN
Denis
body
position fixed
width 100%
height 100%
Syntax Highlight Bot
Anonymous
Бля трудно с dom разобраться
Foma
тю к примеру написал)https://stackblitz.com/edit/js-zjwzqe-coords
Anonymous
Ааа
Denis
const { log } = console;
Anonymous
Foma
Ааа
какая задача у тебя вообще стоит? и что значит без json работать не булет?
Anonymous
ага
Anonymous
я вообще не выкапаю чтоб хотаб обяснить
Anonymous
стрелочные функции
Anonymous
а если else if
Denis
https://codepen.io/denis_efremov/pen/qzvRyN
Denis
javascript
const { log } = console;
document.body.addEventListener("click", function(e) {
const winW = window.innerWidth;
const winH = window.innerHeight;
const { pageX, pageY } = e;
const hor = pageX <= winW / 2 ? 'left' : 'right';
const ver = pageY <= winH / 2 ? 'top' : 'bot';
log(`${hor}-${ver}`);
});
Syntax Highlight Bot
Anonymous
тут вообще долары
Anonymous
бля
Anonymous
какой же я тупой
Anton
Denis
javascript
const { log } = console;
document.body.addEventListener("click", function(e) {
const { innerWidth, innerHeight } = window;
const { pageX, pageY } = e;
const hor = pageX <= innerWidth / 2 ? 'left' : 'right';
const ver = pageY <= innerHeight / 2 ? 'top' : 'bot';
log(`${hor}-${ver}`);
});
Syntax Highlight Bot
Anonymous
Anonymous
спасибо
Anonymous
там я шарю чтоб рассказать
Anonymous
const log = (...args) => console.log(...args);
document.body.addEventListener("click", function(e){
const winW=window.innerWidth;
const winH=window.innerHeight;
const {pageX,pageY}=e;
if(pageX<=winW/2&&pageY<=winH/2){console.log('left-top');}
if(pageX>=winW/2&&pageY<=winH/2){console.log('right-top');}
if(pageX<=winW/2&&pageY>=winH/2){console.log('left-bot');}
if(pageX>=winW/2&&pageY>=winH/2){console.log('right-bot');}
});
Syntax Highlight Bot
Anonymous
типо этот
Anonymous
консоль лога же не будет там функия должна быть
Anonymous
еще с ней разобраться бы
Anton
типо этот
> если кликнуть ровно посередине, то сработают все 4 экшена
Anonymous
там при клике должно будет вылезти окно, и взависимости от сектора окно должно поменять местоположение от курсорав
Anonymous
Anonymous
Художник никакой
Anonymous
Но такое должно получиться у меня
Anonymous
Точка это клик
Anonymous
главное чтоб в квадрате
Anonymous
тут именно на кординаты
Anonymous
я так порнимаю это offsetX и offsetY
Anonymous
определяет кординаты мыши
Anonymous
то мне значит надо 4 функции а их название в ифах использовать