Présentation des détails de la mise à jour de la version 0.11.122100 du programme WeChat Mini-Développement de mini-programmes-php.cn

Aperçu de la mise à jour 0.11.122100

Ajout de 4 nouvelles API, 2 nouveaux composants
Extension Ajout de 10 composants attributs, ajout de 6 événements de composants
Correction de dizaines de bugs d'API et de composants, optimisation de certaines expériences interactives
Les outils de développement pour les développeurs ajoutent la prise en charge du débogage pour les nouveaux API et composants
Les outils de développement ajoutent la prise en charge du débogage pour le paiement WeChat

Le journal de mise à jour détaillé est le suivant :

Mise à jour de la bibliothèque de base

Une nouvelle API wx.switchTab Détails
Une nouvelle API wx .scanCode
Une nouvelle API wx.createMapContext
Une nouvelle API wx.createCanvasContext
Une nouvelle API wx.showToast appelant masque de paramètre
Une nouvelle méthode de page Page.onShareAppMessage pour un partage de contenu personnalisé
Une nouvelle méthode de framework App.onError
Une nouvelle configuration de page désactivéeScroll
Un nouveau composant
A Ajout de < composant contact-button/>, utilisé pour afficher le bouton de session du service client
A ajouté l'attribut A Ajout de >

des cercles de polyligne incluent des contrôles de points show-location

A ajouté une circulaire d'attribut de composant contrôle du glissement de la connexion

A Ajout de l'attribut de composant slider-spacing

A Ajout d'un attribut de composant désactivé

A Ajout d'un attribut de composant class

A Ajout des attributs de composant scroll-x, scroll-y prenant en charge la modification dynamique

A Ajout de < ;map/> événement de composant bindtap bindmarkertap bindcontrolstap bindregionchange

A Ajout d'un événement de composant video/> événement de composant bindtimeupdate

Un événement de composant

