>>161526884 (OP)
первый лучше
мимо не знаю js

>>161526884 (OP)
Ты занимаешься хуйнёй.
мимо 3 года JS макака

>>161527433
На чём основаны такие выводы?

>>161528018
Ну братишка, занимаюсь я написанием скрипта, это просто пример, вопрос в том как лучше, создавая переменные, или постоянно обращаться к дом дереву. Логика мне говорит что метод с объявлением переменных лучше, но я не знаю так ли это, вот и хочу узнать у вас.

>>161528039
Операции с дом очень ресурсоемкие. Иди кантора читай, пидор.

>>161528133
Вот я так и думал, но не верил своим мыслямзачем ты пидор

>>161528691
>но не верил своим мыслям
Ееее вайти вайти

>>161528119
Вот зачем ты учишься JS?

>>161528691
На самом деле оба варианта хуйня. Никогда не тереби дом в цикле. Сначала пиши все элементы в переменную а уже после цикла вставляй пачку в дом.

>>161528859
Спасибо, понял, получается всё же лучше создать переменные для всех используемых из дом элементов и уже потом извращаться над ними, а как быть с единичными случаями, например onclick, его тоже вешать на переменную, или можно напрямую через querySelector?

>>161528808
Не учу, уже учил, нужен скрипт, вот пишу его и нужна информация как поступить, чтобы не сделать говно.

>>161529679
Странно, что ещё за фреймворки никто не начал затирать.

РЕАКТОПИДОРЫ СОСУТ У АНГУЛЯРОБОГОВ

>>161529679
Те кто хотят учиться читают стаковерфлоу а не создают треды на дваче.

>>161526884 (OP)
зачем z в цикле объявляешь?

>>161530131
Да похуй же, ибо hoisting ее в глобальную область видимости вынесет.

>>161530093
>стаковерфлоу
И спасибо, буду и им мозги ебать.

>>161526884 (OP)
хуевые оба.медленно. бравсер охуеет дом перерисовывать.

>>161530425
Да просто можно z вынести из цикла, чё ты её там дрючишь каждый раз при прогоне-то. Хотя мб в жс на это похуй как тут заметил анан >>161530318, я не шарю

>>161526884 (OP)
Очевидно первый лучше, потому что во втором ты 100 раз ищешь в доме узел, а в первом - один. Хороший ты способ попракростинировать нашёл: создать тред с идиотским вопросом и читать ответики, обманывая себя и свой мозг, что занимаешься серьезным делом.

>>161530705
>Да просто можно z вынести из цикла, чё ты её там дрючишь каждый раз

Я не жабомакака, но поясни, как ты z вынесешь? Чо, надо так писать?
var z;
loop {
z = create element...

это значительно быстрее, чем
loop {
var z = create element...

Правда штоле? т.е. жава-интерпретатор 1) не сумеет оптимизировать этот кусок и 2) обосрется сто раз несколько байт под указатель аллоцировать?

хуясе вы работники языка высокого уровня.

>>161531209
>Очевидно первый лучше, потому что во втором ты 100 раз ищешь в доме узел, а в первом - один.

Чувак задает норм.вопрос, потому что если это дешевая операция, то похуй как. И ему норм.отвечают, что дом шатать дорого.

>>161530425
>Потому что вариант как на пике, создаёт пустоту

бля, а вот это схуяли? эквивалентная же запись?

a = new element
b.add(a)

или

b.add(new element)

это чо, в скрипте разные вещи?

>>161531299
обосрется не байты телебонькать а 100 раз страничку перерисовавать.

>>161531407
А что насчёт второго вопроса

>а как быть с единичными случаями, например onclick, его тоже вешать на переменную, или можно напрямую через querySelector?

Как мне кажется можно и через querySelector, я думаю сильно пользователь не нагрузит браузер, максимум 2 клика в секунду по элементу реагирующему на клики

>>161531440
>Наверно потому что изначальный пример был такой как на пике, я подумал что z будет забиваться мусором, и постоянным её объявлением заново, она типа чистится, хз даже, не проверял, будет ли она забиваться, если её вынести за цикл.

