Destructuration des objets
let { nom, prenom } = { nom: "Jean", prenom: "Dupont" };
nom // "Jean"
prenom // "Dupont"
La destructuration des objets diffère des tableaux car les propriétés des objets ne sont pas ordonnées. Les variables doivent correspondre exactement aux noms des propriétés pour récupérer leurs valeurs. Si les nom ...
Publié le 31 août à 03h47
Visualisation des Différences de Texte avec Google Diff-Match-Patch
Pour répondre à la nécessité d'afficher les modfiications apportées par les utilisateurs entre différentes versions d'un texte, nous nous sommes tournés vers la bibliothèque open-source google-diff-match-patch. Cette bibliothèque, disponible pour plusieurs langages avec une API cohérente et des tests unitaires complets, s'est avérée parfaitemen ...
Publié le 28 août à 10h03
Développement d'applications mobiles en C# (2. Créer une application WebApp avec WebView)
IntroductionArticle précédent : Développement d'applications mobiles en C# (1. Configuration de l'environnement)
Un week-end s'est écoulé, je prévoyais initialement de publier tous les deux jours, mais j'ai dû faire un voyage d'affaires... Pardon à tous.
Aujourd'hui, nous allons parler de la création d'une application WebApp avec WebView.
Expli ...
Publié le 27 août à 14h40
Détection automatique des mises à jour d'application web et rafraîchissement client
Problématique des mises à jour d'applications web
Lorsqu'un utilisateur reste longtemps sur une application web, il est possible qu'une nouvelle version soit déployée sur le serveur sans qu'il ne s'en aperçoive. Sans un rafraîchissement manuel de la page, l'utilisateur continue d'interagir avec une version obsolète de l'application, ce qui peut ...
Publié le 26 août à 20h26
Outils JavaScript et CSS pour le débogage, la manipulation de page et les astuces avancées
Ces snippets sont conçus pour être exécutés directement depuis la barre d'adresse du navigateur ou la console développeur. Ils permettent des opérations rapides sans modification du code source de la page.
Mode édition instantané
Rend le corps entier de la page modifiable en un clic :
javascript:(function(){document.body.contentEditable='true'; ...
Publié le 25 août à 18h12
Découverte de la bibliothèque de composants Webpilot : Principe de fonctionnement de SuperButton et PromptEditor
La bibliothèque de composants Webpilot est un ensemble de solutions élaborées pour des extensions de navigateur, intégrant les meilleures pratiques du développement front-end moderne avec des améliorations de l’expérience utilisateur. Cet article explore en profondeur le fonctionnement des composants clés SuperButton et PromptEditor, révélant c ...
Publié le 25 août à 12h20
Les systèmes de modules JavaScript : guide complet des spécifications
Définition et principes
La modularisation représente une approche architecturale visant à découper un programme complexe en unités autonomes et réutilisables appelées modules. Chaque module constitue une brique logicielle indépendante qui encapsule sa logique interne et n'expose que les interfaces nécessaires à son utilisation externe.
Cette mé ...
Publié le 24 août à 17h17
Intégration de l'éditeur Rich Text Quill dans une application Vue.js
Les champs de texte standards (textarea) offrent une saisie de texte brut, sans possibilité de mise en forme. Un éditeur de texte enrichi (Rich Text Editor - RTE) étend ces fonctionnalités pour permettre la modification du style du contenu, l'insertion d'images, et d'autres options de formatage, similaires à un traitement de texte.
Installation ...
Publié le 23 août à 17h01
Manipulation avancée de chaînes en JavaScript – Analyse technique dans le cadre d’un parcours de programmation
Fondamentaux de la gestion des chaînes de caractères en JavaScript
Les chaînes de caractères sont omniprésentes dans les applications logicielles modernes. Qu’il s’agisse de valider une entrée utilisateur, d’analyser un fichier texte ou d’interagir avec une API REST, la capacité à manipuler efficacement les chaînes est cruciale. Ce guide explor ...
Publié le 20 août à 03h52
Maîtriser les bornes temporelles dans le sélecteur de dates Element UI
La configuration des plages de sélection dans un calendrier Element UI repose sur la propriété picker-options. Cette option permet de transmettre un objet cotnenant une méthode de filtrage qui évalue chaque date affichée par le composant. L'implémentation techniuqe varie selon qu'un seul champ ou une paire de champs doit être validée.
Gestion d ...
Publié le 19 août à 09h44