Preguntas etiquetadas con javascript

try { const val = 'correct value'; (() => { ((arg = val) => { const val = 'ignored value'; alert(arg); })(); })(); } catch (err) { alert(err.message || 'Unknown error'); } Ejecutar fragmento de códigoOcultar resultadosExpandir fragmento En OS X Chrome, OS X Safari, Android Chrome, Windows Chrome, Windows …

9 javascript  ios  ecmascript-6  scope 

Tengo un iframe en mi página. Como Safari bloquea las cookies de terceros, intento utilizar la API de acceso al almacenamiento como se sugiere aquí en 'Orientación para desarrolladores': https://webkit.org/blog/10218/full-third-party-cookie-blocking-and-more / . He copiado el siguiente código de la documentación : <script type="text/javascript"> window.addEventListener('load', () => { document.getElementById('test-button').addEventListener('click', () => …

9 javascript  iframe  safari  storage-access-api 

¿Cómo puedo mejorar este código para eliminar la falta de respuesta / retraso de la página después de seleccionar un archivo del cuadro de diálogo de archivo y hacer clic en Aceptar? He estado probando archivos con tamaños de alrededor de 50-100 KB function handleFileSelect(evt) { var files = evt.target.files; …

9 javascript  html 

Tengo un componente React, que incluye el indicador de disponibilidad de la conectividad a Internet. Los elementos de la interfaz de usuario deben cambiarse dinámicamente según el estado en tiempo real. Además, las funciones se comportan de manera diferente con el cambio de bandera. Mi implementación actual sondea API remota …

9 javascript  reactjs  axios 

Tengo un elemento contenedor que contiene algunos otros elementos, pero dependiendo del tamaño de la pantalla, partes de ellos se cortan inexplicablemente en varias partes. Puede observar el comportamiento en el enlace de mi sandbox de código, cuando la página HTML se ajusta en ancho (haciendo clic y arrastrándola). ¿Cómo …

9 javascript  css  reactjs 

Tengo un componente, que "carga perezosamente" algunos comentarios, en el intervalo de 100 ms. Cuando uso setTimeout, es realmente lento. componente <div *ngFor="let post of posts"> <app-post [post]="post" ></app-post> </div> Esto hace que mi aplicación sea lenta (avg fps 14, tiempo de inactividad 51100ms): while(this.postService.hasPosts()){ setTimeout(()=> { this.posts.push(this.postService.next(10)); },100); } …

9 javascript  angular  typescript  rxjs 

He codificado un script (con la ayuda de un usuario aquí) que me permite expandir un div seleccionado y hacer que los otros div se comporten en consecuencia al estirarlo por igual para adaptarse al espacio restante (excepto el primero cuyo ancho es fijo). Y aquí hay una imagen de …

9 javascript  jquery  css  flexbox  css-transitions 

Cerrada . Esta pregunta está basada en la opinión . Actualmente no está aceptando respuestas. ¿Quieres mejorar esta pregunta? Actualice la pregunta para que pueda ser respondida con hechos y citas editando esta publicación . Cerrado hace 3 meses . Esta función toma una cadena de ADN como 'GTCA' y …

9 javascript  arrays  for-loop 

Existe esta función Javascript que estoy tratando de reescribir en Java: function normalizeHash(encondindRound2) { if (encondindRound2 < 0) { encondindRound2 = (encondindRound2 & 0x7fffffff) + 0x80000000; } return encondindRound2 % 1E6; } Mi adaptación de Java: public long normalizeHash(long encondindRound2) { if (encondindRound2 < 0) { encondindRound2 = (((int) encondindRound2) …

9 javascript  java 

Tengo un servicio de API donde tengo diferentes métodos para hacer llamadas a las API. He probado con éxito todas las solicitudes GET pero tengo problemas para probar las solicitudes POST. Este es el método: export default class ApiService { static makeApiCall = <T>( url: string, oneCb: <T>(d: Data) => …

9 javascript  reactjs  testing  ecmascript-6  jestjs 

En mi proyecto nextjs he mapeado la ruta jsconfig.jsonpara facilitar las importaciones absolutas { "compilerOptions": { "baseUrl": "./", "paths": { "@/*": ["./*"] }, "target": "es6", "module": "commonjs", "experimentalDecorators": true } } Mis rutas de importación se ven así import { VIEW } from '@/src/shared/constants'; Mi eslintrc.jstiene configuraciones especificadas como module.exports …

9 javascript  webpack  babel  eslint 

He creado un contenedor en el que he animado el mismo efecto que Apple en su página de Airpods Pro . Básicamente es un video, cuando me desplazo el video se reproduce poco a poco. La posición del video es fija, por lo que el texto se desplaza muy bien …

9 javascript  jquery  html  css 

Recientemente estoy trabajando en algunos trabajos de optimización de sitios web, y empiezo a usar la división de código en el paquete web usando una declaración de importación como esta: import(/* webpackChunkName: 'pageB-chunk' */ './pageB') Que crean correctamente los páginaB-chunk.js , ahora digamos que quiero precargar este trozo en páginaA, …

9 javascript  webpack  lazy-loading  prefetch 

Estoy probando algunas pruebas unitarias, creé un sandbox con un ejemplo falso https://codesandbox.io/s/wizardly-hooks-32w6l (en realidad tengo un formulario) class App extends React.Component { constructor(props) { super(props); this.state = { number: 0 }; } handleSubmit = (number1, number2) => { this.setState({ number: this.handleMultiply(number1, number2) }) } handleMultiply = (number1, number2) => …

9 javascript  reactjs  jestjs 

Necesito construir un carrusel con 12 elementos que simulan una rueda 3d que gira infinitamente. Para ser claro, necesito crear precisamente este efecto: https://codepen.io/SitePoint/pen/yXWXaw (encontrado aquí ) pero con estas características adicionales (especialmente en computadoras de escritorio y dispositivos móviles): las diapositivas deben seguir paso a paso el deslizamiento, es …

9 javascript  css  carousel  swiper