Настолько привык к фреймворкам, что сейчас надо генерить карточки с апишки, а я хз с чего начинать)

Надумал пока скрыть одну карточку, позже клонировать и заполнять контентом

Может есть у кого более элегантное решение?

Как насчет создать функцию, которая будет получать данные и отдавать dom элемент или сразу добавлять его в какой-то родитель? А что значит клонировать?

Настолько привык к фреймворкам, что сейчас надо генерить карточки с апишки, а я хз с чего начинать)

как-то весь веб до фреймворков работал же погляди доку handlebars.js, там есть, чем вдохновиться

Как насчет создать функцию, которая будет получать данные и отдавать dom элемент или сразу добавлять его в какой-то родитель? А что значит клонировать?

Ну а откуда этот дом элемент?

document.createElement('div')

как-то весь веб до фреймворков работал же погляди доку handlebars.js, там есть, чем вдохновиться

Спасибо, посмотрю

document.createElement('div')

В этой карточке много элементов, это банально неудобно

Ну тогда шаблонизаторы готовые поищи

Или можно как кусок хтмл написать `<div>${n}</div>`

В этой карточке много элементов, это банально неудобно

Domparser в помощь

Друзья, подскажите пожалуйста, в чем разница между методами создания компонентов через "New Vue", "Vue.component" и через "export default" ?

Ребят как в node js подключить стили в файл

Ребят как в node js подключить стили в файл

это как?

ты можешь в express указать, какие файлы и куда тебе нужно отдавать

В плане есть файл который рендерится и как в него добавить стили если выходт ощибка :

Refused to apply style from 'http://localhost:3000/public/style.css' because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled.

ну а ты в этом файле делаешь: <link rel="stylesheet" href="style.css"> ?

Я новичок во Fronted разработке. Нужно создать Circle, у него два состояния: 1(красный цвет) и 0(черный цвет). Когда я делаю клик по нему один раз, у него должно смениться состояние на 1(цвет тоже), еще раз на состояние 2(черный цвет) и тд. И таких кругов у меня 100шт. Не знаю как реализовать, использую JS+JQuery, пример кода:

