Los componentes en Vue.js necesitan compartir datos entre sí a veces para dar el resultado deseado. Los componentes de una página web están en un orden jerárquico como un árbol. La forma más básica de interactuar y pasar datos entre componentes es usando $emit y props. $emit y accesorios: en Vue.js, usamos $ emit para … Continue reading «Comunicación entre componentes usando $emit y props en Vue.js»
En este artículo, vamos a aprender cómo colocar el cursor al final del texto en un elemento de entrada de texto usando JavaScript. En primer lugar, vamos a crear un cuadro de entrada de texto donde se dará algún valor y un botón para colocar el cursor al final. Podemos colocar el cursor al final … Continue reading «¿Cómo colocar la posición del cursor al final del texto en el campo de entrada de texto usando JavaScript?»
En este artículo, veremos cómo extraer la fecha de una string dada de formato «dd-mmm-yyyy» en JavaScript. Tenemos una string y queremos extraer el formato de fecha «dd-mmm-yyyy» de la string. Ejemplo: // String str = «India got freedom on 15-Aug-1947» // Extracted date from given string in // «dd-mmm-yyyy» format date = 15-Aug-1947 Acercarse: … Continue reading «¿Cómo extraer la fecha de una string en formato dd-mmm-yyyy en JavaScript?»
La diferencia entre las propiedades screenX/Y, clientX/Y y pageX/Y de JavaScript suele confundirse. Cada una de las propiedades devuelve un valor que indica el número de píxeles físicos de diferentes puntos de referencia. Las diferencias y el caso de uso de estas propiedades se describen a continuación: 1. La propiedad screenX y screenY: screenX y … Continue reading «¿Cuál es la diferencia entre screenX/Y, clientX/Y y pageX/Y?»
La tarea es ocultar la etiqueta <span> cuando el atributo href de la etiqueta <a> no está presente o no es válido. Consideremos que tenemos la etiqueta <a> dentro de la etiqueta <span> . Se verá similar a esto: <span><a href=»www.google.com»></a></span> Ahora añadimos el id a los elementos para identificarlos. <span id=»outer»><a id=»inner» href=»www.google.com»></a></span> Ahora, … Continue reading «¿Cómo ocultar el elemento span si el atributo ancla href está vacío usando JavaScript?»
El efecto de texto autoescrito es un tipo de efecto en el que todos los alfabetos del texto se revelan uno por uno, uno tras otro para dar la apariencia de estar escritos en la pantalla por sí mismos. Aunque este es un efecto de texto básico, sigue siendo una captura de ojos y una … Continue reading «Efecto de texto autoescrito usando CSS y JavaScript»
Para detectar la velocidad de la red usando javascript, usaremos el siguiente enfoque. Enfoque: Abra la página web para la que desea conocer la velocidad de conexión. La página debe ser aquella para la que desea agregar el código javascript para detectar la velocidad. Asigne o configure la dirección de la imagen que desea usar … Continue reading «¿Cómo detectar la velocidad de la red usando JavaScript?»
Canvas.toDataURL(): El método canvas.toDataURL() devuelve el URI (Uniform Resource Identifier) del recurso web. Consiste en una imagen representada en el formato especificado por el parámetro de tipo cuyo valor predeterminado es PNG. Sintaxis: Canvas.toDataURL(type, encoderOptions); type: Es un atributo opcional que contiene DOMString comentando sobre el formato de la imagen. Su valor predeterminado es PNG. … Continue reading «¿Por qué canvas.toDataURL() lanza una excepción de seguridad?»
JavaScript proporciona muchos métodos de string que verifican si una string es una substring de otra string. Entonces, jQuery no sería necesario en absoluto para realizar esta tarea. Sin embargo, cubriremos todas las diferentes formas de verificar si una string comienza o termina con una string: método comienza con() y termina con() método de búsqueda() … Continue reading «¿Cómo comprobar que una string comienza/termina con una string específica en jQuery?»
Crearemos una aplicación de tareas básicas para comprender los conceptos básicos de JavaScript. En esta aplicación web, se puede crear una lista de tareas y eliminar elementos específicos de la lista. Características o Funcionalidades a implementar: Diseño interactivo y responsivo Sistema de cuadrícula sensible Almacenar y eliminar elementos Requisitos previos: conocimiento básico de HTML , … Continue reading «¿Cómo crear una aplicación ToDo usando HTML, CSS, JS y Bootstrap?»