javascript - d3.js ei toimi shadowDOM:ssa

Rakennan työkalua, joka käyttää d3.js:ää tietojen visualisointiin. Työkalu riippuu webkomponenteista ja shadowDOMista. d3.js ei pysty valitsemaan minkäänlaisia solmuja shadowDOMissa pelkällä d3.select-komennolla. Onko olemassa tapa saada d3 toimimaan shadowDOMin sisällä vai olenko unohta

Lue lisää →

html - JavaScript Shadow DOMissa parhaat käytännöt

Minulla on vaikeuksia saada JavaScript toimimaan oikein määrittämieni Shadow DOM -elementtien sisällä. Kun otetaan huomioon seuraava koodi:

<template id='testTemplate'> <div id='test'>Click to say hi</div> <script> var elem = document.querySelector('#test'); elem.addEventListener('c

Lue lisää →

javascript - phantomjs antaa DOM-poikkeuksen 18 canvas.toDataURL:ssä käyttäen src-kuvia

Yritän muuntaa SVG-tiedostoja PNG-kuviksi käyttäen PhantomJS:ää:

var page = require('webpage').create(); page.evaluate(function() { var svg = '<svg class="tnt_tracks_svg" width="800" height="180" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/\ xlink"><rect width="10" height="10" fill="red"></rect></svg>'; var src = 'data:image/svg+xml;base64,' + window.btoa(unescape(encodeURIComponent(svg))); var img = new Image();

Lue lisää →

javascript - Kuinka saada satunnainen väri CreateJS-muodossani?

Haluan satunnaisen värin, jossa "Crimson" on määritelty

var stage = new createjs.Stage("demoCanvas"); var circle = new createjs.Shape(); circle.graphics.beginFill("Crimson").drawCircle(0, 0, 50); circle.x = 100; circle.y = 100; stage.addChild(circle); stage.update();

Lue lisää →

javascript - Kuinka käännö uudelleen direktiivi DOM:iin lisättäessä (angularjs)

Okei, joten olen luonut ohjeen, sanotaan niin

<calendar></calendar>

Se renderöityy odotusteni mukaisesti, joten kaikki toimii hyvin. Nyt kysymykseni on, miten (uusi)renderöidä se, kun se lisätään DOM:iin? En halua käyttää sitä sivullani koko ajan,

Lue lisää →

javascript - DOM ei päivity Angular $scopea muuttaessa

Minulla on HTML5-verkkosovellus, joka toimii offline-tilassa ja käyttää Angularia. Haluan lisätä siihen kaksi painiketta. Toisen tulisi tarkistaa päivitykset, toisen soveltaa päivitykset.

  • Jos päivitys on valmis, Päivitä-painikkeen ei pitäisi olla näkyvissä, mutta Käytä päivityksiä -painikkeen pitäisi ol

    Lue lisää →

javascript - Muuta DOM-elementin sijaintia AngularJS:ssä

Minulla on tällä hetkellä Angular-direktiivi, joka toimii samankaltaisesti kuin karuselli. Pysyäkseen DOM-elementtien määrän alhaisena, poistan elementtejä DOMista ja lisään ne uudelleen. Käytän tällä hetkellä angular.element-funktiota valitakseni, poistaakseni ja lisätäkseni uusia kohteita seuraavall

Lue lisää →

jquery - Tallennetaanko HTML DOM -elementit viitteenä Javascript-taulukossa?

Minulla on mukautettu JavaScript-objekti ja haluan, että se on "linkitetty" DOM-elementin kanssa.

var my_object = {} var element = document.getElementsByClassName("a_class")[7]; my_object["element"] = element;

Koska tarvitsen monia näitä objekteja, mietin, olisiko suoraan .getElement()-metodilla saadun DOM-objektin tallentaminen hyvä idea?

Pelottaa, että tämä rakentaa raskaita objekteja. Onko näin, vai käyttääkö Javascript jonkinlaista älykästä

Lue lisää →

javascript - pm2-sovellus käynnistyy satunnaisesti uudelleen ilman syytä

Minulla on sekä staging- että tuotantopalvelin, joissa molemmissa ajetaan Sails.js-sovellusta (www.sailsjs.org). Olen kokenut, että pm2 käynnistää sovellukseni uudelleen satunnaisesti ilman yhteyttä tai kaavaa. Olen tarkistanut seuraavat mahdollisen kaavan löytämiseksi: - Muistin käyttö juuri ennen uudelleenkäynnistystä - joskus se on ~320MB ja toisinaan ~410MB - Tapahtumat/Pyynnöt/Virheet mitään vikoja tai huolia ei näy Nginx-, Node-, PM2- tai sovelluslokissani

Tämä tapahtuu sekä sta

Lue lisää →

javascript - Kuinka voin liittää DOM-elementtejä sitä mukaa kun ne virtaavat verkosta?

Minulla on elementti, jonka haluan täyttää pyynnön HTML-virtojen saapuessa sen sijaan, että odottaisin täydellistä vastausta. Tämä osoittautui uskomattoman vaikeaksi.

Asioita, joita olen kokeillut:

1. milestoneNode.insertAdjacentHTML(&ap

Lue lisää →