(Collection) Introduction aux questions d'entretien courantes dans React

Le contenu de cet article est une introduction aux (collections de) questions d'entretien courantes dans React. Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer. J'espère qu'il vous sera utile.

Ce qui suit est une liste de questions d'entretien couramment utilisées sur React :

Que vous soyez un intervieweur ou un recruteur, vous pouvez vous référer aux questions suivantes

Assurez-vous de mettre en signet

Comment fonctionne React

React créera un DOM virtuel (virtual DOM). Lorsque l'état d'un composant change, React marquera d'abord les changements dans le DOM virtuel via l'algorithme de « différence ». La deuxième étape est la réconciliation, et le DOM sera mis à jour avec les résultats de la différence.

Quels sont les avantages de l'utilisation de React

Vous pouvez facilement savoir comment un composant est rendu en regardant simplement la fonction de rendu

L'introduction de JSX crée des composants Le code est plus lisible et il est plus facile de comprendre la disposition des composants ou la façon dont les composants se réfèrent les uns aux autres

Prend en charge le rendu côté serveur, ce qui peut améliorer le référencement et les performances

Facile à tester

React se concentre uniquement sur la couche View, il peut donc être utilisé avec n'importe quel autre framework (tel que Backbone.js, Angular.js)

Composant présentation et composant conteneur Quel est le différence entre

Les composants de présentation se soucient de l'apparence du composant. Display accepte spécifiquement les données et les rappels via des accessoires et n'a presque jamais son propre état, mais lorsque le composant d'affichage a son propre état, il ne se soucie généralement que de l'état de l'interface utilisateur plutôt que de l'état des données.

Les composants du conteneur concernent davantage leur fonctionnement. Les composants conteneur fournissent des données et un comportement au composant de présentation ou à d'autres composants de conteneur. Ils appellent Flux actions et le fournissent comme rappel au composant de présentation. Les composants du conteneur sont souvent avec état car ils sont des sources de données (pour d'autres composants).

Quelle est la différence entre un composant de classe et un composant fonctionnel ?

Les composants de classe vous permettent non seulement d'utiliser davantage de fonctions supplémentaires, telles que le composant lui-même, des hooks d'état et de cycle de vie. permettre également aux composants d'accéder directement au magasin et de maintenir l'état

Lorsqu'un composant reçoit uniquement des accessoires et restitue le composant lui-même sur la page, le composant est un « composant sans état », un tel composant peut être créé à l'aide d'un fonction pure. De tels composants sont également appelés composants stupides ou composants d'affichage

Quelle est la différence entre l'état (du composant) et les propriétés (accessoires)

État Est-ce une structure de données utilisée pour la valeur par défaut de les données nécessaires au montage du composant. L'état peut muter au fil du temps, mais le plus souvent en raison du comportement des événements de l'utilisateur.

Props (abréviation de propriétés) est la configuration du composant. Les accessoires sont transmis des composants parents aux composants enfants, et en ce qui concerne les composants enfants, les accessoires sont immuables. Un composant ne peut pas modifier ses propres accessoires, mais il peut assembler les accessoires de ses sous-composants (gestion unifiée). Les accessoires ne sont pas non plus de simples données : les fonctions de rappel peuvent également être transmises via des accessoires.

Soulignez la différence dans les méthodes de cycle de vie (des composants)

componentWillMount -- principalement utilisé pour la configuration de l'application dans le composant racine

componentDidMount -- tout peut être fait ici Toutes les configurations qui ne peuvent pas être effectuées sans DOM et commencez à obtenir toutes les données dont vous avez besoin ; si vous avez besoin de configurer l'écoute d'événements, vous pouvez également la compléter ici

componentWillReceiveProps -- Cette fonction périodique agit sur l'état causée par des changements d'accessoires spécifiques. Transition

shouldComponentUpdate -- Si vous vous inquiétez du rendu excessif de votre composant, ShouldComponentUpdate est un endroit pour améliorer les performances car il empêche le composant de restituer s'il reçoit de nouveaux accessoires. ShouldComponentUpdate doit renvoyer une valeur booléenne pour déterminer si le composant doit être restitué

componentWillUpdate -- rarement utilisé. Il peut être utilisé pour remplacer les composants componentWillReceiveProps et ShouldComponentUpdate (mais ne peut pas accéder aux accessoires précédents)

componentDidUpdate -- souvent utilisé pour mettre à jour le DOM en réponse à des changements d'accessoires ou d'état

componentWillUnmount -- ici vous Vous pouvez annuler la demande de réseau, ou supprimer tous les écouteurs d'événements liés au composant

Où dans le composant React la requête Ajax doit-elle être effectuée

Dans le composant React, la requête réseau doit être effectuée dans componentDidMount ? Cette méthode sera exécutée lors du premier "montage" du composant (ajouté au DOM) et ne sera exécutée qu'une seule fois dans le cycle de vie du composant. Plus important encore, vous ne pouvez pas garantir qu'avant que le composant ne soit monté La requête Ajax est terminée. Si tel est le cas, cela signifie que vous essayez d'appeler setState sur un composant non monté, ce qui ne fonctionnera pas. Faire une requête réseau dans composantDidMount garantira qu'il existe un composant prêt à être mis à jour.

Qu'est-ce qu'un composant contrôlé ?