Из моих глаз текут кровь и слезы. "Типа чиститься"- этокак? каким мусором она забьется? из кучи говна и палок ветром принесет?

рекомендую тогда писать вот так:

var z = 5;
if (z ==5)... // а вдруг забилась мусором? вдруг я многопоточную систему невзначай на js написал и между этими двумя строками другой поток мне все засрал? где там мои мьютексы, падажжи ебана....

>>161531718
Имелось ввиду предыдущими созданными блоками, и тогда за цикл у меня будет появляться не 1 блок, а предыдущий блок + новый блок, и так будет расти в геометрической прогрессии лол

>>161531597
Ну ты совсем дурак или толстишь? Будешь переиспользовать этот элемент в коде - херачь в переменную, нет - нет. Скачай себе вебшторм, он тебе будет такую хуйню подсказывать. Учил он жаваскрипт а не учит нахуй.

>>161531499
>обосрется не байты телебонькать а 100 раз страничку перерисовавать.

Ты тогда формулируешь стремно, потому что z в любом случае должна быть внутри цикла, потому что нужно создавать сто дивов.

нахуяч свой вариант "без z внутри цикла", плиз.

(кстати, SO вашу общую идею "инсертить в дом медленно" не очень поддерживает)

>>161531984
Ну учил я как им пользоваться, а не как он создаёт нагрузки, спасибо понял.

А я вот, например, вообще ненавижу JS. По этому сделал сайт без него. И все работает.

>>161532143
Все ненавидят JS.

>>161531947
>Имелось ввиду предыдущими созданными блоками, и тогда за цикл у меня будет появляться не 1 блок, а предыдущий блок + новый блок, и так будет расти в геометрической прогрессии лол

вот так, штоле?

z = createElement('div');
z = createElement('div'); // теперь в z сразу два элемента! первый дивчик потеснился!

Братан, мне кажется, ты что-то проебал на раннем этапе, когда про ссылки/указатели читал. Это серьезный проеб, он тебя заведет в Адъ костылей. Перечитай.

>>161531407
Я просто хотел сказать, что это не то, чем стоит забивать голову вкатывальщику. Разница в плане производительности между 1 и 2 не велика. мЫ НЕ В 2007

>>161526884 (OP)
>2k17
>быть мартыхой
)

>>161532317
Не велика, но хочется чтобы было идеальноже

>>161532317
>Разница в плане производительности между 1 и 2 не велика. мЫ НЕ В 2007

Вот это называется говнопрограммирование "и так сойдет". Представь себе огромный документ, в котором querySelector работает долго, а тебе нужно добавить много блоков. И ты тупо будешь искать это сто раз. Полсекунды разницы могут стоить тебе 20% раздраженных клиентов.

Не нужно преждевременно оптимизировать, но представление о стоимости операций нужно иметь.

>>161532296
Проебался, а ещё это было 2 года назад, вот и пытаюсь всё вспомнить и вернуть по полочкам.

>>161526884 (OP)
возьми да померяй.

>>161532483
>это называется говнопрограммирование
Верно, об этом я и хотел сказать, если делать, то сразу правильно.

>>161532353
>Если вынести, вроде как вот так получится, хз даже, будет это работать или нет, щас проверю.
>Буду подписываться ОПом, чтобы не путали меня с другими.

Ах ты пидор. Я подозревал, но не хотел верить, что кто-то эту хуйню спорет. Иди в дизайнеры. Это не будет работать, это один и тот же див, который будет перемещаться сто раз по документу.

https://stackoverflow.com/questions/6244985/insert-html-element-two-or-more-times-using-javascript

>>161532578
Как и где?

>>161532353
var
str = '',
i = x.length,
div = .....;
// end vars

while(i--) {
str += '<p><p>';
}

div = str;

В переменную собирай и одной вставкой вставляй. В одной функции, один var, все переменные туда выноси все через запятую, в конце точка запятой

Читай книги:
крокфорд сильные стороны
оптимизация производительности
javascript подробное руководство фленеган
javascript шаблоны- стоян стефанов

