Articles of javascript

Dibujar la ruta de HTML5 / Javascript Canvas en el tiempo

Digamos que tengo un camino: var context = canvas.getContext(‘2d’); context.beginPath(); context.moveTo(100, 20); context.lineTo(200, 160); context.quadraticCurveTo(230, 200, 250, 120); context.bezierCurveTo(290, -40, 300, 200, 400, 150); context.lineTo(500, 90); context.lineWidth = 5; context.strokeStyle = ‘blue’; context.stroke(); Esto imprime el camino de una vez: ¿Cómo puedo dividir la ruta en subtrazos de longitud determinada? Por ejemplo: context.splitCurrentPathIntoSubPath(0, 0.75) debería […]

DataTables row.add al índice específico

Estoy reemplazando los artículos de fila así: var $targetRow = $(entity.row), dataTable = $targetRow.closest(‘table.dataTable’).DataTable(); dataTable.row($targetRow).remove(); dataTable.row.add({ foo: 1 }).draw(); Tengo lógica en la rowCreated vinculada a la tabla, así que estoy recreando la fila para hacer uso de ella. Esto funciona bien Pero row.add siempre agrega la última fila regenerada en la lista. ¿Hay alguna […]

Accediendo a event.target dentro de callback en reactjsr

Tengo el siguiente fragmento de clase: constructor(props) { super(props); this.timeout = null; } search = (e) => { clearTimeout(this.timeout); this.timeout = setTimeout( function(){ console.log(e.target); }, 500 ); } No puedo obtener el tiempo de espera configurado para imprimir el valor del evento, ¿hay algo que deba hacer pero no lo estoy?

¿Cuál es la diferencia entre usar “nuevo RegExp” y usar la notación de barra inclinada para crear una expresión regular?

¿Hay alguna diferencia entre usar el new RegExp(“regex”); y /same_regex/ para probar contra una cadena objective? Estoy haciendo esta pregunta porque obtuve un resultado de validación diferente mientras uso estos dos enfoques. Aquí está el fragmento que utilicé para validar un campo de correo electrónico: var email=”didxga@gmail.comblah@foo.com”; var regex1 = new RegExp(“^[a-z0-9!#$%&’*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&’*+/=?^_`{|}~-]+)*@(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?$”); var regex2 = […]

Alternar la propiedad de visibilidad de div

Tengo un video HTML 5 en un div. Luego tengo un botón de reproducción personalizado, que funciona bien. Y tengo la visibilidad del video configurada como oculta en la carga y visible cuando se hace clic en el botón Reproducir, ¿cómo lo devuelvo a oculto cuando se hace clic en el botón reproducir nuevamente? function […]

Fusionar dos matrices para que los valores alternativos

Estoy buscando un método jQuery para combinar dos matrices para que sus valores se alternen: var array1 = [1,2,3,4,5]; var array2 = [‘a’, ‘b’, ‘c’, ‘d’, ‘e’]; El resultado que quiero es: var arrayCombined = [1, ‘a’, 2, ‘b’, 3, ‘c’, 4, ‘d’, 5, ‘e’]; Tenga en cuenta que sé que es trivial hacer esto […]

Gire el objeto en un eje específico en cualquier lugar de Three.js, incluido el exterior de la malla

Intentando rotar un objeto alrededor de cualquier eje. Por ejemplo, como una bisagra de puerta (en el borde del objeto) o un planeta alrededor del sol (fuera del objeto). El problema parece ser definir el eje. El vector inferior de la unidad da como resultado el eje restante en el origen (centro) del objeto, por […]

Firebase TypeError: no se puede leer la propiedad ‘val’ de undefined

He probado la función de Firebase en la nube para enviar una notificación. Mi estructura de proyecto y este es el index.js, const functions = require(‘firebase-functions’); const admin = require(‘firebase-admin’); admin.initializeApp(); exports.pushNotification = functions.database.ref(‘/messages’).onWrite( event => { console.log(‘Push notification event triggered’); const message = event.data.val(); const user = event.data.val(); console.log(message); console.log(user); const topic = “myTopic”; […]

Angular 4: ¿Cuál es la forma correcta de “esperar la operación”?

Me encuentro con un problema simple que tiene una solución hacky de setTimeout(…,0) . Mirando este código simple: @Component({ selector: ‘my-app’, template: ` Span To Detect `, }) export class App { Items:Array = new Array(); fill() { this.Items = [1,2,3,4,5,6,7,8,9,10] this.analyzeDom(); //this has to run here } analyzeDom() { alert($(“div .mySpan”).length) // “0” //BUT […]

¿Por qué Google precede mientras (1); a sus respuestas JSON?

¿Por qué Google precede while(1); a sus respuestas (privadas) JSON? Por ejemplo, aquí hay una respuesta al encender y apagar un calendario en Google Calendar : while(1);[[‘u’,[[‘smsSentFlag’,’false’],[‘hideInvitations’,’false’], [‘remindOnRespondedEventsOnly’,’true’], [‘hideInvitations_remindOnRespondedEventsOnly’,’false_true’], [‘Calendar ID stripped for privacy’,’false’],[‘smsVerifiedFlag’,’true’]]]] Supongo que esto es para evitar que las personas eval() una eval() , pero lo único que tendrías que hacer es […]