let elem = { flag: 1 }; function flag_1(elem) { var arr = []; document.getElementById("1").innerHTML = ' '; for (let i = 0; i < arr.length; i++) { if(document.getElementById((elem).id) == document.getElementById((arr[i]).id)) { $(arr[i]).css('background-color', 'black'); arr.splice(i, 1); } context = document.getElementById((arr[i]).id).innerText; document.getElementById("1").innerHTML += ' ' + context; } elem.flag=2; } function flag_2(elem) { context = document.getElementById((elem).id).innerText; document.getElementById("1").innerHTML = ' '; arr.push(elem); for (let i = 0; i < arr.length; i++) { $(arr[i]).css('background-color', 'blue'); context = document.getElementById((arr[i]).id).innerText; document.getElementById("1").innerHTML += ' ' + context; } elem.flag=1; } $( ".content_SdBaG6WP" ).click(function() { switch(elem.flag) { case 2: // if (x === 'value1') flag_2(this); alert(elem.flag); break; case 1: // if (x === 'value2') flag_1(this); alert(elem.flag); break; } });

Должно быть как при покупке билета в кинотеатре!

При одном клике, если объект выбран то меняет цвет, еще раз кликаем должен вернуться в обратное состояние

document.writeln('<button id="#content_SdBaG6WP' + k +'" class="content_SdBaG6WP" type="button" style="transform: translateX('+ x +'px) translateY('+ y +'px) rotateX(-45deg);">'+ k +'</div>');

Так у меня ставятся эти кнопки, через цикл проебегаю

Подскажите как сделать

Подскажите как сделать

Вам нужно реализовать примерно такую логику: style.color = (style.color == 'color1') ? 'color2' : 'color1'; В обработчике

Через тернарный оператор менять свойство и тут же его присваивать элементу

Люди, кто пользуется Ckeditor4 Есть плагин Link ссылка, но в диалоговом окне нет возможности редактировать текст ссылки отдельно от href В самом ж ередакторе синюю ссылку можно редактировать но очень трудно. Курсор до и после ссылки ее не релактирует. Или я какогото способа удобного не знаю? теткам требуется загружать в нем файлы и выставлять на них ссылки, ссылки получаются такого вида /uploads/ckfinder/userfiles/files/%D0%9F%D1%80%D0%B8%D0%BB%D0%BE%D0%B6%D0%B5%D0%BD%D0%B8%D0%B5_3%20%D0%BA%20%D0%A2%D0%97%20(%D0%B4%D0%BE%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D0%BA%D0%B0%20%D0%A4%D0%9C%20%D0%9A%D0%B0%D0%B4%D1%80%D1%8B)%20v5%20%D0%B4%D0%BB%D1%8F%20%D1%80%D0%B0%D0%B7%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D1%87%D0%B8%D0%BA%D0%B0%2004092019.docx что жесть какаято. как то можно ппросто менять текст такой ссылки?

в 5й версии тоже самое. я не пойму, какие неумные люди делали этот редактор , не предусмотрев редактирование текста ссылок

Есть аналог create-react-app, только без -react-?

всем привет. function test() { let currentState = getCurentState(); let obj = deepClone(defaultObject); Object.keys(currentState).forEach(k => { let o = extractPropertyFromObject(obj, k); if (!o) return; o = currentState[k]; }); console.log(obj); } есть такая функция. проблема в том что переменная obj, не изменияется, почему ? =)

Есть аналог create-react-app, только без -react-?

Что тебе надо?

Подскажите пожалуйста. Есть игра, которая использует текстовые блоки-карточки на "бесконечном" игровом поле. Какую лучше библиотеку использовать для операций движения по полю, перетаскивания карточек, рисования связей? Canvas или WebGL, и какую библиотеку? Спасибо!

Что тебе надо?

Ну готовая сборочка с вебпаком там, сервачком и всем нужным, с возможностью подрубить или не подрубать тайпскрипт там, и со своим CLI

Ну готовая сборочка с вебпаком там, сервачком и всем нужным, с возможностью подрубить или не подрубать тайпскрипт там, и со своим CLI

Настрой сам

Круто апнешь скиллы

всем привет. function test() { let currentState = getCurentState(); let obj = deepClone(defaultObject); Object.keys(currentState).forEach(k => { let o = extractPropertyFromObject(obj, k); if (!o) return; o = currentState[k]; }); console.log(obj); } есть такая функция. проблема в том что переменная obj, не изменияется, почему ? =)

А почему она должна? Ей только 1 раз присваивается значение

А почему она должна? Ей только 1 раз присваивается значение

В o ссылка на проп из obj

Получается я ее перезаписываю, а нужно модернизировать 😊

Ты создаешь новую переменную, кладешь туда значение пропса и потом ее же и перезаписываешь. Логично что obj не меняется

Тебе нужно в сам пропс новое значение присваивать, если ты хочешь объект мутировать

То что v8 использует jit компиляцию не влияет на суть вопроса. Так например в js есть инструкция eval() и то что ей передано будет именно интерпретироваться.

https://en.wikipedia.org/wiki/Compiled_language#Languages

Типа obj[k] = currentState[k]

Но как правило мутация - это плохая практика

Но в данный момент именно она мне нужна

Там ключей может много получится что то типа obj[i][k][j][l][m]

Object.keys() дальше первого уровня не полезет все равно

Какая задача вообще стоит?

Там ключей может много получится что то типа obj[i][k][j][l][m]

Есть 2 объекта, один такого типа, второй имеет такие же свойства но на первом уровне

Там ключей может много получится что то типа obj[i][k][j][l][m]

Нужно на сервер отправить объект такого типа

obj1 = { a, b, c} obj2 = {a{b{c{}}}}

obj1 = { a, b, c} obj2 = {a{b{c{}}}}

Он же невалидный

Млин, с телефона пишу, примерную структуру показал

А ключи на первом уровне одинаковые?

У одного объекта значения ключей - примитивы, у другого - объекты, я правильно понял?

А что надо то в итоге, смерджить их?

Везде объекты, да нудно смерджиь

Доброе утро, есть задача сделать сегментированную карту, в которой цвет сегмента зависит от определенных значений по каждому региону, причем если увеличить карту или нажать на сектор, цвета должны поменяться, а регион разбиться на новые сектора, предпочтительно использовать vue.js, не используя платные пакеты и библиотеки, возможно кто-то сталкивался и сможет чем-нибудь помочь: что использовать или где почитать, спасибо

Доброе утро, есть задача сделать сегментированную карту, в которой цвет сегмента зависит от определенных значений по каждому региону, причем если увеличить карту или нажать на сектор, цвета должны поменяться, а регион разбиться на новые сектора, предпочтительно использовать vue.js, не используя платные пакеты и библиотеки, возможно кто-то сталкивался и сможет чем-нибудь помочь: что использовать или где почитать, спасибо

Вуй тут тебе не поможет

Вуй тут тебе не поможет

только первый анг. только хардкор

Везде объекты, да нудно смерджиь

Если я правильно понял задачу, нужно смерджить 2 объекта с глубоким копированием. В lodash есть функция для этого https://www.npmjs.com/package/lodash.merge

https://stackoverflow.com/questions/27936772/how-to-deep-merge-instead-of-shallow-merge вот решение без lodash

как-то весь веб до фреймворков работал же погляди доку handlebars.js, там есть, чем вдохновиться

Переписываю на handlebars, но не понимаю как можно работать с классами

Мне надо динамически менять цвет

Мне надо динамически менять цвет

vue ?

vue ?

handlebars

handlebars

Наверно если только нативный js ... а так хз

Мне надо динамически менять цвет

Цвет на основе чего определяется?

Настолько привык к фреймворкам, что сейчас надо генерить карточки с апишки, а я хз с чего начинать)

Строку сформировал, воткнул . Ничего сложного

Цвет на основе чего определяется?

На основе данных которые приходят

Строку сформировал, воткнул . Ничего сложного

Я не видел в доке чтобы втыкали как атрибут строку

Я не видел в доке чтобы втыкали как атрибут строку

Не аттрибут а innerHtml

Не аттрибут а innerHtml

?

Формируешь все карточки строкой и вставляешь

Юзай шаблонные строки чтоб вставить переменную в текст

Круто апнешь скиллы

Я уже настраивал

Есть аналог create-react-app, только без -react-?

Ап

Доброе утро, есть задача сделать сегментированную карту, в которой цвет сегмента зависит от определенных значений по каждому региону, причем если увеличить карту или нажать на сектор, цвета должны поменяться, а регион разбиться на новые сектора, предпочтительно использовать vue.js, не используя платные пакеты и библиотеки, возможно кто-то сталкивался и сможет чем-нибудь помочь: что использовать или где почитать, спасибо

leaflet же + кластеризация значений (например http://humangeo.github.io/leaflet-dvf/ )