>>161532621
в браузере?

>>161532582
>Верно, об этом я и хотел сказать, если делать, то сразу правильно.

я тебя поддерживаю. И "сразу правильно" - это не обращаться к безграмотному двачу, а спрашивать гугль "js dom fast append" и идти по ссылкам на SO.

Пиздец ты, ОП, необучаемый.

>>161532638
>В переменную собирай и одной вставкой вставляй.

Еще раз говорю, народ неоднозначно пишет насчет innerHtml - разницы почти нет с аппендом. https://stackoverflow.com/questions/634878/fastest-dom-insertion

Но сто раз искать по документу один блок, конечно, не надо.

>>161532647
Ты можешь в браузере на глаз определить насколько его загрузит создание 100 блоков циклом?

>>161533134
а что, мерять время запретили?

>>161532621
var d = new Date();
//код
console.log(new Date() - d);

>>161532620
Что-то вроде этого я и думал, проверил, действительно не работает, создаёт только 1 DIV.

>>161533167
Два чая

>>161533167
И как же ты собираешься измерять миллисекунды глазом.

>>161533372
Лол, и правда, спасибо за подсказку.

>>161532638
>В одной функции, один var, все переменные туда выноси все через запятую, в конце точка запятой

Вот это уже какая-то фанатичная хуйня преждевременного оптимизатора. Нахуй такое ухудшение читаемости надо ценой нескольких микросекунд.

>>161533625
может его в детстве Вирт покусал.

Пацаны, а такой вопрос, при достижении какого количества обращений к одному и тому же элементу в скрипте с помощью querySelector, стоит этот элемент поместить в переменную?

>>161534044
ты там что вообще делаешь, демон? у тебя же код уровня jquery, так уже десять лет не пишут. куда тебе его ускорять.

>>161534044
>Пацаны, а такой вопрос, при достижении какого количества обращений к одному и тому же элементу в скрипте с помощью querySelector, стоит этот элемент поместить в переменную?

Двенадцати раз, но это не точно.

Чо ты стремные вопросы задаешь, это должна быть жопная чуйка. Если цикл есть, я бы сразу выносил, так более читаемо. Смотри на красоту кода, иногда даже если цикла нет, но код типа

а = querySelector
a.add(x)
a.add(y)
a.add(z)

красивше смотрится.

>>161526884 (OP)
Используй версию html на спидах haml какой-нибудь

Нахуй вы вообще DOM руками теребите? Не делайте так, если не умеете, возьмите какой нибудь реакт, там этих проблем нет.

>>161534151
Да ничего такого, приятные плюшки для пользователей на свой говносайт.

>>161534283
Возьму для себя на пометку помещать элемент из DOM в переменную, если к нему идёт от 10 обращений во всём коде, а то что элементы из цикла помещать в переменные обязательно, это я уже запомнил.

Спасибо аноны.

>>161526884 (OP)
for(let i of Array(10).keys())
{
console.log(i)
}

>>161534429
две стрелочных функции этому промису

>>161534527
>Нахуй вы вообще DOM руками теребите? Не делайте так, если не умеете, возьмите какой нибудь реакт, там этих проблем нет.

НАЧ.ОТДЕЛА ПРОДАЖ РАСКРОЕЧНЫХ СТАНКОВ / БУРОВЫХ ХУЕВ НУЖНО В КАЧЕСТВЕ ХОББИ ДОБАВИТЬ DIV НА ХОМПЕЙДЖ
@
УЧИТЬ КАКУЮ-ТО ГРОМОЗДКУЮ ХУЙНЮ, КОТОРАЯ ЧЕРЕЗ ДВА МЕСЯЦА СТАНЕТ НЕМОДНОЙ, А ЧЕРЕЗ ПОЛГОДА ЗА ЕЕ УПОМИНАНИЕ НАЧНУТ ПИЗДИТЬ

Я понимаю, что у молодых веб-макак дохуя лишнего времени, и поэтому они соревнуются в изобретении новой ненужной хни.

"давайте перепишем все на фреймворк+1!"