En HTML, les éléments de formulaire tels que , et <select> Lorsque l'utilisateur soumet le formulaire, les valeurs des éléments mentionnés précédemment seront envoyées avec le formulaire. Mais c'est un peu différent dans React. Le composant contenant l'élément de formulaire suivra la valeur d'entrée dans l'état, et chaque fois que la fonction de rappel est appelée, comme onChange, l'état sera mis à jour et le composant sera restitué. Un élément du formulaire de saisie dont la valeur est ainsi contrôlée par React est appelé un « élément contrôlé ». </p> <h4>Quel est le rôle des références dans React ? </h4> <p>Les références peuvent être utilisées pour obtenir une référence à un nœud DOM ou à un composant React. De bons exemples d'utilisation des références sont la gestion de la sélection de focus/texte, le déclenchement d'animations de commandes ou l'intégration avec des bibliothèques DOM tierces. Vous devez éviter d'utiliser les références de chaîne et les rappels de référence en ligne. Les rappels Refs sont recommandés par React. </p> <h4>Qu'est-ce qu'un composant d'ordre supérieur ? </h4> <p>Un composant d'ordre supérieur est une fonction qui prend un composant comme paramètre et renvoie un nouveau composant. HOC vous permet de réutiliser le code, la logique et les abstractions d'amorçage. La fonction la plus courante est probablement la fonction de connexion de Redux. En plus de simplement partager des bibliothèques d'outils et une composition simple, le meilleur moyen pour HOC est de partager les comportements entre les composants React. Si vous constatez que vous avez écrit beaucoup de code à différents endroits pour faire la même chose, vous devriez envisager de refactoriser le code dans un HOC réutilisable. </p> <p>Exercice</p> <p>Écrire un HOC qui inverse son entrée</p> <p>Écrire un HOC qui fournit des données de l'API au composant entrant</p> <p>Écrire une implémentation de ShouldComponentUpdate HOC pour éviter la réconciliation</p> <p>Écrivez un HOC qui trie les composants enfants du composant entrant via React.Children.toArray</p> <h4>Quels sont les avantages de l'utilisation des fonctions fléchées</h4> <div> <p>Sécurité de la portée : Avant la fonction flèche, chaque fonction nouvellement créée a sa propre valeur this (dans le constructeur, c'est un nouvel objet ; en mode strict, ceci dans l'appel de fonction n'est pas défini ; si la fonction est appelée une "méthode objet" ", puis l'objet sous-jacent, etc.), mais pas les fonctions fléchées, elles utilisent la valeur this du contexte d'exécution englobant. </p> <p>Simple : les fonctions fléchées sont faciles à lire et à écrire. </p> <p>Clair : Lorsque tout est une fonction fléchée, n'importe quelle fonction régulière peut être utilisée immédiatement pour définir la portée. Les développeurs peuvent toujours rechercher les instructions de fonction immédiatement supérieures pour en voir la valeur</p> </div> <h4>Pourquoi est-il recommandé que le paramètre passé à setState soit un rappel au lieu d'un objet </h4> <p>Parce que les mises à jour de this.props et this.state peuvent être asynchrones et que leurs valeurs ne sont pas fiables ? pour calculer l'état suivant. </p> <h4>En plus de la liaison <code>this</code> dans le constructeur, existe-t-il un autre moyen ? </h4> <p> Vous pouvez utiliser des initialiseurs de propriété pour lier correctement les rappels, create-react -app est également pris en charge par défaut. Dans les rappels, vous pouvez utiliser des fonctions fléchées, mais le problème est qu'un nouveau rappel est créé à chaque rendu du composant. </p> <h4>Comment empêcher le rendu d'un composant</h4> <p>Le retour de null dans la méthode de rendu du composant n'affectera pas la méthode de cycle de vie qui déclenche le composant</p> <h4>Lors du rendu d'une liste , quelle est la clé ? Quel est le but de la définition de la clé</h4> <p>Les clés aideront React à identifier les éléments qui ont été modifiés, ajoutés ou supprimés. Clés Les éléments du tableau doivent être attribués pour donner à l'élément (DOM) une identité stable, choisissez une clé La meilleure approche consiste à utiliser une chaîne qui identifie de manière unique un élément de liste. Plusieurs fois, vous utiliserez les identifiants dans les données comme clés, lorsque vous n'avez pas d'identifiants stables. Lorsqu'il est utilisé avec des éléments rendus, vous pouvez utiliser l'index d'élément comme clé pour restituer l'élément, mais cela n'est pas recommandé car si les éléments peuvent être réorganisés, le nouveau rendu sera plus lent. </p> <h4>Quel est le but d'appeler super(props) (dans le constructeur)</h4> <p>Avant que super() ne soit appelée, la sous-classe ne peut pas l'utiliser. Dans ES2015, la sous-classe doit appeler super(). dans le constructeur. La raison du passage des accessoires à super() est de faciliter l'accès à this.props dans le constructeur (dans les sous-classes). </p> <h4>Qu'est-ce que JSX</h4> <p>JSX est une extension de la syntaxe JavaScript et possède toutes les fonctions de JavaScript. Réaction de production JSX "Element", vous pouvez envelopper n'importe quelle expression JavaScript entre accolades et l'intégrer dans JSX. Une fois la compilation terminée, l'expression JSX devient une expression régulière Objet JavaScript, ce qui signifie que vous pouvez utiliser JSX dans des instructions if et des boucles for, l'attribuer à une variable, l'accepter comme argument et le renvoyer à partir des fonctions. </p> <h4>Comment utiliser React.createElement pour réécrire le code suivant</h4> <p>Question : </p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">const element = (   <h1 className="greeting">     Hello, rdhub.cn!   </h1> );</pre><div class="contentsignin">Copier après la connexion</div></div> <p>Réponse : </p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">const element = React.createElement(   'h1',   {className: 'greeting'},   'Hello, rdhub.cn!' );</pre><div class="contentsignin">Copier après la connexion</div></div> <h4>Qu'est-ce que <code>Children</code> </h4> <p>Dans les expressions JSX, le contenu entre une balise d'ouverture (telle que <a>) et une balise de fermeture (telle que </a>) sera automatiquement transmis à props.children en tant qu'attribut spécial Contient ses composants. </p> <p>Cette propriété dispose de nombreuses méthodes disponibles, notamment React.Children.map, React.Children.forEach, React.Children.count, React.Children.only, React.Children.toArray. </p> <h4>Dans React, qu'est-ce que l'état</h4> <p>L'état est similaire aux accessoires, mais il est privé et entièrement contrôlé par le composant lui-même. L'état est essentiellement un objet qui contient des données et détermine la manière dont le composant est rendu. </p> <h4>Quelles raisons vous pousseraient à rompre avec la dépendance de create-react-app </h4> <p>Lorsque vous souhaitez configurer des préréglages Webpack ou Babel ? </p> <h4>Qu'est-ce que redux</h4> <p>L'idée de base de Redux est que l'ensemble de l'état de l'application est conservé dans un seul magasin. le magasin est un simple javascript objet, et la seule façon de changer l'état de l'application est de déclencher des actions dans l'application, puis d'écrire des réducteurs pour que ces actions modifient État. L'ensemble de la transformation d'état se fait dans des réducteurs et ne devrait avoir aucun effet secondaire. </p> <h4>Dans Redux, qu'est-ce qu'un store</h4> <p>Store est un objet javascript qui enregistre l'état de l'ensemble de l'application. Dans le même temps, Store assume également les responsabilités suivantes : </p> <p>Autorise l'accès à l'état via getState()</p> <p>Exécuter les modifications d'état via dispatch(action)</p> <p>Enregistrer les auditeurs via Subscribe(listener) </p> <p>Gérer la déconnexion des auditeurs via la fonction renvoyée par Subscribe(listener)</p> <h4>Qu'est-ce que l'action</h4> <p>Les actions sont un pur objet javascript, elles doivent avoir un Attribut type indiquant qu'ils sont en cours d'exécution. Le type d'action. Essentiellement, une action est la charge utile qui envoie les données de l'application au magasin. </p> <h4>Qu'est-ce qu'un réducteur</h4> <p>Un réducteur est une fonction pure qui prend l'état précédent et une action comme paramètres et renvoie l'état suivant. </p> <h4>Que fait Redux Thunk ? </h4> <p>Redux thunk est un middleware qui vous permet d'écrire des créateurs d'actions qui renvoient une fonction au lieu d'une action. Si une certaine condition est remplie, thunk peut être utilisé pour retarder l'envoi d'une action (envoi), ce qui peut gérer l'envoi d'une action asynchrone (envoi). </p> <h4>Qu'est-ce qu'une fonction pure ?</h4> <p>Une fonction pure est une fonction qui ne dépend pas et ne change pas l'état des variables en dehors de sa portée. Cela signifie également qu'une fonction pure est la même. les paramètres renvoient toujours les mêmes résultats. </p> <p class="comments-box-content"></p><p>Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!</p> </div> </div> <div style="height: 25px;"> <div class="wzconBq" style="display: inline-flex;"> <span>Étiquettes associées：</span> <div class="wzcbqd"> <a onclick="hits_log(2,'www',this);" href-data="https://www.php.cn/fr/search?word=reactjs" target="_blank">react.js</a> </div> </div> <div style="display: inline-flex;float: right; color:#333333;">source：segmentfault.com</div> </div> <div class="wzconOtherwz"> <a href="https://www.php.cn/fr/faq/412080.html" title="Quelles sont les utilisations des instructions if, des instructions multi-branches et des instructions imbriquées dans js"> <span>Article précédent：Quelles sont les utilisations des instructions if, des instructions multi-branches et des instructions imbriquées dans js</span> </a> <a href="https://www.php.cn/fr/faq/412094.html" title="Comment gérer le curseur de l'entrée React dans le formatage numérique (détails)"> <span>Article suivant：Comment gérer le curseur de l'entrée React dans le formatage numérique (détails)</span> </a> </div> <div class="wzconShengming"> <div class="bzsmdiv">Déclaration de ce site Web</div> <div>Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn</div> </div> <ins class="adsbygoogle" style="display:block" data-ad-format="autorelaxed" data-ad-client="ca-pub-5902227090019525" data-ad-slot="2507867629"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <div class="wzconZzwz"> <div class="wzconZzwztitle">Derniers articles par auteur</div> <ul> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/fr/faq/417299.html">Qu'est-ce que la programmation ?</a> </div> <div>2019-04-16 16:04:28</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/fr/faq/417293.html">La touche de raccourci pour la recherche est la touche ctrl plus quelle touche</a> </div> <div>2020-09-15 11:26:00</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/fr/faq/417285.html">Qu'est-ce qui est ajouté à la touche de raccourci Couper Ctrl ?</a> </div> <div>2020-09-10 14:26:14</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/fr/faq/417276.html">Quel est son métier ?</a> </div> <div>2020-09-08 11:06:15</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/fr/faq/417267.html">Qu'est-ce que ctrl plus enregistre ?</a> </div> <div>2020-09-09 09:46:36</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/fr/faq/417261.html">Quelle est la touche de raccourci pour ctrl+t ?</a> </div> <div>2020-10-12 14:51:04</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/fr/faq/417252.html">Comment utiliser la règle PS ?</a> </div> <div>2020-09-10 14:40:02</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/fr/faq/417251.html">Qui est apte à apprendre la programmation ?</a> </div> <div>2019-04-24 16:20:55</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/fr/faq/417243.html">Quelle est la touche de raccourci pour la sélection inversée dans PS ?</a> </div> <div>2020-10-13 11:40:03</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/fr/faq/417237.html">Comment ajouter un saut de ligne entre deux éléments en ligne</a> </div> <div>2019-04-15 14:06:21</div> </li> </ul> </div> <div class="wzconZzwz"> <div class="wzconZzwztitle">Derniers numéros</div> <div class="wdsyContent"> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="https://www.php.cn/fr/wenda/176230.html" target="_blank" title="Guide React.js pour appliquer correctement le pseudo-élément `:after` aux composants stylisés" class="wdcdcTitle">Guide React.js pour appliquer correctement le pseudo-élément `:after` aux composants stylisés</a> <a href="https://www.php.cn/fr/wenda/176230.html" class="wdcdcCons">J'ai trouvé cette belle animation soulignée <ul><li><ahref="#">...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> Depuis 2024-04-04 22:28:08</span> </div> <div class="wdcdciright flexRow"> <div class="wdcdcirdz flexRow ira"> <b class="wdcdcirdzi"></b>0 </div> <div class="wdcdcirpl flexRow ira"><b class="wdcdcirpli"></b>1</div> <div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>1322</div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="https://www.php.cn/fr/wenda/176134.html" target="_blank" title="Le chemin de routage ne restitue pas les composants React.js" class="wdcdcTitle">Le chemin de routage ne restitue pas les composants React.js</a> <a href="https://www.php.cn/fr/wenda/176134.html" class="wdcdcCons">J'essaie de créer des itinéraires de chemin animés à l'aide de framer-motion, mais le comp...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> Depuis 2024-04-04 10:37:17</span> </div> <div class="wdcdciright flexRow"> <div class="wdcdcirdz flexRow ira"> <b class="wdcdcirdzi"></b>0 </div> <div class="wdcdcirpl flexRow ira"><b class="wdcdcirpli"></b>1</div> <div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>429</div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="https://www.php.cn/fr/wenda/176063.html" target="_blank" title="POST de React.js atteint le serveur node/js en tant que GET" class="wdcdcTitle">POST de React.js atteint le serveur node/js en tant que GET</a> <a href="https://www.php.cn/fr/wenda/176063.html" class="wdcdcCons">Il semble que ma requête POST soit convertie en GET quelque part dans mon code client REAC...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> Depuis 2024-04-03 17:22:04</span> </div> <div class="wdcdciright flexRow"> <div class="wdcdcirdz flexRow ira"> <b class="wdcdcirdzi"></b>0 </div> <div class="wdcdcirpl flexRow ira"><b class="wdcdcirpli"></b>1</div> <div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>331</div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="https://www.php.cn/fr/wenda/175917.html" target="_blank" title="Problème de page plus grande que nécessaire ;" class="wdcdcTitle">Problème de page plus grande que nécessaire ;</a> <a href="https://www.php.cn/fr/wenda/175917.html" class="wdcdcCons">La page actuelle ressemble à ceci : Comme vous pouvez le voir, il y a beaucoup d'espace bl...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> Depuis 2024-04-02 14:48:30</span> </div> <div class="wdcdciright flexRow"> <div class="wdcdcirdz flexRow ira"> <b class="wdcdcirdzi"></b>0 </div> <div class="wdcdcirpl flexRow ira"><b class="wdcdcirpli"></b>1</div> <div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>283</div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="https://www.php.cn/fr/wenda/175674.html" target="_blank" title="Largeur de la fenêtre CSS React.js" class="wdcdcTitle">Largeur de la fenêtre CSS React.js</a> <a href="https://www.php.cn/fr/wenda/175674.html" class="wdcdcCons">Je développe un site Web réactif en utilisant React. Pour le style, j'utilise des feuilles...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> Depuis 2024-03-31 16:31:23</span> </div> <div class="wdcdciright flexRow"> <div class="wdcdcirdz flexRow ira"> <b class="wdcdcirdzi"></b>0 </div> <div class="wdcdcirpl flexRow ira"><b class="wdcdcirpli"></b>1</div> <div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>386</div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> </div> </div> <div class="wzconZt" > <div class="wzczt-title"> <div>Rubriques connexes</div> <a href="https://www.php.cn/fr/faq/zt" target="_blank">Plus> </a> </div> <div class="wzcttlist"> <ul> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/fr/faq/proxyswitchy"><img src="https://img.php.cn/upload/subject/202407/22/2024072214124774544.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="commutateur proxy" /> </a> <a target="_blank" href="https://www.php.cn/fr/faq/proxyswitchy" class="title-a-spanl" title="commutateur proxy"><span>commutateur proxy</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/fr/faq/hbdxkjjssm"><img src="https://img.php.cn/upload/subject/202407/22/2024072214233925807.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Quelle est la touche de raccourci pour la taille du pinceau ?" /> </a> <a target="_blank" href="https://www.php.cn/fr/faq/hbdxkjjssm" class="title-a-spanl" title="Quelle est la touche de raccourci pour la taille du pinceau ?"><span>Quelle est la touche de raccourci pour la taille du pinceau ?</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/fr/faq/scripterrorzm"><img src="https://img.php.cn/upload/subject/202407/22/2024072213575066349.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Comment résoudre une erreur de script" /> </a> <a target="_blank" href="https://www.php.cn/fr/faq/scripterrorzm" class="title-a-spanl" title="Comment résoudre une erreur de script"><span>Comment résoudre une erreur de script</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/fr/faq/mysqlcjcc"><img src="https://img.php.cn/upload/subject/202407/22/2024072214412278833.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="MySQL crée une procédure stockée" /> </a> <a target="_blank" href="https://www.php.cn/fr/faq/mysqlcjcc" class="title-a-spanl" title="MySQL crée une procédure stockée"><span>MySQL crée une procédure stockée</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/fr/faq/qklzmzq"><img src="https://img.php.cn/upload/subject/202407/22/2024072213232387251.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Comment gagner de l'argent avec la blockchain" /> </a> <a target="_blank" href="https://www.php.cn/fr/faq/qklzmzq" class="title-a-spanl" title="Comment gagner de l'argent avec la blockchain"><span>Comment gagner de l'argent avec la blockchain</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/fr/faq/win7xtswin10x"><img src="https://img.php.cn/upload/subject/202407/22/2024072212175296934.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Processus détaillé de mise à niveau du système Win7 vers le système Win10" /> </a> <a target="_blank" href="https://www.php.cn/fr/faq/win7xtswin10x" class="title-a-spanl" title="Processus détaillé de mise à niveau du système Win7 vers le système Win10"><span>Processus détaillé de mise à niveau du système Win7 vers le système Win10</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/fr/faq/windowsxmhsmd"><img src="https://img.php.cn/upload/subject/202407/22/2024072212252776717.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="La différence entre l'hibernation et le sommeil de Windows" /> </a> <a target="_blank" href="https://www.php.cn/fr/faq/windowsxmhsmd" class="title-a-spanl" title="La différence entre l'hibernation et le sommeil de Windows"><span>La différence entre l'hibernation et le sommeil de Windows</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/fr/faq/pfkyscm"><img src="https://img.php.cn/upload/subject/202407/22/2024072214284287268.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Les fichiers de programme peuvent-ils être supprimés ?" /> </a> <a target="_blank" href="https://www.php.cn/fr/faq/pfkyscm" class="title-a-spanl" title="Les fichiers de programme peuvent-ils être supprimés ?"><span>Les fichiers de programme peuvent-ils être supprimés ?</span> </a> </li> </ul> </div> </div> </div> </div> <div class="phpwzright"> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-5902227090019525" data-ad-slot="3653428331" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <div class="wzrOne"> <div class="wzroTitle">Recommandations populaires</div> <div class="wzroList"> <ul> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="que signifie js" href="https://www.php.cn/fr/faq/482163.html">que signifie js</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="Comment convertir une chaîne en tableau en js ?" href="https://www.php.cn/fr/faq/461802.html">Comment convertir une chaîne en tableau en js ?</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="Comment actualiser la page en utilisant javascript" href="https://www.php.cn/fr/faq/473330.html">Comment actualiser la page en utilisant javascript</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="Comment utiliser la fonction sqrt" href="https://www.php.cn/fr/faq/415276.html">Comment utiliser la fonction sqrt</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="Comment supprimer un élément dans le tableau js" href="https://www.php.cn/fr/faq/475790.html">Comment supprimer un élément dans le tableau js</a> </div> </li> </ul> </div> </div> <script src="https://sw.php.cn/hezuo/cac1399ab368127f9b113b14eb3316d0.js" type="text/javascript"></script> <div class="wzrThree"> <div class="wzrthree-title"> <div>Tutoriels populaires</div> <a target="_blank" href="https://www.php.cn/fr/course.html">Plus> </a> </div> <div class="wzrthreelist swiper2"> <div class="wzrthreeTab swiper-wrapper"> <div class="check tabdiv swiper-slide" data-id="one">Tutoriels associés <div></div></div> <div class="tabdiv swiper-slide" data-id="two">Recommandations populaires<div></div></div> <div class="tabdiv swiper-slide" data-id="three">Derniers cours<div></div></div> </div> <ul class="one"> <li> <a target="_blank" href="https://www.php.cn/fr/course/785.html" title="Tutoriel vidéo détaillé sur le routage React" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/625e6cf44cef0586.jpg" alt="Tutoriel vidéo détaillé sur le routage React"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Tutoriel vidéo détaillé sur le routage React" href="https://www.php.cn/fr/course/785.html">Tutoriel vidéo détaillé sur le routage React</a> <div class="wzrthreerb"> <div>21551 <b class="kclbcollectb"></b></div> <div class="courseICollection" data-id="785"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/fr/course/697.html" title="Tutoriel vidéo de base en chinois React.JS" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/625d2e0e1d58e940.jpg" alt="Tutoriel vidéo de base en chinois React.JS"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Tutoriel vidéo de base en chinois React.JS" href="https://www.php.cn/fr/course/697.html">Tutoriel vidéo de base en chinois React.JS</a> <div class="wzrthreerb"> <div>28208 <b class="kclbcollectb"></b></div> <div class="courseICollection" data-id="697"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/fr/course/734.html" title="Tutoriel vidéo de base de ReactJS" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/625e5ee743cc9976.jpg" alt="Tutoriel vidéo de base de ReactJS"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Tutoriel vidéo de base de ReactJS" href="https://www.php.cn/fr/course/734.html">Tutoriel vidéo de base de ReactJS</a> <div class="wzrthreerb"> <div>25783 <b class="kclbcollectb"></b></div> <div class="courseICollection" data-id="734"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/fr/course/236.html" title="Tutoriel vidéo Geek Academy ReactJS" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/6257ebd68aa0c206.png" alt="Tutoriel vidéo Geek Academy ReactJS"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Tutoriel vidéo Geek Academy ReactJS" href="https://www.php.cn/fr/course/236.html">Tutoriel vidéo Geek Academy ReactJS</a> <div class="wzrthreerb"> <div>55729 <b class="kclbcollectb"></b></div> <div class="courseICollection" data-id="236"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> </ul> <ul class="two" style="display: none;"> <li> <a target="_blank" href="https://www.php.cn/fr/course/812.html" title="Le dernier didacticiel vidéo ThinkPHP 5.1 en première mondiale (60 jours pour devenir un expert PHP en ligne)" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/041/620debc3eab3f377.jpg" alt="Le dernier didacticiel vidéo ThinkPHP 5.1 en première mondiale (60 jours pour devenir un expert PHP en ligne)"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Le dernier didacticiel vidéo ThinkPHP 5.1 en première mondiale (60 jours pour devenir un expert PHP en ligne)" href="https://www.php.cn/fr/course/812.html">Le dernier didacticiel vidéo ThinkPHP 5.1 en première mondiale (60 jours pour devenir un expert PHP en ligne)</a> <div class="wzrthreerb"> <div >1421243 temps d'étude</div> <div class="courseICollection" data-id="812"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/fr/course/286.html" title="Tutoriel vidéo JAVA pour débutants" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/62590a2bacfd9379.png" alt="Tutoriel vidéo JAVA pour débutants"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Tutoriel vidéo JAVA pour débutants" href="https://www.php.cn/fr/course/286.html">Tutoriel vidéo JAVA pour débutants</a> <div class="wzrthreerb"> <div >2516148 temps d'étude</div> <div class="courseICollection" data-id="286"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/fr/course/504.html" title="Tutoriel vidéo d'introduction base zéro à l'apprentissage de Python de Little Turtle" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/62590a67ce3a6655.png" alt="Tutoriel vidéo d'introduction base zéro à l'apprentissage de Python de Little Turtle"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Tutoriel vidéo d'introduction base zéro à l'apprentissage de Python de Little Turtle" href="https://www.php.cn/fr/course/504.html">Tutoriel vidéo d'introduction base zéro à l'apprentissage de Python de Little Turtle</a> <div class="wzrthreerb"> <div >506211 temps d'étude</div> <div class="courseICollection" data-id="504"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/fr/course/901.html" title="Introduction rapide au développement web front-end" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/64be28a53a4f6310.png" alt="Introduction rapide au développement web front-end"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Introduction rapide au développement web front-end" href="https://www.php.cn/fr/course/901.html">Introduction rapide au développement web front-end</a> <div class="wzrthreerb"> <div >215618 temps d'étude</div> <div class="courseICollection" data-id="901"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/fr/course/234.html" title="Maîtrisez les didacticiels vidéo PS à partir de zéro" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/62611f57ed0d4840.jpg" alt="Maîtrisez les didacticiels vidéo PS à partir de zéro"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Maîtrisez les didacticiels vidéo PS à partir de zéro" href="https://www.php.cn/fr/course/234.html">Maîtrisez les didacticiels vidéo PS à partir de zéro</a> <div class="wzrthreerb"> <div >886024 temps d'étude</div> <div class="courseICollection" data-id="234"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> </ul> <ul class="three" style="display: none;"> <li> <a target="_blank" href="https://www.php.cn/fr/course/1648.html" title="[Web front-end] Démarrage rapide de Node.js" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png" alt="[Web front-end] Démarrage rapide de Node.js"/> </a> <div class="wzrthree-right"> <a target="_blank" title="[Web front-end] Démarrage rapide de Node.js" href="https://www.php.cn/fr/course/1648.html">[Web front-end] Démarrage rapide de Node.js</a> <div class="wzrthreerb"> <div >7197 temps d'étude</div> <div class="courseICollection" data-id="1648"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/fr/course/1647.html" title="Collection complète de cours full-stack de développement Web étranger" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/6628cc96e310c937.png" alt="Collection complète de cours full-stack de développement Web étranger"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Collection complète de cours full-stack de développement Web étranger" href="https://www.php.cn/fr/course/1647.html">Collection complète de cours full-stack de développement Web étranger</a> <div class="wzrthreerb"> <div >5590 temps d'étude</div> <div class="courseICollection" data-id="1647"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/fr/course/1646.html" title="Aller au langage pratique GraphQL" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/662221173504a436.png" alt="Aller au langage pratique GraphQL"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Aller au langage pratique GraphQL" href="https://www.php.cn/fr/course/1646.html">Aller au langage pratique GraphQL</a> <div class="wzrthreerb"> <div >4703 temps d'étude</div> <div class="courseICollection" data-id="1646"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/fr/course/1645.html" title="Le maître du ventilateur de 550 W apprend JavaScript à partir de zéro, étape par étape" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/662077e163124646.png" alt="Le maître du ventilateur de 550 W apprend JavaScript à partir de zéro, étape par étape"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Le maître du ventilateur de 550 W apprend JavaScript à partir de zéro, étape par étape" href="https://www.php.cn/fr/course/1645.html">Le maître du ventilateur de 550 W apprend JavaScript à partir de zéro, étape par étape</a> <div class="wzrthreerb"> <div >672 temps d'étude</div> <div class="courseICollection" data-id="1645"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/fr/course/1644.html" title="Le maître Python Mosh, un débutant sans aucune connaissance de base peut commencer en 6 heures" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/6616418ca80b8916.png" alt="Le maître Python Mosh, un débutant sans aucune connaissance de base peut commencer en 6 heures"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Le maître Python Mosh, un débutant sans aucune connaissance de base peut commencer en 6 heures" href="https://www.php.cn/fr/course/1644.html">Le maître Python Mosh, un débutant sans aucune connaissance de base peut commencer en 6 heures</a> <div class="wzrthreerb"> <div >23744 temps d'étude</div> <div class="courseICollection" data-id="1644"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> </ul> </div> <script> var mySwiper = new Swiper('.swiper2', { autoplay: false,//可选选项，自动滑动 slidesPerView : 'auto', }) $('.wzrthreeTab>div').click(function(e){ $('.wzrthreeTab>div').removeClass('check') $(this).addClass('check') $('.wzrthreelist>ul').css('display','none') $('.'+e.currentTarget.dataset.id).show() }) </script> </div> <div class="wzrFour"> <div class="wzrfour-title"> <div>Derniers téléchargements</div> <a href="https://www.php.cn/fr/xiazai">Plus> </a> </div> <script> $(document).ready(function(){ var sjyx_banSwiper = new Swiper(".sjyx_banSwiperwz",{ speed:1000, autoplay:{ delay:3500, disableOnInteraction: false, }, pagination:{ el:'.sjyx_banSwiperwz .swiper-pagination', clickable :false, }, loop:true }) }) </script> <div class="wzrfourList swiper3"> <div class="wzrfourlTab swiper-wrapper"> <div class="check swiper-slide" data-id="onef">effets Web <div></div></div> <div class="swiper-slide" data-id="twof">Code source du site Web<div></div></div> <div class="swiper-slide" data-id="threef">Matériel du site Web<div></div></div> <div class="swiper-slide" data-id="fourf">Modèle frontal<div></div></div> </div> <ul class="onef"> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="Code de contact du formulaire de message d'entreprise jQuery" href="https://www.php.cn/fr/toolset/js-special-effects/8071">[bouton de formulaire] Code de contact du formulaire de message d'entreprise jQuery</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="Effets de lecture de boîte à musique HTML5 MP3" href="https://www.php.cn/fr/toolset/js-special-effects/8070">[Effets spéciaux du joueur] Effets de lecture de boîte à musique HTML5 MP3</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="Effets spéciaux du menu de navigation d'animation de particules cool HTML5" href="https://www.php.cn/fr/toolset/js-special-effects/8069">[Navigation dans les menus] Effets spéciaux du menu de navigation d'animation de particules cool HTML5</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="Code d'édition par glisser-déposer du formulaire visuel jQuery" href="https://www.php.cn/fr/toolset/js-special-effects/8068">[bouton de formulaire] Code d'édition par glisser-déposer du formulaire visuel jQuery</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="Code du lecteur de musique Kugou imitation VUE.JS" href="https://www.php.cn/fr/toolset/js-special-effects/8067">[Effets spéciaux du joueur] Code du lecteur de musique Kugou imitation VUE.JS</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="Jeu de boîte de poussée HTML5 classique" href="https://www.php.cn/fr/toolset/js-special-effects/8066">[effets spéciaux HTML5] Jeu de boîte de poussée HTML5 classique</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="défilement jQuery pour ajouter ou réduire des effets d'image" href="https://www.php.cn/fr/toolset/js-special-effects/8065">[Effets spéciaux d'image] défilement jQuery pour ajouter ou réduire des effets d'image</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="Effet de zoom de survol de la couverture de l'album personnel CSS3" href="https://www.php.cn/fr/toolset/js-special-effects/8064">[Effets d'album photo] Effet de zoom de survol de la couverture de l'album personnel CSS3</a> </div> </li> </ul> <ul class="twof" style="display:none"> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/fr/toolset/website-source-code/8328" title="Modèle de site Web d'entreprise de services de nettoyage et de réparation de décoration intérieure" target="_blank">[Modèle frontal] Modèle de site Web d'entreprise de services de nettoyage et de réparation de décoration intérieure</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/fr/toolset/website-source-code/8327" title="Modèle de page de guide de CV personnel aux couleurs fraîches" target="_blank">[Modèle frontal] Modèle de page de guide de CV personnel aux couleurs fraîches</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/fr/toolset/website-source-code/8326" title="Modèle Web de CV de travail créatif de concepteur" target="_blank">[Modèle frontal] Modèle Web de CV de travail créatif de concepteur</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/fr/toolset/website-source-code/8325" title="Modèle de site Web d'entreprise de construction d'ingénierie moderne" target="_blank">[Modèle frontal] Modèle de site Web d'entreprise de construction d'ingénierie moderne</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/fr/toolset/website-source-code/8324" title="Modèle HTML5 réactif pour les établissements de services éducatifs" target="_blank">[Modèle frontal] Modèle HTML5 réactif pour les établissements de services éducatifs</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/fr/toolset/website-source-code/8323" title="Modèle de site Web de centre commercial de boutique de livres électroniques en ligne" target="_blank">[Modèle frontal] Modèle de site Web de centre commercial de boutique de livres électroniques en ligne</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/fr/toolset/website-source-code/8322" title="La technologie informatique résout le modèle de site Web d'entreprise Internet" target="_blank">[Modèle frontal] La technologie informatique résout le modèle de site Web d'entreprise Internet</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/fr/toolset/website-source-code/8321" title="Modèle de site Web de service de trading de devises de style violet" target="_blank">[Modèle frontal] Modèle de site Web de service de trading de devises de style violet</a> </div> </li> </ul> <ul class="threef" style="display:none"> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/fr/toolset/website-materials/3078" target="_blank" title="Matériau vectoriel d'éléments d'été mignons (EPS+PNG)">[Matériau PNG] Matériau vectoriel d'éléments d'été mignons (EPS+PNG)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/fr/toolset/website-materials/3077" target="_blank" title="Matériel vectoriel de quatre badges de graduation rouges 2023 (AI+EPS+PNG)">[Matériau PNG] Matériel vectoriel de quatre badges de graduation rouges 2023 (AI+EPS+PNG)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/fr/toolset/website-materials/3076" target="_blank" title="Oiseau chantant et chariot rempli de fleurs design matériel vectoriel de bannière de printemps (AI + EPS)">[image de bannière] Oiseau chantant et chariot rempli de fleurs design matériel vectoriel de bannière de printemps (AI + EPS)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/fr/toolset/website-materials/3075" target="_blank" title="Matériau vectoriel de chapeau de graduation doré (EPS+PNG)">[Matériau PNG] Matériau vectoriel de chapeau de graduation doré (EPS+PNG)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/fr/toolset/website-materials/3074" target="_blank" title="Matériel vectoriel d'icône de montagne de style noir et blanc (EPS+PNG)">[Matériau PNG] Matériel vectoriel d'icône de montagne de style noir et blanc (EPS+PNG)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/fr/toolset/website-materials/3073" target="_blank" title="Matériel vectoriel de silhouette de super-héros (EPS+PNG) avec des capes de couleurs différentes et des poses différentes">[Matériau PNG] Matériel vectoriel de silhouette de super-héros (EPS+PNG) avec des capes de couleurs différentes et des poses différentes</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/fr/toolset/website-materials/3072" target="_blank" title="Matériel vectoriel de bannière Arbor Day de style plat (AI + EPS)">[image de bannière] Matériel vectoriel de bannière Arbor Day de style plat (AI + EPS)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/fr/toolset/website-materials/3071" target="_blank" title="Matériel vectoriel de neuf bulles de discussion explosives de style bande dessinée (EPS+PNG)">[Matériau PNG] Matériel vectoriel de neuf bulles de discussion explosives de style bande dessinée (EPS+PNG)</a> </div> </li> </ul> <ul class="fourf" style="display:none"> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/fr/toolset/website-source-code/8328" target="_blank" title="Modèle de site Web d'entreprise de services de nettoyage et de réparation de décoration intérieure">[Modèle frontal] Modèle de site Web d'entreprise de services de nettoyage et de réparation de décoration intérieure</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/fr/toolset/website-source-code/8327" target="_blank" title="Modèle de page de guide de CV personnel aux couleurs fraîches">[Modèle frontal] Modèle de page de guide de CV personnel aux couleurs fraîches</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/fr/toolset/website-source-code/8326" target="_blank" title="Modèle Web de CV de travail créatif de concepteur">[Modèle frontal] Modèle Web de CV de travail créatif de concepteur</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/fr/toolset/website-source-code/8325" target="_blank" title="Modèle de site Web d'entreprise de construction d'ingénierie moderne">[Modèle frontal] Modèle de site Web d'entreprise de construction d'ingénierie moderne</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/fr/toolset/website-source-code/8324" target="_blank" title="Modèle HTML5 réactif pour les établissements de services éducatifs">[Modèle frontal] Modèle HTML5 réactif pour les établissements de services éducatifs</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/fr/toolset/website-source-code/8323" target="_blank" title="Modèle de site Web de centre commercial de boutique de livres électroniques en ligne">[Modèle frontal] Modèle de site Web de centre commercial de boutique de livres électroniques en ligne</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/fr/toolset/website-source-code/8322" target="_blank" title="La technologie informatique résout le modèle de site Web d'entreprise Internet">[Modèle frontal] La technologie informatique résout le modèle de site Web d'entreprise Internet</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/fr/toolset/website-source-code/8321" target="_blank" title="Modèle de site Web de service de trading de devises de style violet">[Modèle frontal] Modèle de site Web de service de trading de devises de style violet</a> </div> </li> </ul> </div> <script> var mySwiper = new Swiper('.swiper3', { autoplay: false,//可选选项，自动滑动 slidesPerView : 'auto', }) $('.wzrfourlTab>div').click(function(e){ $('.wzrfourlTab>div').removeClass('check') $(this).addClass('check') $('.wzrfourList>ul').css('display','none') $('.'+e.currentTarget.dataset.id).show() }) </script> </div> </div> </div> <footer> <div class="footer"> <div class="footertop"> <img src="/static/imghw/logo.png" alt=""> <p>Formation PHP en ligne sur le bien-être public，Aidez les apprenants PHP à grandir rapidement！</p> </div> <div class="footermid"> <a href="https://www.php.cn/fr/about/us.html">À propos de nous</a> <a href="https://www.php.cn/fr/about/disclaimer.html">Clause de non-responsabilité</a> <a href="https://www.php.cn/fr/update/article_0_1.html">Sitemap</a> </div> <div class="footerbottom"> <p> © php.cn All rights reserved </p> </div> </div> </footer> <input type="hidden" id="verifycode" value="/captcha.html"> <script>layui.use(['element', 'carousel'], function () {var element = layui.element;$ = layui.jquery;var carousel = layui.carousel;carousel.render({elem: '#test1', width: '100%', height: '330px', arrow: 'always'});$.getScript('/static/js/jquery.lazyload.min.js', function () {$("img").lazyload({placeholder: "/static/images/load.jpg", effect: "fadeIn", threshold: 200, skip_invisible: false});});});</script> <script src="/static/js/common_new.js"></script> <script type="text/javascript" src="/static/js/jquery.cookie.js?1732998250"></script> <script src="https://vdse.bdstatic.com//search-video.v1.min.js"></script> <link rel='stylesheet' id='_main-css' href='/static/css/viewer.min.css?2' type='text/css' media='all'/> <script type='text/javascript' src='/static/js/viewer.min.js?1'></script> <script type='text/javascript' src='/static/js/jquery-viewer.min.js'></script> <script type="text/javascript" src="/static/js/global.min.js?5.5.53"></script> </body> </html>