<rss xmlns:atom="http://www.w3.org/2005/Atom" version="2.0">
    <channel>
        <title>Javascript - Balise - arleo.eu</title>
        <link>https://www.arleo.eu/tags/javascript/</link>
        <description>Javascript - Balise - arleo.eu</description>
        <generator>Hugo -- gohugo.io</generator><language>fr</language><lastBuildDate>Thu, 14 May 2026 09:44:43 &#43;0200</lastBuildDate><atom:link href="https://www.arleo.eu/tags/javascript/" rel="self" type="application/rss+xml" /><item>
    <title>Postmortem : TypeIt cassé par Mermaid dans le thème LoveIt</title>
    <link>https://www.arleo.eu/posts/postmortem-typeit-mermaid/</link>
    <pubDate>Thu, 14 May 2026 09:44:43 &#43;0200</pubDate>
    <author>Jmr</author>
    <guid>https://www.arleo.eu/posts/postmortem-typeit-mermaid/</guid>
    <description><![CDATA[<div class="featured-image">
                <img src="/images/postmortem-typeit-mermaid-featured.jpg" referrerpolicy="no-referrer">
            </div><h2 id="tldr">TL;DR</h2>
<p>L&rsquo;animation typewriter du thème LoveIt (TypeIt) ne fonctionnait plus sur la home après l&rsquo;ajout de diagrammes Mermaid dans les posts. Cause : un sélecteur DOM <code>#id-1</code> partagé entre les deux librairies. Quand Mermaid trouve un bloc orphelin dans un résumé de home, son initialisation crash, et la chaîne d&rsquo;init JS s&rsquo;arrête avant d&rsquo;atteindre TypeIt. Fix : ajouter `</p>]]></description>
</item>
<item>
    <title>Migration jQuery → Vanilla ES6</title>
    <link>https://www.arleo.eu/posts/jquery-migration/</link>
    <pubDate>Mon, 06 Apr 2026 00:00:00 &#43;0200</pubDate>
    <author>Jmr</author>
    <guid>https://www.arleo.eu/posts/jquery-migration/</guid>
    <description><![CDATA[<div class="featured-image">
                <img src="/images/jquery-migration-featured.jpg" referrerpolicy="no-referrer">
            </div><h2 id="-en-bref">⚡ En bref</h2>
<p>Ce site a été migré de <strong>jQuery</strong> vers du <strong>JavaScript natif (Vanilla ES6)</strong>. Une dépendance externe de 87 Ko supprimée, remplacée par du code moderne qui fait exactement la même chose — sans téléchargement supplémentaire, sans bibliothèque tierce.</p>
<p>Pour les visiteurs, rien ne change. Pour la sécurité et les performances, c&rsquo;est une amélioration mesurable.</p>
<h2 id="-pourquoi">🧠 Pourquoi</h2>
<p>jQuery était indispensable en 2010 quand les navigateurs étaient tous différents. En 2026, les navigateurs modernes supportent nativement tout ce que jQuery faisait :</p>]]></description>
</item>
</channel>
</rss>