Ничо, остынете.

>>161534527
мне кажется он обосрется с реактом, если вспоминает js, уж точно с redux

Аноны, а что вы думаете о том, чтобы поместить весь DOM в переменную, и потом уже во всём коде обращаться не к document, а к этой переменной, в чём плюсы и минусы?

>>161535319
гугли shadow dom

>>161535319
Проще взять блок нужный, скопировать и уже с ним манипуляции делать, а потом заменить старый полученным.

>>161535319
>Аноны, а что вы думаете о том, чтобы поместить весь DOM в переменную, и потом уже во всём коде обращаться не к document, а к этой переменной, в чём плюсы и минусы?

Основной и единственный плюс - можно сделать забавно, если ты не любишь слово document, а любишь слово pidor, то можно сделать так:

var pidor = document;
pidor.querySelector(...

минусов никаких нет, других плюсов тоже.

Еще раз тебе говорю, перечитай про ссылки/указатели как таковые (даже не применительно к js)

>>161535540
если я тебя правильно понял, то плюсы есть. например мы что-то делаем с виртуальным домом, потом сравниваем изменения и пачкой добавляем в реальный дом

>>161535857
>если я тебя правильно понял, то плюсы есть. например мы что-то делаем с виртуальным домом, потом сравниваем изменения и пачкой добавляем в реальный дом

Не нужно тебе это, падаван юный. Тебе придется обмазываться React (или чо щас там модно для Virtual DOM).

Пока ты не пишешь фейсбук, тебя почти не будет волновать время. Даже если ты оставишь поиск внутри цикла - это для твоей говностранички больше вопрос стиля, чем реальных траблов.

DOM достаточно быстр для всех твоих любительских начинаний, если ты не начнешь искусственно тупить.

Не занимайся преждевременной оптимизацией.

>>161536312
Реакт существует не для "оптимизаций" производительности, а для поддерживаемости и простоты кода. Когда у тебя пара-тройка манипуляций с домом - это ок, а когда их будет десятки или сотни - это превратится в неподдерживаемое говно и ты в любом случае придешь к компонентной модели. Так почему сразу не начать делать нормально?

>>161535540
>pidor.querySelector
Если шутить, то тут ещё плюс, если код спиздит какой-то школьник, он весь мозг сломает, что за такая переменная и почему нихуя не работаетесли конечно не весь код скопипастит

>>161535403
>shadow dom
Спасибо почитаю.
>>161535407
Двачую, копируем часть дома с которой работает весь скрипт и ебём только её.

>>161536944
>а когда их будет десятки или сотни - это превратится в неподдерживаемое говно и ты в любом случае придешь к компонентной модели. Так почему сразу не начать делать нормально?

Если меня заебет, что моя хомпейдж неподдерживаемое (кем?) говно, я тогда брошу продажу своих горизонтально-расточных станков и пойду в реакт-макаки. Но к тому времени вы уже бросите реакт и начнете дрочить на что-нибудь другое (или реакт станет частью стандарта и изменится, или ебнет третья мировая).

>>161526884 (OP)
Оба варианта хуёвые по скорости. Нужно сначала создать все дивы, а потом одним действием их зааттачить.
мимо 300к в секунду фронт-энд бог

>>161537162
А ты с чего решил что ОП делает хомпейдж неподдерживаемый? Он вроде как учится чему-то, а не просто конкретную хуйню решает.

>>161537417
Точно, создаём все дивы добавляя их в переменную, а потом выводим всю пачку в нужном месте, спасибо за подсказку.

>>161537566
судя по тому что он делает, и какие вопросы при этом задаает, я бы не сказал что он чему-то учится.

>>161537566
>А ты с чего решил что ОП делает хомпейдж неподдерживаемый?

"Чо делаешь, демон? - Да ничего такого, приятные плюшки для пользователей на свой говносайт."

и да, двачую другого анона, который про "непохоже, что учится"

>>161526884 (OP)
Если вынести querySelector за цикл, , то перфоманс повысится. В примере 1 и 2 отличий существенных нет.

>>161538994
алсо, хер который писал что z не надо создавать, а надо просто запихать выражение в append(...) прав.

>>161529978
Вы все пидоры и у вас тотальный фреймворк головного мозга

Аноны, а вот создали мы 100 блоков, а как теперь обратиться к определённому из них? Пример

<div class="block">
<div>Текст 1</div>
<div>Текст 2</div>
<div>Текст 3</div>
</div>

Вот нам нужно загрузить содержимое 2 блока, как это сделать?

>>161541246
Есть селектор css, выбирающий номерной див, или можно id назначить в цикле создания.

>>161541246
http://htmlbook.ru/css/nth-child

>>161541246
я прочитал тред и теперь я знаю ответ: надо поместить этот блок в переменную.

>>161541294
>>161541345
Плохой пример привёл, тогда такой

<div class="block">
<ul><li>Текст 1</li><li>Текст 1</li><li>Текст 1</li></ul>
<ul><li>Текст 2</li><li>Текст 2</li><li>Текст 2</li></ul>
<ul><li>Текст 3</li><li>Текст 3</li><li>Текст 3</li></ul>
</div>

Как нам загрузить в переменную x содержимое второго списка ul и например задать его элементам li какой-нибудь класс

>>161541246
>Вот нам нужно загрузить содержимое 2 блока, как это сделать?

Ты нелечибельный, и те, кто тебе советуют nth-child, тоже. Блядь, ты только что этот блок создавал в цикле, ты ЗНАЕШЬ его содержимое - вот там сразу и пиздячь что тебе нужно.

Я тебе серьезно говорю - иди в дизайнеры интерьеров. Судя по тому, какие вопросы ты задаешь по js, у тебя должен быть охуенный талант в дизайне.

>>161541829
Тогда задать им id по какому-нибудь правилу. Типа id="muhvarx1y1", а потом получать через getElementById

>>161541912
>Тогда задать им id по какому-нибудь правилу. Типа id="muhvarx1y1", а потом получать через getElementById

Ты даешь хороший совет ОПу, как лучше достать гланды через жопу. Да, можно сделать и через nth-child, и через айдишник - но ЗАЧЕМ? Он же сам генерит эти блоки, один из них он хочет пометить классом.

var pidor = document;
block = pidor.querySelector(...
for (let i=1; ...
let z = pidor.createElement('div');
if (i==1488)
z.setAttribute("class", "EBANIS");
block.addElement(z)
}

}

>>161541830
Лол, я перефразировал вопрос здесь >>161541829 мне нужно получить содержимое блока созданного не скриптом. В дизайнеры не могу, нет фантазии.

>>161541912
Можно задать, но вопрос как это можно сделать, имея в блоке элементы без идентификаторов.

>>161541830
>Ты нелечибельный, и те, кто тебе советуют nth-child, тоже.
Ну а хули, каков вопрос таков и ответ.

>>161542237
Про цикл можно забыть, он был для вопроса о нагрузках, нужно достать содержимое списка, созданного не скриптом.

>>161541829
у тебя есть блок, ты можешь взять i-th child этого блока.

>>161542442
xpath выражение напиши, хех.

>>161542442
>Про цикл можно забыть, он был для вопроса о нагрузках, нужно достать содержимое списка, созданного не скриптом.

Тогда тебе уже сказали - css selectors
или
document.querySelectorAll("td")[48]

ВСЕ ЭТО ЕСТЬ В ЕБАНОЙ УВЛЕКАТЕЛЬНОЙ ДОКУМЕНТАЦИИ

>>161528119
лол, естественно, с созданием переменной. смысл при каждом проходе цикла искать элемент?

ПИШИ СКРИПТЫ
@
СОЗДАВАЙ ПЕРЕМЕННЫЕ

>>161542853
>document.querySelectorAll("td")[48]
Ты охуенен анон, то что нужно, я знаю про документацию, но иногда не знаешь что искать.

Аноны ещё раз спасибо, реально помогли.

>>161543118
надо БОЛЬШЕ переменных!

Быстрее по производительности будет сгенерировать html текст и вставить его через innerHTML
Или же создать элемент, потом вставить в него 100 элементов-детей и вставить этот элемент со 100 детьми в контейнер.
Не надо делать операции, которые вызовут перерисовку в браузера на каждую итерацию цикла

>>161543329
>Ты охуенен анон, то что нужно
Тебе это выше не раз говорили.

>>161543805
Нормальные люди это через фрагменты делают, но где они, эти нормальные люди?

>>161544034
отступы где? переменные из одной буквы ему не нравятся.

>>161527473
>Вот смотри. Рубль упал, время непростое, количество рабочих мест сокращается. Да ты и сам или твои родители испытали на себе сокращение. Но тем не менее каждый день здесь проскакивает как минимум 1 тред о вкатывании в программирование. И при этом находятся те, кто готов помогать левому хую, советовать куда обращаться и какие технологии учить. ЗАЧЕМ?
Те, кто бегут сразу на двощик с вопросами "как?" и "сделайте за меня", нормально в программирование не вкатятся. Максимум там месяц (а то и неделей все ограничится) потывкаются помыкаются и съебут в веб-дизайн или верстальщики.
Тот, кто действительно хочет и может осилить погромирование - пойдет мануалы читать, форумы разные, на которых подобный вопрос уже обсуждали, если нихуя не найдет - пойдет сам тестировать свой код с разными данными, на разных платформах (или в разных браузерах), еще и баг может какой в результате найдет или не обычные результаты получить - пойдет статейку куда-нить на хабр или специализированный форум пиздонет.
Я с удовольствием помогаю малолетним долбоебам в области, в которой специализируюсь. Иногда даже, по доброте душевной могу сделать задание, за которое обычно деньги беру. А все потому, что они нихуя не КОНКУРЕНЦИЯ. Вот я ему один раз помог, второй раз помог - он и привык, что все за него делают. А третий раз мне впадло было. А он уже на рабочем месте сидит - задание ему дали, которое он не сделает и его пидорнут со свистом.
А еще в универе вон тоже всей группе делал лабораторные по погромированию (вот серьезно, 25 человек в группу и каждый ко мне хотя бы один раз обратился, чтобы я ему лабу сделал). Чтобы они сами своими мозгами не думали и в будущем не заняли мое рабочее место.

>>161544034
Это сделано намеренно, чтобы не напрягать глаза анону лишней информацией, и вообще во всех учебниках примеры буквами.

>>161544094
Висуал Васик же. Мне 18 лет было, когда тот код писал.
Потом в универе на Паскале научился табуляции ставить.
Вот тут примеры моего JS https://habrahabr.ru/post/328568/ (тож далеко не идеал)

>>161544461
а ты коварный.
Они все потом стали начальниками твоими, а ты батрачишь?

>>161544689
>https://habrahabr.ru/post/328568/
О, я помню в книжке "парк юрского периода" каждая глава начиналась с итерации этого дракона, я потом его на двойных листах больших рисовал часами.

>>161544739
Не, я в 2012 полгода в офисе посидел и сижу 5 лет хуи пинаю.

>>161528018
Фу, вкатывальщик, да ещё и жс

>>161544689
Дианон уебка

>>161546133
Орнул. Мамку пойди свою задиванонь

>>161526884 (OP)
Работа с DOM - самые длительные операции в JS, и если время на поиск в современном мире уже не столь важно, то вот вставки по прежнему могут очень существенно замедлить производительность, потому что при вставке новой ноды перерисовывается все дерево, а не конкретный элемент.
Поэтому разницы между первым и вторым вариантом особо нет (А современный браузер скорее всего даже соптимизирует эту конструкцию и сведет её к одной единственной вставке-перерисовке, но лишь в таком примитивном варианте, как в ОП-посте), куда важнее помнить об особенностях перерисовки DOM и подготавливать фрагменты для вставки в памяти, вместо манипулирования живой нодой.

>>161546133
ICQ: 203 012 679.
Скайп: rasty2222
Звонит или пишите всем все объясню

>>161544689
Хахол не человек а гнида