Articles of javascript

Uso de browserify para empaquetar componentes React

Estoy tratando de aprender browserify para administrar mi javascript. Mi primera tarea simple es crear un archivo react.js que será generado por gulp + browserify var browserify = require(‘gulp-browserify’); gulp.task(‘browserify-react’, function () { return gulp.src(‘js/react/react.js’) .pipe(browserify()) .pipe(rename(‘react-generated.js’)) .pipe(gulp.dest(‘./dist’)); }); En js / react / creé un archivo react.js que es solo dos comandos requieren: var […]

jQuery encontrar la última entrada y añadir

Estoy tratando de adjuntar una imagen después del último campo de entrada en un div, ¿alguna idea de por qué esto no funcionará? $(”).appendTo($(form).find(‘input:last’));

¿Cómo codificar una URL como cadena javascript en HTML generado por PHP?

Dado este código PHP: <a onclick="javascript:window.location.href=''” ¿Qué pasa si hay un ‘ in $ url? Intenté usar json_encode($url) pero no podré manejar esto.

¿A dónde apunta __proto__ cuando cambiamos el prototipo del objeto principal?

Normalmente, cuando creamos un nuevo objeto usando la palabra clave “nueva”, en realidad la propiedad __proto__ del objeto creado apunta a la propiedad prototipo de la clase principal. Podemos probar esto de la siguiente manera: function myfunc(){}; myfunc.prototype.name=”myfunction”; var child= new myfunc(); child.__proto__=== myfunc.prototype —> true Pero veamos qué sucede cuando cambio el prototipo de […]

¿Por qué este código no da como resultado un error de referencia?

if(true) { tmp = ‘abc’; console.log(tmp);//which should throw referenceError but not let tmp; console.log(tmp); tmp = 123; console.log(tmp); } Este código resulta en abc undefined 123 ¿Por qué el primer console.log (tmp) no lanza un error? ¿Por qué debería lanzar un error de referencia? En ECMAScript 2015, vamos a elevar la variable a la parte […]

Hacer cola haciendo clic en eventos en Bootstrap 3 carrusel

Estoy trabajando en un carrusel Bootstrap 3 personalizado, con transiciones verticales, unidireccionales y deslizantes. Aquí está en su estado actual: var carouselDuration = function() { $.fn.carousel.Constructor.TRANSITION_DURATION = 1000; } carouselDuration(); .carousel.vertical { position: relative; } .carousel.vertical .carousel-inner { height: 100%; width: auto; } .carousel.vertical .carousel-inner>.item { width: auto; transition: 1s ease-in-out; transform: translate3d(0, 100%, 0); […]

JavaScript – encuentra el objeto coincidente en la matriz de objetos

Estoy tratando de buscar un objeto en una matriz de objetos. Nota, los objetos vals y recs serán DINÁMICOS. var vals = {ID: “4”, LOC: “LA”, SEQ: “1”}; var recs = [ {ID:”4″, LOC:”LA”, SEQ:”1″}, {ID:”4″, LOC:”NY”, SEQ:”1″}, {ID:”4″, LOC:”CHI”,SEQ:”1″} ]; Ahora necesito verificar si todos los pares clave: valor en vals ya existen en […]

En Meteor, ¿cómo puedo saber en el lado del cliente cuando se realiza la operación del lado del servidor?

Sé que Meteor realiza el almacenamiento en caché del lado del cliente de la base de datos para un mejor rendimiento efectivo. En la llamada al método Meteor del lado del cliente, ¿hay alguna forma de saber cuándo finaliza realmente la operación de la base de datos del lado del servidor (o si realmente falló)? […]

Cesio: cómo escalar un polígono para que coincida con las posiciones Lat-Lon mientras se está acercando / alejando

Estoy buscando un Gurú de cesio para que me ayude a encontrar lo que necesito. Soy nuevo en Cesium pero he estado trabajando con los tutoriales y algunos códigos existentes que he heredado. En mi aplicación Cesium, ingreso mi dirección y la vista se acerca a mi calle. ¡Hurra! Luego acerco el zoom para poder […]

Variable fuera de scope al aplicar el detector de eventos.

¿Por qué i fuera de scope en la callback function en este código? // All menu items collection var menuItems = document.getElementsByClassName(‘menu-item’); // Loop trough all menu items and attach // event listeners. for (var i = 0; i < menuItems.length; i++) { // Check if element truely exsists if (menuItems[i]) { menuItems[i].addEventListener('click', function(e){ //////////////////////////////// […]