15 ans de développement
Début du contenu principal Accueil JavaScript Fonction Opérateur de négation double L’opérateur de négation de JavaScript (!) est un opérateur unaire, utilisé pour inverser la valeur de vérité de son opérande. Lorsqu’il est utilisé deux fois, connu sous le nom d’opérateur de double négation (!!), il peut être utilisé pour convertir une valeur en un … Lire la suite
Début du contenu principal Accueil JavaScript Chaîne de caractères La chaîne contient une sous-chaîne String.prototype.includes() L’option de recherche de sous-chaîne la plus simple est String.prototype.includes()introduite dans ES6. Il s’agit d’une méthode simple qui renvoie une valeur booléenne selon que la chaîne contient ou non la sous-chaîne. const str = ‘Hello world’; str.includes(‘world’); str.includes(‘foo’); String.prototype.indexOf() Une … Lire la suite
Vérifie si une chaîne de caractères contient une sous-chaîne, sans tenir compte de la casse.
const LazyLoadImage = ({ alt, src, className, loadInitially = false, observerOptions = { root: null, rootMargin: ‘200px 0px’ }, …props }) => { const observerRef = React.useRef(null); const imgRef = React.useRef(null); const [isLoaded, setIsLoaded] = React.useState(loadInitially); const observerCallback = React.useCallback( entries => { if (entries[0].isIntersecting) { observerRef.current.disconnect(); setIsLoaded(true); } }, [observerRef] ); React.useEffect(() => { … Lire la suite
Début du contenu principal Accueil JavaScript Objet Pretty-print JSON Le Pretty-printing désigne le processus consistant à rendre certaines données plus lisibles par l’homme. En ce qui concerne JSON, il s’agit principalement du processus d’indentation des données afin qu’elles soient plus faciles à lire. C’est assez facile à réaliser, en utilisant JSON.stringify() avec les arguments appropriés. … Lire la suite
const startsWithSubstring = (text, word) => { for (let i in word) { const substr = word.slice(-i – 1); if (text.startsWith(substr)) return substr; } return undefined; }; startsWithSubstring(‘/>Lorem ipsum dolor sit amet’, ‘<br />’); // ‘/>’
<input type= »text » placeholder= »Letters only » pattern= »[A-Za-z]* » /> @keyframes shake { 0% { margin-left: 0rem; } 25% { margin-left: 0.5rem; } 75% { margin-left: -0.5rem; } 100% { margin-left: 0rem; } } input:invalid { animation: shake 0.2s ease-in-out 0s 2; box-shadow: 0 0 0.6rem #ff0000; }
const endsWithSubstring = (text, word) => { for (let i in word) { const substr = word.slice(0, i + 1); if (text.endsWith(substr)) return substr; } return undefined; }; endsWithSubstring(‘Lorem ipsum dolor sit amet<br /’, ‘<br />’); // ‘<br /’
Début du contenu principal Accueil JavaScript Objet Détection d’une propriété d’objet non définie Il n’est pas rare de vouloir détecter des propriétés d’objets ayant une valeur de undefined. Bien que cela semble simple à première vue, undefined est une valeur plutôt difficile à vérifier. Le plus souvent, les solutions s’orientent vers une comparaison directe et … Lire la suite
<div class= »container »> <img src= »https://picsum.photos/id/119/800/450″ /> </div> .container { –aspect-ratio: 16/9; position: relative; height: 0; padding-bottom: calc(100% / (var(–aspect-ratio))); } .container > * { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }