blob: 423f3e16fafa98ec0caa051028f2723b87393dd3 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
|
---
title: Houdini
slug: Glossary/Houdini
tags:
- CSS
- CSS API
- Glossaire
- Houdini
- Reference
translation_of: Glossary/Houdini
original_slug: Glossaire/Houdini
---
<p><span class="seoSummary">Houdini est un ensemble d'API de bas niveau qui donnent aux développeurs la possibilité d'étendre le CSS, offrant la possibilité de se connecter au processus de style et de mise en page du moteur de rendu d'un navigateur. Houdini donne aux développeurs l'accès au <a href="https://developer.mozilla.org/en-US/docs/Web/API/CSS_Object_Model">modèle d'obet CSS</a> (<a href="/en-US/docs/Glossary/CSSOM">CSSOM</a>), permettant aux développeurs d'écrire du code que le navigateur peut analyser en CSS. </span>L'avantage de Houdini est que les développeurs peuvent créer des fonctionnalités CSS sans attendre les spécifications des normes Web pour les définir et sans attendre que chaque navigateur implémente complètement les fonctionnalités.</p>
<p>Bien que de nombreuses fonctionnalités activées par Houdini puissent être créées avec JavaScript, l'interaction directe avec le CSSOM avant l'activation de JavaScript permet des temps d'analyse plus rapides. Les navigateurs créent le CSSOM - y compris les processus de mise en page, de peinture et de composition - avant d'appliquer les mises à jour de style trouvées dans les scripts: les processus de mise en page, de peinture et de composition sont répétés pour que les styles JavaScript mis à jour soient implémentés. Le code Houdini n'attend pas la fin de ce premier cycle de rendu. Il est plutôt inclus dans ce premier cycle, créant des styles rendables et compréhensibles.</p>
<h2 id="Voir_aussi">Voir aussi</h2>
<ul>
<li><a href="/en-US/docs/Web/Houdini">Houdini</a></li>
<li><a href="/en-US/docs/Web/Houdini/learn">Houdini: une introduction</a></li>
<li><a href="/en-US/docs/Web/API/CSS_Object_Model">CSSOM</a></li>
<li><a href="/en-US/docs/Web/API/CSS_Painting_API">CSS Paint API</a></li>
<li><a href="/en-US/docs/Web/CSS_Typed_OM">CSS Typed OM</a></li>
</ul>
|
