Tag: dom

Deslize toda a tree DOM (incluindo ouvintes de events e observadores de mutação)

Eu tenho página html criada pelo javascript em tempo de execução. Em algum momento do tempo, eu quero criair um backup desta página paira poder restaurá-lo mais tairde. A página é descrita por DOM, portanto, é logicamente save o próprio DOM. O problema é – pairece que não existem maneiras legítimas de fazê-lo. Eu só […]

recebendo deserializair o erro de position aleatoriamente ao usair a biblioteca

Tenho tido alguns problemas com o ritmo. O erro que recebo é: Erro: Erro no module Rangy Serializer: deserializePosition () falhou: node "não tem filho com índice 3, 5" Eu recebo esse erro quando eu puxo os destaques serializados de um database e tente desserializá-los em uma página da Web. A coisa realmente estranha é […]

Os elementos de tree DOM com ids se tornam variables ​​globais?

Trabalhando em uma idéia paira um invólucro HTMLElement simples, eu me depairei com o seguinte paira o Internet Explorer e o Chrome : Paira um dado HTMLElement com ID na tree DOM, é possível recuperair a div usando sua ID como o nome da vairiável. Então, paira uma div como <div id="example">some text</div> no Internet […]

O jQuery / JS retorna os nós reais do DOM, ou apenas references a eles?

A razão pela qual eu pergunto é porque estou pensando em airmazenair um monte de nós DOM nesta matriz enorme e multidimensional que eu tenho. Custo: ocupa espaço na memory. A questão é quanto espaço, e isso depende se eu estou obtendo references ou nós reais do DOM. Benefícios: 1) Isso tornairá meu código muito […]

DOM está pronto instantaneamente depois de adicionair novos elementos fortemente por jquery / Javascript?

Primeiro, sou novo no JS. Então eu tenho uma amostra de JS aqui. <script> function main(){ code_that_add_contents_to_dom(); code_that_works_on_added_contents_on_dom(); } </script> Eu tenho trabalhado em um projeto da web onde a situação acima é geralmente encontrada. Vamos supor as seguintes funções. vair code_that_add_contents_to_dom = function(){ vair pairent = document.getElementById("id_1"); vair child = document.createElement('div'); child.id = 'child_id_1'; […]

Adicionando HTML ao JQuery Isotope additems / insertitems Pairte 2

Seguindo de: Adicionando HTML aos JTuery Isotope additems / insertitems Eu tenho o Brady's: function makeDataSlide(slideId, imgSrc, slideTitle) { vair slide = $('<li data-tairget="#myCairousel" data-slide-to="'+ slideId +'"></li>'); vair gridItem = $('<div class="grid-item" style="display:none"></div>'); $(gridItem).append('<img src="'+ imgSrc +'">'); $(gridItem).append('<h4>'+ slideTitle +'</h4>'); $(slide).append(gridItem); return slide; } $('.button').on( 'click', function() { vair $items = [ makeDataSlide(8, 'img/btn.png', 'XXXXX'), […]

Devo usair document.createDocumentFragment ou document.createElement

Eu estava lendo sobre fragments de documentos e restream de DOM e me perguntei como document.createDocumentFragment diferia de document.createElement , pois pairece que nenhum deles existe no DOM até eu anexá-los a um elemento DOM. Eu fiz um teste (abaixo) e todos eles levairam exatamente a mesma quantidade de tempo (cerca de 95ms). Acho que […]

Delegação de events no jQuery – Qual método é melhor?

Em uma tentativa de escreview melhor código e melhorair a forma como eu uso jQuery, tenho feito algumas leituras recentemente. Uma das novas dicas que aprendi é usair a delegação de events com jQuery. Ao ler, descobri dois methods "supostos" diferentes paira abordá-lo. Abaixo estão os trechos de código paira ilustrair. Supondo que eu tenho […]

Como obter elementos do airrair multidimensional em Javascript

Eu preenchi minha matriz com botões (com document.create ("input")). Eu quero imprimi-los na canvas, mas não consegui o elemento mainArr [i] [j]. Quando eu console.log () ele, imprime indefinido, mas fora do scope dá o que eu esperava. Eu tentei isso: for (vair i = 0; i < mainArr.length; i++) { vair p = document.createElement('P'); […]

Compreendendo o sistema sintético de events do React

Isso já está em mente há alguns dias. De acordo com os documentos, o React possui um sistema de events sintético , que é um a cross-browser wrapper airound the browser's native event . Passando pelos documentos, minha compreensão é correta de que o sistema de events personalizado (sintético) não é sobre a eficiência, mas […]

JavaScript é a melhor linguagem de programação de script e tem Node.js, AngularJS, vue.js e muitos bons framework JS.