bindinput<li><p></p></li>A ajouté un événement de composant <canvas/> bindlongtap<li><p></p></li>A ajouté une API de contexte AudioContext.setSrc()<li><p></p></li>Ajout d'un contexte CanvasContext<li><p></p></li>Ajout d'une API de contexte CanvasContext.arc()<li><p></p></li>A ajouté CanvasContext.fillRect( ) API de contexte<li><p></p></li>Une nouvelle API de contexte CanvasContext.StrokeRect()<li><p></p></li>Une nouvelle API de contexte CanvasContext.createLinearGradient()<li><p></p></li>Une nouvelle API de contexte CanvasContext.createCircularGradient() ajoutée<li><p></p></li>Un composant <scroll-view/> ajouté pour interdire le défilement de la page lors du défilement<li><p></p></li>U Mettre à jour l'API wx.getSystemInfo Nouveau paramètre de retour de la plateforme<li><p></p></li>U Mettre à jour l'API wx.downloadFile Lorsque le code d'état HTTP est 200 ou 304, il sera return tmpFilePath<li><p></p></li>U Mettre à jour le paramètre d'appel wx.showModal de l'API confirmText CancelText limite de caractères <li><p></p></li>U Mettre à jour le retour de l'ensemble de données WXML pour prendre en charge les objets et les tableaux<li><p></p></li>U Mise à jour<image/> mode d'attribut de composant facultatif widthFix<li><p></p></li>U Mise à jour<picker/> ><li>
<p></p>U Mettre à jour<switch/> <checkbox/> <radio/> Style par défaut</li>
<li>
<p></p>U Mettre à jour CanvasContext.save() CanvasContext.restore() API de contexte Enregistrer le style de pinceau</li>
<li>
<p></p>U Mettre à jour CanvasContext.arc() Ajustement des paramètres de l'API de contexte, ajouter eAngle, dans le sens inverse des aiguilles d'une montre, supprimer sweepAngle</li>
<li>
<p> </p>U Optimiser l'expérience de glissement <swiper/> </li>
<li>
<p></p>U Optimiser l'expérience interactive <swiper/<slider/> </li>
<li>
<p></p>U Optimiser l'expérience de clic du composant <navigator/> <button/></li>
<li>
<p></p>F Fixer la méthode wx.request sur Android peut utiliser uniquement des lettres majuscules Problème de valeur</li>
<li>
<p></p>F Correction du problème selon lequel wx.uploadFile ne peut pas définir l'en-tête sur iOS</li>
<li>
<p></p>F Correction de wx.getLocation type= gcj02 sur iOS </li>
<li>
<p></p>F Corrige le problème selon lequel wx.showToast est toujours affiché après avoir quitté l'applet </li>
<li>
<p></p>F Corrige le paramètre de retour wx.showModal dans Incohérence entre Android et iOS </li>
<li>
<p></p>F Correction du problème de désordre de mise en page lorsque le contenu de wx.showModal est trop long ou que le titre est vide </li>
<li>
<p></p>F Résoudre le problème selon lequel la valeur par défaut ne s'affiche pas lorsque wx.showModal CancelText et confirmText sont vides</li>
<li>
<p></p>F Résoudre le problème selon lequel le clavier apparaît pendant wx.showModal et le clavier ne peut pas être rétracté </li>
<li>
<p></p>F Correction du problème selon lequel wx.getImageInfo ne peut pas obtenir d'images de lien http sur Android</li>
<li><p>F Correction du problème de hauteur d'écran incohérente obtenue par wx.getSystemInfo en raison de l'apparence de la barre d'onglets </p></li>
<li><p>F Correction de l'image wx.downloadFile ne s'affichant pas après le téléchargement sur Problème Android</p></li>
<li><p>F Résoudre le problème selon lequel wx.request n'encode pas correctement les données de la demande</p></li>
<li><p>F Réparer wx.login App.onLaunch dans iOS Aucun problème de rappel</p></li>
<li><p>F Correction du paramètre wx.createAnimationContext, l'exception et l'animation transformOrigin ne peuvent pas passer à l'étape suivante</p></li>
<li><p>F Correction de wx.navigateTo wx .redirectTo Sur iOS, le problème selon lequel Page.onLoad ne peut pas être appelé </p></li>
<li><p>F Correction du problème selon lequel le comportement par défaut des événements de blocage de capture n'est pas valide</p></li>
<li><p>F Correction d'une erreur de passage du paramètre SetInterval sur iOS provoquant le gel de la page </p></li>
<li><p>F Correction du problème de déclenchement de onReachBottom plusieurs fois </p></li>
<li><p>. F Corrigé <swiper/ > Problème avec l'erreur lors de la présence de descendants de nœuds de texte</p></li>
<li><p>F Corrigé<switch/> <radio/> /> < L'attribut caché vidéo/> ne prend pas effet </p></li>
<li><p>F Correction du problème de <checkbox/> 🎜></p></li> <li>F Correction du problème de <scroll-view/> glissant vers le haut ou le bas de l'écran de démarrage <p></p>
</li>
<li>F Correction du problème de l'événement <video/> ne prend pas effet sur iOS <p></p>
</li>
<li>F Correction du problème selon lequel le son <video/> continue d'exister après sa suppression sur iOS <p></p>
</li>
<li>F Correction de <text/ > Le problème selon lequel la classe et le style ne seront pas mis à jour dynamiquement dans les intégrations<p></p>
</li>
<li>F Correction du problème de couleur de texte incorrecte lorsque <bouton/> désactivé<p></p>
</li>
<li>F Correction du problème où l'attribut de focus <input/> n'est pas valide <p></p>
</li>
<li>F Correction < input/> lors de l'utilisation de display:flex dans iOS9, la première entrée ne s'affiche pas Problèmes <p></p>
</li>
<li>F Correction de l'affichage anormal de <input/> lorsque la valeur initiale n'est pas définie <p></p>
</li>
<li>F Corriger <input/> ; problème d'image fantôme d'espace réservé<p></p>
</li>
<li>F Corriger <input/> <textare/> après la mise au point<p></p>
</li>
<li> F Résoudre le problème de positionnement anormal de <textarea/> position:fixed<p></p>
</li>
<li>F Résoudre le problème de < textarea/> ne déclenche pas l'événement de flou après l'ouverture du sélecteur<p></p>
</li>
<li>F Correction du problème de changement de hauteur lors de la définition de la hauteur automatique dans <textarea/><p></p> </li>
<li>F Correction du problème de l'exception de destruction dans <textarea/><p></p>
</li>
<li>F Correction du problème selon lequel le bouton plein écran dans <video/> être cliqué deux fois pour prendre effet sur Android <p></p>
</li>
<li>F Correction du problème dans <audio/> Le problème d'utilisation conflictuelle du même identifiant dans plusieurs pages <p></p>
</li>
<li>F Correction du problème selon lequel <canvas/> drawImage ne peut pas être affiché normalement <p></p>
</li>
<li>F Correction de <image/> Dans l'événement bindload, setData aura un problème de boucle infinie<p></p>
</li>
<li>F Correction du problème de <scroll-view/> défilement dans la vue<p> </p>
</li>
<li>F Correction du problème que <form/> submit ne peut pas obtenir le contenu d'entrée <p></p>
</li>
<li>D L'attribut de redirection <navigator/> sera bientôt supprimé <p></p>
</li>
<li>D L'interface wx.createContext sera bientôt supprimée <p></p>
</li>
<li>D L'attribut <input/> de mise au point automatique sera bientôt supprimé, utilisez directement le focus Attributs <p></p> </li>
<li>D sera bientôt supprimé<map /> couvre l'attribut<p><br></p>
</li>
</ul>
<br> Fonctions de base des outils de développement <br><br><br> <ul class="litype_1 list-paddingleft-2">
<li>A Ajout de la prise en charge du débogage pour wx.switchTab <p></p>
</li>
<li>A Ajout de la prise en charge du débogage de l'API wx.startRecord wx.stopRecord wx.playVoice wx. 🎜><p></p>Ajout de la prise en charge du débogage des paiements WeChat</li>
<li>
<p></p>A Ajout de la prise en charge du débogage de la numérisation de code QR</li>
<li>
<p></p>A Ajout d'une nouvelle invite pour app.json, définition en double du fichier d'échange conduisant à une erreur d'aperçu de la soumission</li>
<li>
<p></p>A Ajout d'une nouvelle invite d'erreur réseau lors du chargement d'images dans le simulateur </li>
<li>
<p></p>A Ajout de la fonction de définition de la page d'initialisation et des paramètres lors de la compilation</li>
<li>
<p></p>A Ajout de la fonction de définition de la page d'initialisation et des paramètres lors de la soumission de l'aperçu</li>
<li>
<p></p>F Optimiser le panneau de données d'application pour afficher les données dans des pages séparées, prendre en charge les mises à jour dynamiques et l'affichage du mode code</li>
<li>
<p></p>F Correction de wx.getBackgroundAudioPlayerState lorsqu'il n'y a pas de musique en cours de lecture Aucun problème de retour</li>
<li>
<p></p>F Correction d'un problème d'obtention d'un statut incorrect avec wx.getBackgroundAudioPlayerState</li>
<li>
<p></p>F Correction de l'écran blanc du panneau wxml dans certains cas Problème</li>
<li>
<p></p>F Correction du problème selon lequel les attributs du panneau wxml ne peuvent pas être copiés et la copie a un retour chariot </li>
<li>
<p></p>F Correction du problème selon lequel le nœud de texte unique du panneau wxml n'est pas affiché Problème d'alignement </li>
<li>
<p></p>F Correction du problème selon lequel le simulateur affiche une erreur lorsque la position de la barre de tabulation dans app.json est définie sur top</li>
<li>
<p></p>F Correction des outils de développement et Le problème des clics incorrects sur les liens externes dans l'éditeur </li>
<li>
<p></p>F Correction du problème de wx.requst qui ne pouvait pas envoyer la requête en raison du cache </li>
<li>
</ul>Voici les détails de la mise à jour : <br><br><br>wx.switchTab(OBJECT)<br><br>Accédez à la page tabBar et fermez toutes les autres pages non-tabBar<br> Paramètre OBJECT Description : <br>[tr] Description obligatoire du type de paramètre[/tr]<table class="t_table"><tbody>
<tr class="firstRow">
<td>url</td>
<td>String</td>
<td>是</td>
<td>需要跳转的 tabBar 页面的路径（需在 app.json 的  字段定义的页面），路径后不能带参数</td>
</tr>
<tr>
<td>success</td>
<td>Function</td>
<td>否</td>
<td>接口调用成功的回调函数</td>
</tr>
<tr>
<td>fail</td>
<td>Function</td>
<td>否</td>
<td>接口调用失败的回调函数</td>
</tr>
<tr>
<td>complete</td>
<td>Function</td>
<td>否</td>
<td>接口调用结束的回调函数（调用成功、失败都会执行）</td>
</tr>
</tbody></table>Exemple de code : <br>{ "tabBar": { "list": [{ "pagePath": "index", "text ": "Accueil" },{ "pagePath": "autre", "text": "autre" }] }}wx.switchTab({ url : '/index'})<br><br><br><br> <br>wx.scanCode(OBJECT)<br><br>Lancez l'interface d'analyse du code client et renvoyez le résultat correspondant après une analyse réussie <br>Description du paramètre d'objet : <br>[tr] Type de paramètre requis description[ /tr]<table class="t_table"><tbody>
<tr class="firstRow">
<td>success</td>
<td>Function</td>
<td>否</td>
<td>接口调用成功的回调函数，返回内容详见返回参数说明。</td>
</tr>
<tr>
<td>fail</td>
<td>Function</td>
<td>否</td>
<td>接口调用失败的回调函数</td>
</tr>
<tr>
<td>complete</td>
<td>Function</td>
<td>否</td>
<td>接口调用结束的回调函数（调用成功、失败都会执行）</td>
</tr>
</tbody></table>Description du paramètre de retour de succès : <br>[tr]Description du paramètre[/tr]<table class="t_table"><tbody><tr class="firstRow">
<td>result</td>
<td>码的内容</td>
</tr></tbody></table>Exemple de code : <br>wx.scanCode({ success: (res) => { console.log( res) }})<br><br><br><br><br>onShareAppMessage<br><br>Définissez la fonction onShareAppMessage dans Page pour définir les informations de partage de la page. <br><ul class=" list-paddingleft-2">
<li><p>Uniquement lorsque ce gestionnaire d'événements est défini, le bouton "Partager" sera affiché dans le menu du coin supérieur droit </p></li>
<li><p>Il sera appelé lorsque l'utilisateur clique sur le bouton de partage </p></li>
<li><p>Cet événement doit renvoyer un objet pour un partage de contenu personnalisé <br></p></li>
</ul>Champ de partage personnalisé<br>[tr ] Description du champ Valeur par défaut[/tr]<table class="t_table"><tbody>
<tr class="firstRow">
<td>title</td>
<td>分享标题</td>
<td>当前小程序名称</td>
</tr>
<tr>
<td>desc</td>
<td>分享描述</td>
<td>当前小程序名称</td>
</tr>
<tr>
<td>path</td>
<td>分享路径</td>
<td>当前页面 path ，必须是以 / 开头的完整路径</td>
</tr>
</tbody></table>Exemple de code :<br>Page({ onShareAppMessage : function () { return { title : 'Titre du partage personnalisé', desc : 'Description du partage personnalisée', chemin : '/page / user?id=123' } }})<br><br><br><br><br>wx.showToast(OBJECT)<br><br>Afficher la boîte d'invite de message<br>Description du paramètre OBJECT : <br>[tr]Description obligatoire du type de paramètre[/tr]<table class="t_table"><tbody>
<tr class="firstRow">
<td>title</td>
<td>String</td>
<td>是</td>
<td>提示的内容</td>
</tr>
<tr>
<td>icon</td>
<td>String</td>
<td>否</td>
<td>图标，只支持"success"、"loading"</td>
</tr>
<tr>
<td>duration</td>
<td>Number</td>
<td>否</td>
<td>提示的延迟时间，单位毫秒，默认：1500, 最大为10000</td>
</tr>
<tr>
<td>mask</td>
<td>Boolean</td>
<td>否</td>
<td>是否显示透明蒙层，防止触摸穿透，默认：false</td>
</tr>
<tr>
<td>success</td>
<td>Function</td>
<td>否</td>
<td>接口调用成功的回调函数</td>
</tr>
<tr>
<td>fail</td>
<td>Function</td>
<td>否</td>
<td>接口调用失败的回调函数</td>
</tr>
<tr>
<td>complete</td>
<td>Function</td>
<td>否</td>
<td>接口调用结束的回调函数（调用成功、失败都会执行）</td>
</tr>
</tbody></table>Exemple de code : <br>wx.showToast({ titre : 'succès', icône : 'succès', durée : 2000})<br><br> <br>onShareAppMessage<br><br>Définissez la fonction onShareAppMessage dans Page pour définir les informations de partage de la page. <br><ul class=" list-paddingleft-2">
<li><p>Uniquement lorsque ce gestionnaire d'événements est défini, le bouton "Partager" sera affiché dans le menu du coin supérieur droit </p></li>
<li><p>Il sera appelé lorsque l'utilisateur clique sur le bouton de partage </p></li>
<li><p>Cet événement doit renvoyer un objet pour un partage de contenu personnalisé <br></p></li>
</ul>Champ de partage personnalisé<br>[tr ] Description du champ Valeur par défaut[/tr]<table class="t_table"><tbody>
<tr class="firstRow">
<td>title</td>
<td>分享标题</td>
<td>当前小程序名称</td>
</tr>
<tr>
<td>desc</td>
<td>分享描述</td>
<td>当前小程序名称</td>
</tr>
<tr>
<td>path</td>
<td>分享路径</td>
<td>当前页面 path ，必须是以 / 开头的完整路径</td>
</tr>
</tbody></table>Exemple de code : <br>Page({ onShareAppMessage : function () { return { title : 'Titre du partage personnalisé', desc : 'Description du partage personnalisée', chemin : '/page/user?id=123' } }} )<br><br><br><br><br>wx.createCanvasContext(canvasId)<br><br>Définition<br><br>Créer un contexte de dessin sur toile (spécifiez CanvasId)<br>Astuce : besoin de spécifier CanvasId , ce contexte de dessin n'agit que sur le <canvas/><br><br><br><br>paramètre<br><br>[tr]Description du type de paramètre[/tr]<table class="t_table"><tbody><tr class="firstRow">
<td>canvasId</td>
<td>String</td>
<td>画布表示，传入定义在 <canvas/> 的 canvas-id</td>
</tr></tbody></table>
<br> correspondant <br><br>Nouveau composant : <br><br><br>audioContext<br><br>audioContext est lié à un composant <audio/> composant. <br>Liste de méthodes de l'objet audioContext : <br>[tr]Description du paramètre de méthode[/tr]<table class="t_table"><tbody>
<tr class="firstRow">
<td>setSrc</td>
<td>src</td>
<td>音频的地址</td>
</tr>
<tr>
<td>play</td>
<td>无</td>
<td>播放</td>
</tr>
<tr>
<td>pause</td>
<td>无</td>
<td>暂停</td>
</tr>
<tr>
<td>seek</td>
<td>position</td>
<td>跳转到指定位置，单位 s</td>
</tr>
</tbody></table>Exemple de code : <br><audio src="{ {src}}" id="myAudio" ></audio><button type="primary" bindtap="audioPlay">play</button><button type="primary" bindtap="audioPause " >Pause</button><button type="primary" bindtap="audio14">Régler la durée de lecture actuelle sur 14 secondes</button><button type="primary" bindtap="audioStart"> ;Retour au début</button>// audio.jsPage({ onReady: function (e) { // Utilisez wx.createAudioContext pour obtenir le contexte audio this.audioCtx = wx.createAudioContext('myAudio') this.audioCtx.setSrc ('http://ws.stream.qqmusic.qq.com/M500001VfvsJ21xFqb.mp3?guid=ffffffff82def4af4b12b3cd9337d5e7&uin=346897220&vkey=6292F51E1E384E06DCBDC9AB7C49FD713D632D31 3AC4858BACB8DDD29067D3C601481D36E62053BF8DFEAF74C0A5CCFADD6471160CAF3E6A&fromtag=46') this.audioCtx.play() }, données : { src : '' }, audioPlay : function () { this.audioCtx.play() }, audioPause : function () { this.audioCtx.pause() }, audio14 : function () { this.audioCtx.seek(14) }, audioStart : function ( ) { this.audioCtx.seek(0) }})<br><br><img src="https://img.php.cn//upload/image/189/517/243/1488964166491492.png" title="微信小程序0.11.122100 版本更新详情介绍" alt="微信小程序0.11.122100 版本更新详情介绍"    style="max-width:90%"  style="max-width:90%"><br><br>picker-view<br><br>sélecteur de défilement de page intégré<br>[tr] nom d'attribut Type description de la valeur par défaut[/tr]<table class="t_table"><tbody>
<tr class="firstRow">
<td>valeur</td>
<td>Tableau de nombres</td>
<td>
<table class="t_table"><tbody>
<tr class="firstRow">
<td>value</td>
<td>Number Array</td>
<td><br></td>
<td>数组中的数字依次表示 picker-view 内的 picker-view-colume 选择的第几项（下标从 0 开始），数字大于 picker-view-column 可选项长度时，选择最后一项。</td>
</tr>
<tr>
<td>indicator-style</td>
<td>String</td>
<td><br></td>
<td>设置选择器中间选中框的样式</td>
</tr>
<tr>
<td>bindchange</td>
<td>EventHandle</td>
<td><br></td>
<td>当滚动选择，value 改变时触发 change 事件，event.detail = {value: value}；value为数组，表示 picker-view 内的 picker-view-column 当前选择的是第几项（下标从 0 开始）</td>
</tr>
</tbody></table> </td>
<td>Les nombres dans le tableau représentent séquentiellement les éléments sélectionnés de la colonne de la vue du sélecteur dans la vue du sélecteur (l'indice commence à 0 lorsque le nombre est supérieur à la longueur de la vue du sélecteur). option de colonne, le dernier est sélectionné. </td>
</tr>
<tr>
<td>style d'indicateur</td>
<td>Chaîne</td>
<td></td>
<td>Définir le style de la boîte sélectionnée dans au milieu du sélecteur </td>
</tr>
<tr>
<td>bindchange</td>
<td>EventHandle</td>
<td></td>
<td>L'événement change est déclenché lorsque la valeur change lors du défilement. , event.detail = {value: value} ; value est un tableau, indiquant quel élément de la colonne de la vue du sélecteur est actuellement sélectionné (l'indice commence à 0)</td> </tr> tbody></tbody></table>Remarque : Seul le composant <picker-view-column/> peut y être placé, les autres nœuds ne seront pas affichés. <br><br><br>picker-view-column<br><br> ne peut être placé que dans <picker-view />, et la hauteur de son nœud enfant sera automatiquement définie sur la même valeur que celle du nœud enfant. case à cocher de la vue du sélecteur Très cohérent<br>Exemple de code :<br><view <view>{{année}}année{{mois}}mois{{jour}}jour</vue> -view indicateur- style="hauteur : 50 px;" style="largeur : 100 % ; hauteur : 300 px;" valeur="{{valeur}}" bindchange="bindChange"<picker-view-column< ;view wx : for="{{years}}" style="line-height : 50px">{{item}}ans</view> </picker-view-column> ; < view wx:for="{{months}}" style="line-height: 50px">{{item}}mois</view> -column> ; <view wx:for="{{days}}" style="line-height: 50px">{{item}}jour</view> picker -view></view>const date = new Date()const années = []const mois = []const jours = []for (soit i = 1990; i <= date.getFullYear(); i ) { ans.push(i)}pour (soit i = 1 ; je <= 12 ; i ) { mois.push(i)}pour (soit i = 1 ; i <= 31 ; i ) { jours.push ( i)}Page({ données : { années : années, année : date.getFullYear(), mois : mois, mois : 2, jours : jours, jour : 2, année : date.getFullYear(), valeur : [9999 , 1, 1], }, bindChange : function(e) { const val = e.detail.value this.setData({ année : this.data.years[val[0]], mois : this.data.months[ val [1]], jour : this.data.days[val[1]] }) }})<br/>Amélioration du canevas<br/><ul class="litype_1 list-paddingleft-2"><li><p>Un contexte CanvasContext ajouté</p></li><li><p>Ajout d'une API de contexte CanvasContext.arc()</p></li><li><p>A Ajout d'une API de contexte CanvasContext.fillRect()</p></li><li><p>A Ajout de l'API de contexte CanvasContext.strokeRect()</p></li><li><p>Ajout de l'API de contexte CanvasContext.createLinearGradient()</p></li><li><p>Ajout de l'API de contexte createCircularGradient(). <br/></p></li></ul><br/><br/>createCircularGradient<br/><br/>Définition<br/><br/>Crée une couleur dégradée circulaire. <br/>Conseil : Le point de départ est au centre du cercle et le point final est à l'anneau. <br/>Astuce : Vous devez utiliser addColorStop() pour spécifier des points de dégradé, au moins deux. <br/><br/><br/><br/>Paramètre<br/><br/>[tr]Définition du type de paramètre[/tr]<table class="t_table"><tbody><tr class="firstRow"><td>x</td><td>Number</td><td>圆心的x坐标</td></tr><tr><td>y</td><td>Number</td><td>圆心的y坐标</td></tr><tr><td>r</td><td>Number</td><td>圆的半径</td></tr></tbody></table><br/><br/><br/>Exemple<br/><br/>const ctx = wx.createCanvasContext('myCanvas')// Créer un gradientconst circulaire grd = ctx.createCircularGradient(75, 50, 50)grd.addColorStop(0, 'red')grd.addColorStop(1, 'white')// Remplir avec gradientctx.setFillStyle(grd)ctx.fillRect(10, 10, 150, 80)ctx.draw()<br/><br/><img src="https://img.php.cn//upload/image/423/329/798/1488964146381136.png" title="微信小程序0.11.122100 版本更新详情介绍" alt="微信小程序0.11.122100 版本更新详情介绍"    style="max-width:90%"  style="max-width:90%"/><br/><br/><br/>createLinearGradient<br/><br/>Définition<br/><br/>Créez une couleur dégradée linéaire. <br/>Astuce : Vous devez utiliser addColorStop() pour spécifier des points de dégradé, au moins deux. <br/><br/><br/><br/>Paramètre<br/><br/>[tr]Définition du type de paramètre[/tr]<table class="t_table"><tbody><tr class="firstRow"><td>x0</td><td>Number</td><td>起点的x坐标</td></tr><tr><td>y0</td><td>Number</td><td>起点的y坐标</td></tr><tr><td>x1</td><td>Number</td><td>终点的x坐标</td></tr><tr><td>y1</td><td>Number</td><td>终点的y坐标</td></tr></tbody></table><br/><br/><br/>Exemple<br/><br/>const ctx = wx.createCanvasContext('myCanvas')// Créer un gradientconst linéaire grd = ctx.createLinearGradient(0, 0, 200, 0)grd.addColorStop(0, 'red')grd.addColorStop(1, 'white')// Remplissez avec gradientctx.setFillStyle(grd)ctx.fillRect(10, 10, 150, 80)ctx.draw()<br/><img src="https://img.php.cn//upload/image/319/264/577/1488964126768032.png" title="微信小程序0.11.122100 版本更新详情介绍" alt="微信小程序0.11.122100 版本更新详情介绍"    style="max-width:90%"  style="max-width:90%"/><br/>StrokeRect<br/><br/>define<br/><br/>dessinez un Rectangle (non rempli). <br/>Astuce : utilisez setFillStroke() pour définir la couleur de la ligne rectangulaire. Si elle n'est pas définie, la valeur par défaut est noire. <br/><br/><br/><br/>Paramètres<br/><br/>[tr]Description de la plage de types de paramètres[/tr]<table class="t_table"><tbody><tr class="firstRow">< td>x</td><td>Numéro</td><td><table class="t_table"><tbody><tr class="firstRow"><td>x</td><td>Number</td><td><br/></td><td>矩形路径左上角的x坐标</td></tr><tr><td>y</td><td>Number</td><td><br/></td><td>矩形路径左上角的y坐标</td></tr><tr><td>width</td><td>Number</td><td><br/></td><td>矩形路径的宽度</td></tr><tr><td>height</td><td>Number</td><td><br/></td><td>矩形路径的高度</td></tr></tbody></table></td><td>Coordonnée x du coin supérieur gauche du chemin rectangulaire</td></tr><tr> <td>y </td><td>Numéro</td><td><🎜></td><td>Coordonnée Y du coin supérieur gauche du chemin rectangulaire</td></tr><tr ><td>largeur</td ><td>Nombre</td><td><🎜></td><td>La largeur du chemin rectangulaire</td></tr><tr><td> height</td><td>Nombre</td><td><🎜></td><td>La hauteur du chemin rectangulaire</td></tr></tbody></table><br/><br/><br/>Exemple<br/><br/>const ctx = wx.createCanvasContext('myCanvas')ctx.setStrokeStyle('red')ctx.StrokeRect(10, 10, 150, 75)ctx.draw ()<br/><br/><img src="https://img.php.cn//upload/image/939/521/900/1488964112354042.png" title="微信小程序0.11.122100 版本更新详情介绍" alt="微信小程序0.11.122100 版本更新详情介绍"    style="max-width:90%"  style="max-width:90%"/><br/>fillRect<br/><br/> définit <br/><br/> pour remplir un rectangle. <br/>Astuce : utilisez setFillStyle() pour définir la couleur de remplissage du rectangle. Si elle n'est pas définie, la valeur par défaut est le noir. <br/><br/><br/><br/>Paramètre<br/><br/>[tr]Description du type de paramètre[/tr]<table class="t_table"><tbody><tr class="firstRow"><td>x</td><td>Number</td><td>矩形路径左上角的x坐标</td></tr><tr><td>y</td><td>Number</td><td>矩形路径左上角的y坐标</td></tr><tr><td>width</td><td>Number</td><td>矩形路径的宽度</td></tr><tr><td>height</td><td>Number</td><td>矩形路径的高度</td></tr></tbody></table><br/><br/><br/>Exemple<br/><br/>const ctx = wx.createCanvasContext('myCanvas')ctx.setFillStyle('red')ctx.fillRect(10, 10, 150, 75)ctx.draw()<br/><br/><img src="https://img.php.cn//upload/image/656/510/394/1488964097771237.png" title="微信小程序0.11.122100 版本更新详情介绍" alt="微信小程序0.11.122100 版本更新详情介绍"    style="max-width:90%"  style="max-width:90%"/><br/><br/><br/>arc<br/><br/>Définition<br/><br/>Dessinez un arc. <br/>Astuce : Pour créer un cercle, vous pouvez utiliser la méthode arc() pour spécifier que le radian réel est 0 et que le radian final est 2 * Math.PI. <br/>Astuce : utilisez la méthode Stroke() ou Fill() pour dessiner des arcs dans le canevas. <br/><br/><br/><br/>Paramètre<br/><br/>[tr]Description du type de paramètre[/tr]<table class="t_table"><tbody><tr class="firstRow"><td>x</td><td>Number</td><td>圆的x坐标</td></tr><tr><td>y</td><td>Number</td><td>圆的y坐标</td></tr><tr><td>r</td><td>Number</td><td>圆的半径</td></tr><tr><td>sAngle</td><td>Number</td><td>起始弧度，单位弧度（在3点钟方向）</td></tr><tr><td>eAngle</td><td>Number</td><td>终止弧度</td></tr><tr><td>counterclockwise</td><td>Boolean</td><td>可选。指定弧度的方向是逆时针还是顺时针。默认是false，即顺时针。</td></tr></tbody></table><br/><br/><br/>Exemple<br/><br/>const ctx = wx.createCanvasContext('myCanvas')// Dessiner les coordonnéesctx.arc(100, 75, 50, 0, 2 * Math.PI)ctx.setFillStyle('#EEEEEE')ctx.fill()ctx.beginPath()ctx .moveTo(40, 75)ctx.lineTo(160, 75)ctx.moveTo(100, 15)ctx.lineTo(100, 135)ctx.setStrokeStyle('#AAAAAA')ctx.stroke()ctx.setFontSize(12 )ctx.setFillStyle('noir')ctx.fillText('0', 165, 78)ctx.fillText('0.5*PI', 83, 145)ctx.fillText('1*PI', 15, 78)ctx .fillText('1.5*PI', 83, 10)// Dessiner des pointsctx.beginPath()ctx.arc(100, 75, 2, 0, 2 * Math.PI)ctx.setFillStyle('lightgreen')ctx.fill ()ctx.beginPath()ctx.arc(100, 25, 2, 0, 2 * Math.PI)ctx.setFillStyle('bleu')ctx.fill()ctx.beginPath()ctx.arc(150, 75 , 2, 0, 2 * Math.PI)ctx.setFillStyle('red')ctx.fill()// Dessiner arcctx.beginPath()ctx.arc(100, 75, 50, 0, 1.5 * Math.PI) ctx.setStrokeStyle('#333333')ctx.stroke()ctx.draw()<br/>Les trois coordonnées clés pour arc(100, 75, 50, 0, 1.5 * Math.PI) sont les suivantes : <img src="https://img.php.cn//upload/image/352/893/518/1488964083105591.png" title="微信小程序0.11.122100 版本更新详情介绍" alt="微信小程序0.11.122100 版本更新详情介绍"    style="max-width:90%"  style="max-width:90%"/> <ul class=" list-paddingleft-2"><li><p>Vert : Centre du cercle (100, 75)</p></li><li><p>Rouge : Arc de départ (0)</p></li><li><p>Bleu : Arc de terminaison (1,5 * Math.PI)<br/></p></li></ul><br/><br/><br/><br/><br/>Dessiner sur toile<br/><br/>Tout en < Dessin in ;canvas/> doit être réalisé avec JavaScript : <br>WXML : (Nous utiliserons ce WXML comme modèle dans les exemples suivants, sauf s'il existe une instruction spéciale, et nous ne la répéterons pas) <br><canvas canvas -id ="myCanvas" style="border: 1px solid;"/>JS : (Nous mettrons JS dans onLoad dans l'exemple suivant) <br>const ctx = wx.createCanvasContext('myCanvas')ctx(. 'red')ctx.fillRect(10, 10, 150, 75)ctx.draw()<br><br><br>Étape 1 : Créer un contexte de dessin sur toile<br><br>Tout d'abord, vous devez créer un contexte de dessin Canvas CanvasContext. <br>CanvasContext est un objet intégré à l'applet et possède quelques méthodes de dessin : <br>const ctx = wx.createCanvasContext('myCanvas')<br><br><br>Étape 2 : Utiliser le contexte de dessin Canvas Décrire le dessin<br><br>Ensuite, décrivons ce que nous voulons dessiner dans Canvas. <br>Définissez la couleur de remplissage du contexte de dessin sur rouge : <br>ctx.setFillStyle('red') Utilisez la méthode fillRect(x, y, width, height) pour dessiner un rectangle rempli avec le rouge que vous venez de définir : <br>ctx .fillRect(10, 10, 150, 75)<br><br><br>Étape 3 : Dessiner<br><br>Dites au composant <canvas/> maintenant : <br>ctx.draw()<br><br><br><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="//m.sbmmt.com/fr/search?word=微信小程序" target="_blank">微信小程序</a>                    </div>
                </div>
                                <div style="display: inline-flex;float: right; color:#333333;">source：php.cn</div>
                            </div>
            <div class="wzconOtherwz">
                                    <a href="//m.sbmmt.com/fr/faq/355585.html" title="Partager l'analyse du répertoire de la structure des fichiers de l'applet WeChat">
                        <span>Article précédent：Partager l'analyse du répertoire de la structure des fichiers de l'applet WeChat</span>
                    </a>
                                    <a href="//m.sbmmt.com/fr/faq/355652.html"  title="Comment référencer des fichiers wxml et afficher des modèles dans les mini-programmes WeChat">
                        <span>Article suivant：Comment référencer des fichiers wxml et afficher des modèles dans les mini-programmes WeChat</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="//m.sbmmt.com/fr/faq/354750.html">Exemples de paramètres HTML pour les effets de police gras, italique, souligné, barré et autres</a>
                            </div>
                            <div>1970-01-01 08:00:00</div>
                        </li>
                                            <li>
                            <div class="wzczzwzli">
                                <span class="layui-badge-dots"></span>
                                <a target="_blank" href="//m.sbmmt.com/fr/faq/338018.html">实现一个 Java 版的 Redis</a>
                            </div>
                            <div>1970-01-01 08:00:00</div>
                        </li>
                                            <li>
                            <div class="wzczzwzli">
                                <span class="layui-badge-dots"></span>
                                <a target="_blank" href="//m.sbmmt.com/fr/faq/353509.html">La démo d'applet WeChat la plus simple</a>
                            </div>
                            <div>1970-01-01 08:00:00</div>
                        </li>
                                            <li>
                            <div class="wzczzwzli">
                                <span class="layui-badge-dots"></span>
                                <a target="_blank" href="//m.sbmmt.com/fr/faq/356272.html">Introduction aux méthodes de fonctionnement simples de pandas.DataFrame (créer, indexer, ajouter et supprimer) en python</a>
                            </div>
                            <div>1970-01-01 08:00:00</div>
                        </li>
                                            <li>
                            <div class="wzczzwzli">
                                <span class="layui-badge-dots"></span>
                                <a target="_blank" href="//m.sbmmt.com/fr/faq/354839.html">WeChat Mini Program : Exemple de mise en œuvre de l'effet d'onglets</a>
                            </div>
                            <div>1970-01-01 08:00:00</div>
                        </li>
                                            <li>
                            <div class="wzczzwzli">
                                <span class="layui-badge-dots"></span>
                                <a target="_blank" href="//m.sbmmt.com/fr/faq/354423.html">Python construit des méthodes personnalisées pour embellir la sortie de la structure du dictionnaire</a>
                            </div>
                            <div>1970-01-01 08:00:00</div>
                        </li>
                                            <li>
                            <div class="wzczzwzli">
                                <span class="layui-badge-dots"></span>
                                <a target="_blank" href="//m.sbmmt.com/fr/faq/350853.html">HTML5 : utilisez Canvas pour traiter la vidéo en temps réel</a>
                            </div>
                            <div>1970-01-01 08:00:00</div>
                        </li>
                                            <li>
                            <div class="wzczzwzli">
                                <span class="layui-badge-dots"></span>
                                <a target="_blank" href="//m.sbmmt.com/fr/faq/346502.html">Asp.net utilise SignalR pour envoyer des images</a>
                            </div>
                            <div>1970-01-01 08:00:00</div>
                        </li>
                                            <li>
                            <div class="wzczzwzli">
                                <span class="layui-badge-dots"></span>
                                <a target="_blank" href="//m.sbmmt.com/fr/faq/354842.html">Tutoriel de développement de programmes WeChat Mini-App() et Page() Présentation des fonctions</a>
                            </div>
                            <div>1970-01-01 08:00:00</div>
                        </li>
                                            <li>
                            <div class="wzczzwzli">
                                <span class="layui-badge-dots"></span>
                                <a target="_blank" href="//m.sbmmt.com/fr/faq/356574.html">Explication détaillée de l'utilisation de Python Redis</a>
                            </div>
                            <div>1970-01-01 08:00:00</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="//m.sbmmt.com/fr/wenda/176374.html"  target="_blank" title="Quelles sont les meilleures pratiques pour afficher les informations de version dans les applications Web ?" class="wdcdcTitle">Quelles sont les meilleures pratiques pour afficher les informations de version dans les applications Web ?</a>
                            <a href="//m.sbmmt.com/fr/wenda/176374.html" class="wdcdcCons">Je développe une application Web. Quelles sont les meilleures pratiques pour afficher les ...</a>
                            <div class="wdcdcInfo flexRow">
                                <div class="wdcdcileft">
                                    <span class="wdcdciSpan"> Depuis 2024-04-06 19:13:16</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>2</div>
                                    <div class="wdcdcirwatch flexRow ira"><b  class="wdcdcirwatchi"></b>476</div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="wdsyConLine wdsyConLine2"></div>
                                        <div class="wdsyConDiv flexRow wdsyConDiv1">
                        <div class="wdcdContent flexColumn">
                            <a href="//m.sbmmt.com/fr/wenda/176295.html"  target="_blank" title="Il y a une erreur avec la commande npx create-react-app, comment puis-je la corriger ?" class="wdcdcTitle">Il y a une erreur avec la commande npx create-react-app, comment puis-je la corriger ?</a>
                            <a href="//m.sbmmt.com/fr/wenda/176295.html" class="wdcdcCons">J'ai essayé de créer une nouvelle application React à l'aide de la commande « npxcreate-re...</a>
                            <div class="wdcdcInfo flexRow">
                                <div class="wdcdcileft">
                                    <span class="wdcdciSpan"> Depuis 2024-04-05 14:42:18</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>3511</div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="wdsyConLine wdsyConLine2"></div>
                                        <div class="wdsyConDiv flexRow wdsyConDiv1">
                        <div class="wdcdContent flexColumn">
                            <a href="//m.sbmmt.com/fr/wenda/176271.html"  target="_blank" title="Comment supprimer l'espace sous chaque ligne du tableau Tic-Tac-Toe dans Next.js en utilisant CSS ?" class="wdcdcTitle">Comment supprimer l'espace sous chaque ligne du tableau Tic-Tac-Toe dans Next.js en utilisant CSS ?</a>
                            <a href="//m.sbmmt.com/fr/wenda/176271.html" class="wdcdcCons">Pourquoi y a-t-il un espace sous chaque ligne ? (CSS) J'essaie de créer une application Ne...</a>
                            <div class="wdcdcInfo flexRow">
                                <div class="wdcdcileft">
                                    <span class="wdcdciSpan"> Depuis 2024-04-05 11:39:02</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>1431</div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="wdsyConLine wdsyConLine2"></div>
                                        <div class="wdsyConDiv flexRow wdsyConDiv1">
                        <div class="wdcdContent flexColumn">
                            <a href="//m.sbmmt.com/fr/wenda/176199.html"  target="_blank" title="Comment restituer les données via DOM au lieu de via une table" class="wdcdcTitle">Comment restituer les données via DOM au lieu de via une table</a>
                            <a href="//m.sbmmt.com/fr/wenda/176199.html" class="wdcdcCons">J'ai une question sur une application que je crée, j'utilise une base de données Oracle et...</a>
                            <div class="wdcdcInfo flexRow">
                                <div class="wdcdcileft">
                                    <span class="wdcdciSpan"> Depuis 2024-04-04 18:17:27</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>3567</div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="wdsyConLine wdsyConLine2"></div>
                                        <div class="wdsyConDiv flexRow wdsyConDiv1">
                        <div class="wdcdContent flexColumn">
                            <a href="//m.sbmmt.com/fr/wenda/176128.html"  target="_blank" title="Processus d'autorisation après la connexion de l'utilisateur Google SHOPIFY" class="wdcdcTitle">Processus d'autorisation après la connexion de l'utilisateur Google SHOPIFY</a>
                            <a href="//m.sbmmt.com/fr/wenda/176128.html" class="wdcdcCons">Après m'être connecté à Google, je ne trouve nulle part des informations sur le compte aut...</a>
                            <div class="wdcdcInfo flexRow">
                                <div class="wdcdcileft">
                                    <span class="wdcdciSpan"> Depuis 2024-04-04 09:40:59</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>310</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="//m.sbmmt.com/fr/faq/zt" target="_blank">Plus>
                    </a>
                </div>
                <div class="wzcttlist">
                    <ul>
                                                <li class="ul-li">
                            <a target="_blank" href="//m.sbmmt.com/fr/faq/tomcatzwlmzmj"><img src="https://img.php.cn/upload/subject/202407/22/2024072213254930511.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Comment résoudre les caractères chinois tronqués de Tomcat" /> </a>
                            <a target="_blank" href="//m.sbmmt.com/fr/faq/tomcatzwlmzmj" class="title-a-spanl" title="Comment résoudre les caractères chinois tronqués de Tomcat"><span>Comment résoudre les caractères chinois tronqués de Tomcat</span> </a>
                        </li>
                                                <li class="ul-li">
                            <a target="_blank" href="//m.sbmmt.com/fr/faq/linuxscwjj"><img src="https://img.php.cn/upload/subject/202407/22/2024072214034293755.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="supprimer le dossier sous Linux" /> </a>
                            <a target="_blank" href="//m.sbmmt.com/fr/faq/linuxscwjj" class="title-a-spanl" title="supprimer le dossier sous Linux"><span>supprimer le dossier sous Linux</span> </a>
                        </li>
                                                <li class="ul-li">
                            <a target="_blank" href="//m.sbmmt.com/fr/faq/xenserver"><img src="https://img.php.cn/upload/subject/202407/22/2024072214381817687.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="serveur xen" /> </a>
                            <a target="_blank" href="//m.sbmmt.com/fr/faq/xenserver" class="title-a-spanl" title="serveur xen"><span>serveur xen</span> </a>
                        </li>
                                                <li class="ul-li">
                            <a target="_blank" href="//m.sbmmt.com/fr/faq/zmxgtpsdwz"><img src="https://img.php.cn/upload/subject/202407/22/2024072214305145551.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Comment modifier le texte sur l'image" /> </a>
                            <a target="_blank" href="//m.sbmmt.com/fr/faq/zmxgtpsdwz" class="title-a-spanl" title="Comment modifier le texte sur l'image"><span>Comment modifier le texte sur l'image</span> </a>
                        </li>
                                                <li class="ul-li">
                            <a target="_blank" href="//m.sbmmt.com/fr/faq/javawebservic"><img src="https://img.php.cn/upload/subject/202407/22/2024072213360432561.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Java appelle le service Web" /> </a>
                            <a target="_blank" href="//m.sbmmt.com/fr/faq/javawebservic" class="title-a-spanl" title="Java appelle le service Web"><span>Java appelle le service Web</span> </a>
                        </li>
                                                <li class="ul-li">
                            <a target="_blank" href="//m.sbmmt.com/fr/faq/oppozmsp"><img src="https://img.php.cn/upload/subject/202407/22/2024072212202872244.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Comment verrouiller l'écran sur oppo11" /> </a>
                            <a target="_blank" href="//m.sbmmt.com/fr/faq/oppozmsp" class="title-a-spanl" title="Comment verrouiller l'écran sur oppo11"><span>Comment verrouiller l'écran sur oppo11</span> </a>
                        </li>
                                                <li class="ul-li">
                            <a target="_blank" href="//m.sbmmt.com/fr/faq/sjskhynjzyy"><img src="https://img.php.cn/upload/subject/202407/22/2024072213303646082.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Quelles sont les raisons pour lesquelles un téléphone portable a un numéro vide ?" /> </a>
                            <a target="_blank" href="//m.sbmmt.com/fr/faq/sjskhynjzyy" class="title-a-spanl" title="Quelles sont les raisons pour lesquelles un téléphone portable a un numéro vide ?"><span>Quelles sont les raisons pour lesquelles un téléphone portable a un numéro vide ?</span> </a>
                        </li>
                                                <li class="ul-li">
                            <a target="_blank" href="//m.sbmmt.com/fr/faq/wordzrhjlsy"><img src="https://img.php.cn/upload/subject/202407/22/2024072213494378491.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Comment créer un index dans Word" /> </a>
                            <a target="_blank" href="//m.sbmmt.com/fr/faq/wordzrhjlsy" class="title-a-spanl" title="Comment créer un index dans Word"><span>Comment créer un index dans Word</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="Pourquoi ne puis-je pas ouvrir l'applet WeChat ?" href="//m.sbmmt.com/fr/faq/467969.html">Pourquoi ne puis-je pas ouvrir l'applet WeChat ?</a>
                                </div>
                            </li>
                                                <li>
                                <div class="wzczzwzli">
                                    <span class="layui-badge-dots wzrolr"></span>
                                    <a style="height: auto;" title="Quelle est la différence entre un compte d'abonnement et un compte public ?" href="//m.sbmmt.com/fr/faq/465222.html">Quelle est la différence entre un compte d'abonnement et un compte public ?</a>
                                </div>
                            </li>
                                                <li>
                                <div class="wzczzwzli">
                                    <span class="layui-badge-dots wzrolr"></span>
                                    <a style="height: auto;" title="Quel langage est utilisé pour écrire les mini-programmes WeChat ?" href="//m.sbmmt.com/fr/faq/418037.html">Quel langage est utilisé pour écrire les mini-programmes WeChat ?</a>
                                </div>
                            </li>
                                                <li>
                                <div class="wzczzwzli">
                                    <span class="layui-badge-dots wzrolr"></span>
                                    <a style="height: auto;" title="Quel est le processus de développement d'un mini-programme ?" href="//m.sbmmt.com/fr/faq/417201.html">Quel est le processus de développement d'un mini-programme ?</a>
                                </div>
                            </li>
                                                <li>
                                <div class="wzczzwzli">
                                    <span class="layui-badge-dots wzrolr"></span>
                                    <a style="height: auto;" title="Comment générer un code QR avec un mini programme" href="//m.sbmmt.com/fr/faq/467888.html">Comment générer un code QR avec un mini programme</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="//m.sbmmt.com/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="//m.sbmmt.com/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="//m.sbmmt.com/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>1421299 <b class="kclbcollectb"></b></div>
                                     
                                                                                    <div class="courseICollection" data-id="812">
                                                <b class="nofollow small-nocollect"></b>
                                            </div>
                                                                            </div>
                                </div>
                            </li>
                                                <li>
                                <a target="_blank" href="//m.sbmmt.com/fr/course/74.html" title="Premier tutoriel d'introduction à PHP : Apprenez PHP en une semaine" class="wzrthreelaimg">
                                    <img src="https://img.php.cn/upload/course/000/000/068/6253d1e28ef5c345.png" alt="Premier tutoriel d'introduction à PHP : Apprenez PHP en une semaine"/>
                                </a>
                                <div class="wzrthree-right">
                                    <a target="_blank" title="Premier tutoriel d'introduction à PHP : Apprenez PHP en une semaine" href="//m.sbmmt.com/fr/course/74.html">Premier tutoriel d'introduction à PHP : Apprenez PHP en une semaine</a>
                                    <div class="wzrthreerb">
                                        <div>4265185 <b class="kclbcollectb"></b></div>
                                     
                                                                                    <div class="courseICollection" data-id="74">
                                                <b class="nofollow small-nocollect"></b>
                                            </div>
                                                                            </div>
                                </div>
                            </li>
                                                <li>
                                <a target="_blank" href="//m.sbmmt.com/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="//m.sbmmt.com/fr/course/286.html">Tutoriel vidéo JAVA pour débutants</a>
                                    <div class="wzrthreerb">
                                        <div>2516581 <b class="kclbcollectb"></b></div>
                                     
                                                                                    <div class="courseICollection" data-id="286">
                                                <b class="nofollow small-nocollect"></b>
                                            </div>
                                                                            </div>
                                </div>
                            </li>
                                                <li>
                                <a target="_blank" href="//m.sbmmt.com/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="//m.sbmmt.com/fr/course/504.html">Tutoriel vidéo d'introduction base zéro à l'apprentissage de Python de Little Turtle</a>
                                    <div class="wzrthreerb">
                                        <div>506250 <b class="kclbcollectb"></b></div>
                                     
                                                                                    <div class="courseICollection" data-id="504">
                                                <b class="nofollow small-nocollect"></b>
                                            </div>
                                                                            </div>
                                </div>
                            </li>
                                                <li>
                                <a target="_blank" href="//m.sbmmt.com/fr/course/2.html" title="Tutoriel d'introduction PHP base zéro" class="wzrthreelaimg">
                                    <img src="https://img.php.cn/upload/course/000/000/068/6253de27bc161468.png" alt="Tutoriel d'introduction PHP base zéro"/>
                                </a>
                                <div class="wzrthree-right">
                                    <a target="_blank" title="Tutoriel d'introduction PHP base zéro" href="//m.sbmmt.com/fr/course/2.html">Tutoriel d'introduction PHP base zéro</a>
                                    <div class="wzrthreerb">
                                        <div>861349 <b class="kclbcollectb"></b></div>
                                     
                                                                                    <div class="courseICollection" data-id="2">
                                                <b class="nofollow small-nocollect"></b>
                                            </div>
                                                                            </div>
                                </div>
                            </li>
                                    </ul>
                <ul class="two" style="display: none;">
                                            <li>
                            <a target="_blank" href="//m.sbmmt.com/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="//m.sbmmt.com/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 >1421299 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="//m.sbmmt.com/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="//m.sbmmt.com/fr/course/286.html">Tutoriel vidéo JAVA pour débutants</a>
                                <div class="wzrthreerb">
                                    <div >2516581 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="//m.sbmmt.com/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="//m.sbmmt.com/fr/course/504.html">Tutoriel vidéo d'introduction base zéro à l'apprentissage de Python de Little Turtle</a>
                                <div class="wzrthreerb">
                                    <div >506250 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="//m.sbmmt.com/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="//m.sbmmt.com/fr/course/901.html">Introduction rapide au développement web front-end</a>
                                <div class="wzrthreerb">
                                    <div >215620 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="//m.sbmmt.com/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="//m.sbmmt.com/fr/course/234.html">Maîtrisez les didacticiels vidéo PS à partir de zéro</a>
                                <div class="wzrthreerb">
                                    <div >886318 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="//m.sbmmt.com/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="//m.sbmmt.com/fr/course/1648.html">[Web front-end] Démarrage rapide de Node.js</a>
                                <div class="wzrthreerb">
                                    <div >7202 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="//m.sbmmt.com/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="//m.sbmmt.com/fr/course/1647.html">Collection complète de cours full-stack de développement Web étranger</a>
                                <div class="wzrthreerb">
                                    <div >5606 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="//m.sbmmt.com/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="//m.sbmmt.com/fr/course/1646.html">Aller au langage pratique GraphQL</a>
                                <div class="wzrthreerb">
                                    <div >4719 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="//m.sbmmt.com/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="//m.sbmmt.com/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 >673 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="//m.sbmmt.com/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="//m.sbmmt.com/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 >23762 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="//m.sbmmt.com/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="//m.sbmmt.com/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="//m.sbmmt.com/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="//m.sbmmt.com/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="//m.sbmmt.com/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="//m.sbmmt.com/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="//m.sbmmt.com/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="//m.sbmmt.com/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="//m.sbmmt.com/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="//m.sbmmt.com/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="//m.sbmmt.com/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="//m.sbmmt.com/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="//m.sbmmt.com/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="//m.sbmmt.com/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="//m.sbmmt.com/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="//m.sbmmt.com/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="//m.sbmmt.com/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="//m.sbmmt.com/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="//m.sbmmt.com/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="//m.sbmmt.com/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="//m.sbmmt.com/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="//m.sbmmt.com/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="//m.sbmmt.com/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="//m.sbmmt.com/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="//m.sbmmt.com/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="//m.sbmmt.com/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="//m.sbmmt.com/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="//m.sbmmt.com/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="//m.sbmmt.com/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="//m.sbmmt.com/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="//m.sbmmt.com/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="//m.sbmmt.com/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="//m.sbmmt.com/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="//m.sbmmt.com/fr/about/us.html">À propos de nous</a>
            <a href="//m.sbmmt.com/fr/about/disclaimer.html">Clause de non-responsabilité</a>
            <a href="//m.sbmmt.com/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>