Details zur Versionsaktualisierung des WeChat Mini-Programms 0.11.122100 – Einführung

0.11.122100 Update-Übersicht

• 4 neue APIs und 2 neue Komponenten hinzugefügt

• Erweiterung 10 Komponenten hinzugefügt Attribute, 6 Komponentenereignisse hinzugefügt

• Dutzende API- und Komponentenfehler behoben, einige interaktive Erlebnisse optimiert

• Entwicklung Entwicklertools fügen Debugging-Unterstützung für neue hinzu APIs und Komponenten

• Entwicklertools fügen Debugging-Unterstützung für WeChat-Zahlungen hinzu
  

Das detaillierte Aktualisierungsprotokoll lautet wie folgt:


Grundlegende Bibliotheksaktualisierung

• Eine neue API wx.switchTab Details

• Eine neue API wx .scanCode

• Eine neue API wx.createMapContext

• Eine neue API wx.createCanvasContext

• Ein neuer API-Aufruf wx.showToast Parametermaske

• Eine neue Seitenmethode Page.onShareAppMessage für benutzerdefiniertes Teilen von Inhalten

• Eine neue Framework-Methode App.onError

• Eine neue Seitenkonfiguration disabelScroll

• Eine neue -Komponente

• A Hinzugefügt < contact-button/>-Komponente, die zum Anzeigen der Schaltfläche für die Kundendienstsitzung verwendet wird

• Ein -Komponentenattribut „openType“ hinzugefügt

• A Hinzugefügtes Komponentenattribut color

• A Hinzugefügtes

• A -Komponentenattribut hinzugefügt Steuerverbindungsgleiten

• A Komponentenattribut hinzugefügt. Cursor-Abstand

• A Cursor-Abstand</li> <li> <p></p>A <picker/>-Komponentenattribut deaktiviert</li> <li> <p></p>A <view/>-Komponentenattribut hinzugefügt Klasse</li> <li> <p></p>A Hinzugefügt <scroll-view/> Komponentenattribute scroll-x, scroll-y unterstützen dynamische Änderung </li> <li> <p></p>A Hinzugefügt < ;map/> Komponentenereignis bindtap bindmarkertap bindcontrolstap bindregionchange</li> <li> <p></p>A <input/> hinzugefügtes <input/> video/> Komponentenereignis bindtimeupdate</li> <li> <p></p>Ein hinzugefügtes<textarea/> Komponentenereignis bindconfirm</li> <li> <p></p>Ein hinzugefügtes<textarea/> bindinput</li> <li> <p></p>Ein hinzugefügtes <canvas/>-Komponentenereignis bindlongtap</li> <li> <p></p>Eine hinzugefügte AudioContext.setSrc()-Kontext-API</li> <li> <p></p>Ein hinzugefügter CanvasContext-Kontext</li> <li> <p></p>Eine hinzugefügte CanvasContext.arc()-Kontext-API</li> <li> <p></p>Eine hinzugefügte CanvasContext.fillRect( ) Kontext-API</li> <li> <p></p>Eine neue CanvasContext.StrokeRect()-Kontext-API</li> <li> <p></p>Eine neue CanvasContext.createLinearGradient()-Kontext-API</li> <li> <p></p>Eine neu hinzugefügte CanvasContext.createCircularGradient()-Kontext-API</li> <li> <p></p>Eine hinzugefügte <scroll-view/>-Komponente, um das Scrollen der Seite beim Scrollen zu verhindern</li> <li> <p></p>U Update API wx.getSystemInfo Neuer Plattform-Rückgabeparameter</li> <li> <p></p>U Update API wx.downloadFile Wenn der HTTP-Statuscode 200 oder 304 ist, wird dies der Fall sein return tmpFilePath</li> <li> <p></p>U Aktualisierung der API wx.showModal-Aufrufparameter „confirmText“ cancelText Zeichenbeschränkung </li> <li> <p></p>U Aktualisierung des WXML-Datensatzes, Rückkehr zur Unterstützung von Objekten und Arrays</li> <li> <p></p>U Update<image/> Komponentenattributmodus optional widthFix</li> <li> <p></p>U Update<picker/> Komponentenattributbereich hinzufügen</li> <li> <p></p>U Update<switch/> <checkbox/> CanvasContext.restore() Kontext-API Pinselstil speichern</li> <li> <p></p>U CanvasContext.arc() Kontext-API-Parameteranpassung aktualisieren, eAngle hinzufügen, gegen den Uhrzeigersinn, SweepAngle entfernen</li> <li> <p> </p>U Optimieren Sie das <swiper/>-Slide-Erlebnis </li> <li> <p></p>U Optimieren Sie das <swiper/> interaktive Erlebnis </li> <li> <p></p>U Optimierung der <navigator/> <button/>-Komponenten-Klickerfahrung</li> <li> <p></p>F Korrektur der wx.request-Methode auf Android Verwenden Sie nur Großbuchstaben. Wertproblem</li> <li> <p></p>F Das Problem, dass wx.uploadFile den Header unter iOS nicht festlegen kann, wurde behoben.</li> <li> <p></p>F Das Problem mit wx.getLocation type= wurde behoben gcj02 unter iOS </li> <li> <p></p>F Behebt das Problem, dass wx.showToast nach dem Beenden des Applets immer noch angezeigt wird </li> <li> <p></p>F Korrigiert den Rückgabeparameter wx.showModal in Inkonsistenz zwischen Android und iOS</li> <li> <p></p>F Das Problem der Layoutstörung wurde behoben, wenn der wx.showModal-Inhalt zu lang oder der Titel leer war</li> <li> <p></p>F Beheben Sie das Problem, dass der Standardwert nicht angezeigt wird, wenn wx.showModal cancelText und bestätigenText leer sind</li> <li> <p></p>F Beheben Sie das Problem, dass die Tastatur während wx.showModal angezeigt wird und nicht geschlossen werden kann</li> <li> <p></p>F Das Problem, dass wx.getImageInfo keine http-Link-Bilder auf Android abrufen kann</li>, wurde behoben<li><p>F Das Problem der inkonsistenten Bildschirmhöhe, die von wx.getSystemInfo aufgrund des Erscheinens der Tableiste ermittelt wurde, wurde behoben. </p></li> <li><p>F Das Problem, dass das wx.downloadFile-Bild nach dem Herunterladen nicht angezeigt wurde, wurde behoben Android-Problem</p></li> <li><p>F Beheben Sie das Problem, dass wx.request die Anforderungsdaten nicht korrekt codiert</p></li> <li><p>F Beheben Sie wx.login App.onLaunch in iOS Kein Rückrufproblem</p></li> <li><p>F Fix wx.createAnimationContext-Einstellung transformOrigin-Ausnahme und Animation kann nicht mit dem nächsten Schritt fortfahren</p></li> <li><p>F Fix wx.navigateTo wx .redirectTo Unter iOS besteht das Problem, dass Page.onLoad nicht aufgerufen werden kann </p></li> <li><p>F Das Problem, dass das Standardverhalten von Catch-Blocking-Ereignissen ungültig ist, wurde behoben</p></li> <li><p>F Fehler bei der Übergabe von SetInterval-Parametern unter iOS behoben, der dazu führt, dass die Seite einfriert </p></li> <li><p>F Das Problem der mehrfachen Auslösung von onReachBottom wurde behoben </p></li> <li><p> F Behoben: <swiper/ > Problem mit Textknoten-Nachkommen /> Das versteckte Attribut „video/>“ wird nicht wirksam 🎜></p></li> <li>F Das Problem, dass <scroll-view/> an den oberen oder unteren Rand des Begrüßungsbildschirms rutscht, wurde behoben. <p></p> </li> <li>F Das Problem wurde behoben von <video/> wird unter iOS nicht wirksam <p></p> </li> <li>F Das Problem, dass <video/> weiterhin vorhanden ist, wurde unter iOS behoben <p></p> </li> <li>F Behoben <text/ > Das Problem, dass Klasse und Stil in Einbettungen nicht dynamisch aktualisiert werden <p></p> </li> <li>F Das Problem der falschen Textfarbe wurde behoben <button/> deaktiviert <p></p> </li> <li>F Das Problem, bei dem <input/> ungültig ist, wurde behoben <p></p> </li> <li>F Behoben < input/> bei Verwendung von display:flex in iOS9 wird die erste Eingabe nicht angezeigt. Probleme <p></p> </li> <li>F Fix <input/>, wenn der Anfangswert undefiniert ist <p></p> </li> <li>F Problem mit <input/>-Platzhalter-Ghosting behoben<p></p> </li> <li>F Problem mit <input/>-Farbanomalien behoben nach dem Fokus<p></p> </li> <li>F Beheben Sie das Problem der abnormalen Positionierung von <textarea/> position:fixed<p></p></li><li>F Beheben Sie das Problem von < textarea/> löst das Unschärfeereignis nach dem Öffnen der Auswahl nicht aus<p></p> </li> <li>F Behebung des Problems der Höhenänderung beim Festlegen der automatischen Höhe in <textarea/><p></p> </li> <li>F Behebung des Problems der Zerstörungsausnahme in <textarea/><p></p> </li> <li>F Behebung des Problems, dass die Vollbildschaltfläche in <video/> muss zweimal angeklickt werden, um auf Android wirksam zu werden <p></p> </li> <li>F Das Problem in <audio/> wurde behoben. Das Problem der widersprüchlichen Verwendung derselben ID auf mehreren Seiten <p></p> </li> <li>F Das Problem, dass <canvas/> nicht normal angezeigt werden kann, wurde behoben. <p></p> </li> <li>F Das Problem mit <image/> wurde behoben Endlosschleifenproblem<p></p> </li> <li>F Das Problem des <scroll-view/> Fehlers beim Scrollen in die Ansicht wurde behoben<p> </p> </li> <li>F Das Problem wurde behoben dass <form/> den Eingabeinhalt nicht abrufen kann <p></p> </li> <li>D Das <navigator/>-Weiterleitungsattribut wird bald entfernt <p></p> </li> <li>D Die Schnittstelle wx.createContext wird bald entfernt <p></p> </li> <li>D Das Attribut <input/> wird bald entfernt, verwenden Sie die Fokus-Attribute direkt <p></p> </li> <li>D wird bald entfernt<map /> deckt das Attribut ab<p></p> </li> <li> <p></p> Grundfunktionen von Entwicklertools </li> <li> <p> <br></p>A Debugging-Unterstützung für wx.switchTab hinzugefügt </li> </ul> <br><br>A wx.startRecord wx.stopRecord wx.playVoice wx pauseVoice wx.stopVoice API-Debugging-Unterstützung hinzugefügt<br><br><ul class="litype_1 list-paddingleft-2"> <li>A Debugging-Unterstützung für WeChat-Zahlungen hinzugefügt<p></p> </li> <li>A Debugging-Unterstützung für das Scannen von QR-Codes hinzugefügt<p></p> </li> <li>A Eine neue Nachricht hinzugefügt über app.json, das wiederholt die Auslagerungsdatei definiert, was zu einem Fehler in der Übermittlungsvorschau führt<p></p> </li> <li>A Neue Meldung über Netzwerkfehler beim Laden von Bildern im Simulator hinzugefügt <p></p> </li> <li>A Funktion zum Festlegen der Initialisierungsseite und Parameter beim Kompilieren hinzugefügt<p></p> </li> <li>A Funktion zum Festlegen der Initialisierungsseite und Parameter beim Senden der Vorschau hinzugefügt<p></p> </li> <li>F Optimieren Sie das Appdata-Panel, um Daten auf separaten Seiten anzuzeigen, unterstützen Sie dynamische Aktualisierungen und die Anzeige im Codemodus.<p></p> </li> <li>F Korrigieren Sie wx.getBackgroundAudioPlayerState, wenn keine Musik abgespielt wird. Kein Rückgabeproblem <p></p> </li> <li>F Behebung des Problems, dass wx.getBackgroundAudioPlayerState einen falschen Status erhält<p></p> </li> <li>F Behebung des Problems mit dem weißen Bildschirm im WXML-Panel in einigen Fällen<p></p> </li> <li>F Das Problem, dass WXML-Panel-Attribute nicht kopiert werden können und die Kopie über einen Wagenrücklauf verfügt, wurde behoben. <p></p> </li> <li>F Das Problem, dass einzelne Textknoten des WXML-Panels nicht angezeigt wurden, wurde behoben. Ausrichtung Problem<p></p> </li> <li>F Beheben Sie das Problem, dass der Simulator einen Fehler anzeigt, wenn die Position der Tableiste in app.json auf „oben“ eingestellt ist.<p></p> </li> <li>F Beheben Sie Devtools und Das Problem des falschen Klickens auf externe Links im Editor <p></p> </li> <li>F Das Problem, dass wx.requst die Anfrage aufgrund des Caches nicht senden konnte, wurde behoben <p></p> </li> </ul>Im Folgenden sind die Aktualisierungsdetails aufgeführt: <br><br><br>wx.switchTab(OBJECT)<br><br>Zur TabBar-Seite springen und alle anderen Nicht-TabBar-Seiten schließen<br> OBJECT-Parameterbeschreibung: <br>[tr] Erforderliche Beschreibung des Parametertyps[/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>Beispielcode: <br>{ "tabBar": { "list": [{ "pagePath": "index", "text ": "Home" },{ "pagePath": "other", "text": "other" }] }}wx.switchTab({ url: '/index'})<br><br><br><br> <br>wx.scanCode(OBJECT)<br><br>Starten Sie die Client-Code-Scan-Schnittstelle und geben Sie nach erfolgreichem Scan das entsprechende Ergebnis zurück <br>Objektparameterbeschreibung: <br>[tr] Parametertyp erforderliche Beschreibung[ /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>Erfolgsrückgabeparameterbeschreibung: <br>[tr]Parameterbeschreibung[/tr]<table class="t_table"><tbody><tr class="firstRow"> <td>result</td> <td>码的内容</td> </tr></tbody></table>Beispielcode: <br>wx.scanCode({ success: (res) => { console.log( res) }})<br><br><br><br><br>onShareAppMessage<br><br>Definieren Sie die onShareAppMessage-Funktion in Seite, um die Freigabeinformationen der Seite festzulegen. <br><ul class=" list-paddingleft-2"> <li><p>Nur ​​wenn dieser Event-Handler definiert ist, wird die Schaltfläche „Teilen“ im oberen rechten Eckmenü angezeigt </p></li> <li><p>Es wird aufgerufen wenn der Benutzer auf die Schaltfläche „Teilen“ klickt </p></li> <li><p>Dieses Ereignis muss ein Objekt für benutzerdefinierte Freigabeinhalte zurückgeben <br></p></li> </ul>Benutzerdefiniertes Freigabefeld<br>[tr ] Feldbeschreibung Standardwert[/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>Beispielcode:<br>Page({ onShareAppMessage: function () { return { title: 'Customized share title', desc: 'Customized share description', path: '/page / user?id=123' } }})<br><br><br><br><br>wx.showToast(OBJECT)<br><br>Meldungsaufforderungsfeld anzeigen<br>OBJECT-Parameterbeschreibung: <br>[tr]Erforderliche Beschreibung des Parametertyps[/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>Beispielcode: <br>wx.showToast({ Titel: 'Erfolg', Symbol: 'Erfolg', Dauer: 2000})<br><br> <br>onShareAppMessage<br><br>Definieren Sie die onShareAppMessage-Funktion in Seite, um die Freigabeinformationen der Seite festzulegen. <br><ul class=" list-paddingleft-2"> <li><p>Nur ​​wenn dieser Event-Handler definiert ist, wird die Schaltfläche „Teilen“ im oberen rechten Eckmenü angezeigt </p></li> <li><p>Es wird aufgerufen wenn der Benutzer auf die Schaltfläche „Teilen“ klickt </p></li> <li><p>Dieses Ereignis muss ein Objekt für benutzerdefinierte Freigabeinhalte zurückgeben <br></p></li> </ul>Benutzerdefiniertes Freigabefeld<br>[tr ] Feldbeschreibung Standardwert[/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>Beispielcode: <br>Page({ onShareAppMessage: function () { return { title: 'Customized share title', desc: 'Customized share description', path: '/page/user?id=123' } }} )<br><br><br><br><br>wx.createCanvasContext(canvasId)<br><br>Definition<br><br>Leinwand-Zeichnungskontext erstellen (canvasId angeben)<br>Tipp: CanvasId muss angegeben werden , wirkt dieser Zeichenkontext nur auf den entsprechenden <canvas/><br><br><br><br>Parameter<br><br>[tr]Parametertypbeschreibung[/tr]<table class="t_table"><tbody><tr class="firstRow"> <td>canvasId</td> <td>String</td> <td>画布表示，传入定义在 <canvas/> 的 canvas-id</td> </tr></tbody></table> <br> <br><br>Neue Komponente: <br><br><br>audioContext<br><br>audioContext ist über audioId an eine <audio/>-Komponente gebunden, über die das entsprechende <audio/> Komponente. <br>Methodenliste des audioContext-Objekts: <br>[tr]Methodenparameterbeschreibung[/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>Beispielcode: <br><!-- audio.wxml --><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">Stellen Sie die aktuelle Wiedergabezeit auf 14 Sekunden ein</button><button type="primary" bindtap="audioStart"> ;Zurück zum Anfang</button>// audio.jsPage({ onReady: function (e) { // Verwenden Sie wx.createAudioContext, um den Audiokontext abzurufen context 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() }, data: { 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="/static/imghw/default1.png" data-src="https://img.php.cn//upload/image/189/517/243/1488964166491492.png" class="lazy" title="微信小程序0.11.122100 版本更新详情介绍" alt="微信小程序0.11.122100 版本更新详情介绍" style="max-width:90%" style="max-width:90%"><br><br>picker-view<br><br>eingebetteter Seiten-Scroll-Selektor<br>[tr] Attributname Typ Standardwert Beschreibung[/tr]<table class="t_table"><tbody> <tr class="firstRow"> <td>value</td> <td>Number Array</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>Die Zahlen im Array stellen nacheinander die von der Picker-View-Spalte in der Picker-View ausgewählte Zahl dar (der Index beginnt bei 0, wenn die Zahl größer als die Länge der Picker-View-Spalte ist). Spaltenoption, die letzte ist ausgewählt. Ein Element. </td> </tr> <tr> <td>indicator-style</td> <td>String</td> <td></td> <td>Legen Sie den Stil des ausgewählten Felds fest in der Mitte des Selektors </td> </tr> <tr> <td>bindchange</td> <td>EventHandle</td> <td></td> <td>Das Änderungsereignis wird ausgelöst Wenn sich der Wert beim Scrollen ändert, ist event.detail = {value: value}; value ist ein Array, das angibt, welches Element der Picker-View-Spalte derzeit ausgewählt ist (der Index beginnt bei 0). </td> </tr> tbody></tbody></table>Hinweis: Es kann nur die Komponente <picker-view-column/> platziert werden, andere Knoten werden nicht angezeigt. <br><br><br>picker-view-column<br><br> kann nur in <picker-view /> platziert werden und die Höhe seines untergeordneten Knotens wird automatisch auf die gleiche Höhe wie die gesetzt Kontrollkästchen der Picker-Ansicht Hochkonsistent<br><view>{{year}}year{{month}}month{{day}}day</view> -view Indicator- style="height: 50px;" style="width: 100%; height: 300px;" bindchange="bindChange"> ;view wx: for="{{years}}" style="line-height: 50px">{{item}}years</view> </picker-view-column> ; <view wx:for="{{months}}" style="line-height: 50px">{{item}}month</picker-view> -column> <view wx:for="{{days}}" style="line-height: 50px">{{item}}day</view> picker -view></view>const date = new Date()const years = []constmonths = []const days = []for (let i = 1990; i <= date.getFullYear(); i++) { years.push(i)}for (let i = 1 ; i <= 12; i++) {months.push(i)}for (let i = 1 ; i <= 31; i++) { days.push ( i)}Page({ Daten: { Jahre: Jahre, Jahr: date.getFullYear(), Monate: Monate, Monat: 2, Tage: Tage, Tag: 2, Jahr: date.getFullYear(), Wert: [9999 , 1, 1], }, bindChange: function(e) { const val = e.detail.value this.setData({ Jahr: this.data.years[val[0]], Monat: this.data.months[ val [1]], Tag: this.data.days[val[1]] }) }})<br/>Canvas-Verbesserung<br/><br/><ul class="litype_1 list-paddingleft-2"><li>Ein hinzugefügter CanvasContext-Kontext<p></p></li><li>Eine hinzugefügte CanvasContext.arc()-Kontext-API<p></p></li><li>Eine hinzugefügte CanvasContext.fillRect()-Kontext-API<p></p></li><li>A CanvasContext.StrokeRect()-Kontext-API hinzugefügt<p></p></li><li>A CanvasContext.createLinearGradient()-Kontext-API hinzugefügt<p></p></li><li>A CanvasContext.createLinearGradient()-Kontext-API hinzugefügt <p><br/></p></li></ul><br/>createCircularGradient<br/><br/>Definition<br/><br/>Erstellt eine kreisförmige Verlaufsfarbe. <br/>Tipp: Der Startpunkt liegt in der Mitte des Kreises und der Endpunkt am Ring. <br/>Tipp: Sie müssen addColorStop() verwenden, um mindestens zwei Verlaufspunkte anzugeben. <br/><br/><br/><br/>Parameter<br/><br/>[tr]Parametertypdefinition[/tr]<br/><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/>Beispiel<br/><br/>const ctx = wx.createCanvasContext('myCanvas')// Kreisförmigen Farbverlauf erstellenconst grd = ctx.createCircularGradient(75, 50, 50)grd.addColorStop(0, 'red')grd.addColorStop(1, 'white')// Füllen mit gradientctx.setFillStyle(grd)ctx.fillRect(10, 10, 150, 80)ctx.draw()<br/><br/><br/><img src="/static/imghw/default1.png" data-src="https://img.php.cn//upload/image/423/329/798/1488964146381136.png" class="lazy" title="微信小程序0.11.122100 版本更新详情介绍" alt="微信小程序0.11.122100 版本更新详情介绍" style="max-width:90%" style="max-width:90%"/><br/><br/>createLinearGradient<br/><br/>Definition<br/><br/>Erstellen Sie eine lineare Verlaufsfarbe. <br/>Tipp: Sie müssen addColorStop() verwenden, um mindestens zwei Verlaufspunkte anzugeben. <br/><br/><br/><br/>Parameter<br/><br/>[tr]Parametertypdefinition[/tr]<br/><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/>Beispiel<br/><br/>const ctx = wx.createCanvasContext('myCanvas')// Linearen Farbverlauf erstellenconst grd = ctx.createLinearGradient(0, 0, 200, 0)grd.addColorStop(0, 'red')grd.addColorStop(1, 'white')// Füllen Sie mit Farbverlaufctx.setFillStyle(grd)ctx.fillRect(10, 10, 150, 80)ctx.draw()<br/><br/><img src="/static/imghw/default1.png" data-src="https://img.php.cn//upload/image/319/264/577/1488964126768032.png" class="lazy" title="微信小程序0.11.122100 版本更新详情介绍" alt="微信小程序0.11.122100 版本更新详情介绍" style="max-width:90%" style="max-width:90%"/>StrokeRect<br/><br/>Define<br/><br/>Zeichne ein Rechteck (nicht gefüllt). <br/>Tipp: Verwenden Sie setFillStroke(), um die Farbe der rechteckigen Linie festzulegen. Wenn nicht festgelegt, ist die Standardeinstellung Schwarz. <br/><br/><br/><br/>Parameter<br/><br/>[tr]Parametertypbereichsbeschreibung[/tr]<table class="t_table"><tbody><tr class="firstRow">< td>x</td><td>Nummer</td><td><br/></td><td>x-Koordinate der oberen linken Ecke des rechteckigen Pfads</td></tr><tr> <td>y </td><td>Nummer</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>Y-Koordinate der oberen linken Ecke des rechteckigen Pfads</td></tr><tr ><td>Breite</td ><td>Zahl</td><td><🎜></td><td>Die Breite des rechteckigen Pfads</td></tr><tr><td> Höhe</td><td>Zahl< /td><td><🎜></td><td>Die Höhe des rechteckigen Pfads</td></tr></tbody></table><br/><br/><br/>Beispiel<br/><br/>const ctx = wx.createCanvasContext('myCanvas')ctx.setStrokeStyle('red')ctx.StrokeRect(10, 10, 150, 75)ctx.draw ()<br/><br/><img src="/static/imghw/default1.png" data-src="https://img.php.cn//upload/image/939/521/900/1488964112354042.png" class="lazy" title="微信小程序0.11.122100 版本更新详情介绍" alt="微信小程序0.11.122100 版本更新详情介绍" style="max-width:90%" style="max-width:90%"/><br/>fillRect<br/><br/> definiert <br/><br/> zum Füllen eines Rechtecks. <br/>Tipp: Verwenden Sie setFillStyle(), um die Füllfarbe des Rechtecks ​​festzulegen. Wenn nicht festgelegt, ist die Standardeinstellung Schwarz. <br/><br/><br/><br/>Parameter<br/><br/>[tr]Parametertypbeschreibung[/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/>Beispiel<br/><br/>const ctx = wx.createCanvasContext('myCanvas')ctx.setFillStyle('red')ctx.fillRect(10, 10, 150, 75)ctx.draw()<br/><br/><img src="/static/imghw/default1.png" data-src="https://img.php.cn//upload/image/656/510/394/1488964097771237.png" class="lazy" title="微信小程序0.11.122100 版本更新详情介绍" alt="微信小程序0.11.122100 版本更新详情介绍" style="max-width:90%" style="max-width:90%"/><br/><br/><br/>Bogen<br/><br/>Definition<br/><br/>Zeichne einen Bogen. <br/>Tipp: Um einen Kreis zu erstellen, können Sie mit der arc()-Methode angeben, dass der tatsächliche Bogenmaß 0 und der Endbogenmaß 2 * Math.PI ist. <br/>Tipp: Verwenden Sie die Methode Stroke() oder Fill(), um Bögen im Canvas zu zeichnen. <br/><br/><br/><br/>Parameter<br/><br/>[tr]Parametertypbeschreibung[/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/>Beispiel<br/><br/>const ctx = wx.createCanvasContext('myCanvas')// Koordinaten zeichnenctx.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('black')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)// Punkte zeichnenctx.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('blue')ctx.fill()ctx.beginPath()ctx.arc(150, 75 , 2, 0, 2 * Math.PI)ctx.setFillStyle('red')ctx.fill()// Draw arcctx.beginPath()ctx.arc(100, 75, 50, 0, 1.5 * Math.PI) ctx.setStrokeStyle('#333333')ctx.Stroke()ctx.draw()<br/>Die drei Schlüsselkoordinaten für arc(100, 75, 50, 0, 1.5 * Math.PI) lauten wie folgt: <img src="/static/imghw/default1.png" data-src="https://img.php.cn//upload/image/352/893/518/1488964083105591.png" class="lazy" title="微信小程序0.11.122100 版本更新详情介绍" alt="微信小程序0.11.122100 版本更新详情介绍" style="max-width:90%" style="max-width:90%"/> <ul class=" list-paddingleft-2"><li><p>Grün: Kreismittelpunkt (100, 75)</p></li><li><p>Rot: Startbogen (0)</p></li><li><p>Blau : Abschlussbogen (1,5 * Math.PI)<br/></p></li></ul><br/><br/><br/><br/><br/>Auf Leinwand zeichnen<br/><br/>Alles in < Zeichnung in ;canvas/> muss mit JavaScript erfolgen: <br>WXML: (Wir werden dieses WXML in den folgenden Beispielen als Vorlage verwenden, sofern keine spezielle Anweisung vorliegt, und es nicht wiederholen) <br><canvas Canvas -id ="myCanvas" style="border: 1px solid;"/>JS: (Wir werden JS im nächsten Beispiel in onLoad einfügen) <br>const ctx = wx.createCanvasContext('myCanvas')ctx(. 'red')ctx.fillRect(10, 10, 150, 75)ctx.draw()<br><br><br>Schritt 1: Erstellen Sie einen Canvas-Zeichnungskontext<br><br>Zuerst müssen wir Folgendes tun Erstellen Sie einen Canvas-Zeichnungskontext CanvasContext. <br>CanvasContext ist ein in das Applet integriertes Objekt und verfügt über einige Zeichenmethoden: <br>const ctx = wx.createCanvasContext('myCanvas')<br><br><br>Schritt 2: Canvas-Zeichnungskontext verwenden Zeichnung beschreiben<br><br>Als nächstes beschreiben wir, was wir in Canvas zeichnen möchten. <br>Setzen Sie die Füllfarbe des Zeichenkontexts auf Rot: <br>ctx.setFillStyle('red') Verwenden Sie die Methode fillRect(x, y, width, height), um ein Rechteck zu zeichnen, das mit dem gerade eingestellten Rot gefüllt ist: <br>ctx .fillRect(10, 10, 150, 75)<br><br><br>Schritt 3: Zeichnen<br><br>Teilen Sie der <canvas/>-Komponente mit, dass Sie nur die Beschreibung zeichnen möchten jetzt: <br>ctx.draw()<br><br><br><p>Das obige ist der detaillierte Inhalt vonDetails zur Versionsaktualisierung des WeChat Mini-Programms 0.11.122100 – Einführung. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!</p> </div> </div> <div class="wzconShengming_sp"> <div class="bzsmdiv_sp">Erklärung dieser Website</div> <div>Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn</div> </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="AI_ToolDetails_main4sR"> <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="phpgenera_Details_mainR4"> <div class="phpmain1_4R_readrank"> <div class="phpmain1_4R_readrank_top"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/hotarticle2.png" alt="" /> <h2>Heißer Artikel</h2> </div> <div class="phpgenera_Details_mainR4_bottom"> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/de/faq/1796785841.html" title="Assassin's Creed Shadows: Seashell Riddle -Lösung" class="phpgenera_Details_mainR4_bottom_title">Assassin's Creed Shadows: Seashell Riddle -Lösung</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <span>3 Wochen vor</span> <span>By DDD</span> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/de/faq/1796789525.html" title="Was ist neu in Windows 11 KB5054979 und wie Sie Update -Probleme beheben" class="phpgenera_Details_mainR4_bottom_title">Was ist neu in Windows 11 KB5054979 und wie Sie Update -Probleme beheben</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <span>2 Wochen vor</span> <span>By DDD</span> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/de/faq/1796783009.html" title="Assassins Creed Shadows - So finden Sie den Schmied und entsperren Sie die Waffen- und Rüstungsanpassung" class="phpgenera_Details_mainR4_bottom_title">Assassins Creed Shadows - So finden Sie den Schmied und entsperren Sie die Waffen- und Rüstungsanpassung</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <span>1 Monate vor</span> <span>By DDD</span> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/de/faq/1796785857.html" title="Wo kann man die Kransteuerungsschlüsselkarten in Atomfall finden" class="phpgenera_Details_mainR4_bottom_title">Wo kann man die Kransteuerungsschlüsselkarten in Atomfall finden</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <span>3 Wochen vor</span> <span>By DDD</span> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/de/faq/1796784440.html" title="<🎜>: Dead Rails - wie man jede Herausforderung abschließt" class="phpgenera_Details_mainR4_bottom_title"><🎜>: Dead Rails - wie man jede Herausforderung abschließt</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <span>3 Wochen vor</span> <span>By DDD</span> </div> </div> </div> <div class="phpgenera_Details_mainR3_more"> <a href="https://www.php.cn/de/article.html">Mehr anzeigen</a> </div> </div> </div> --> <div class="phpgenera_Details_mainR3"> <div class="phpmain1_4R_readrank"> <div class="phpmain1_4R_readrank_top"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/hottools2.png" alt="" /> <h2>Heiße KI -Werkzeuge</h2> </div> <div class="phpgenera_Details_mainR3_bottom"> <div class="phpmain_tab2_mids_top"> <a href="https://www.php.cn/de/ai/undresserai-undress" title="Undresser.AI Undress" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411540686492.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Undresser.AI Undress" /> </a> <div class="phpmain_tab2_mids_info"> <a href="https://www.php.cn/de/ai/undresserai-undress" title="Undresser.AI Undress" class="phpmain_tab2_mids_title"> <h3>Undresser.AI Undress</h3> </a> <p>KI-gestützte App zum Erstellen realistischer Aktfotos</p> </div> </div> <div class="phpmain_tab2_mids_top"> <a href="https://www.php.cn/de/ai/ai-clothes-remover" title="AI Clothes Remover" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411552797167.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="AI Clothes Remover" /> </a> <div class="phpmain_tab2_mids_info"> <a href="https://www.php.cn/de/ai/ai-clothes-remover" title="AI Clothes Remover" class="phpmain_tab2_mids_title"> <h3>AI Clothes Remover</h3> </a> <p>Online-KI-Tool zum Entfernen von Kleidung aus Fotos.</p> </div> </div> <div class="phpmain_tab2_mids_top"> <a href="https://www.php.cn/de/ai/undress-ai-tool" title="Undress AI Tool" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173410641626608.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Undress AI Tool" /> </a> <div class="phpmain_tab2_mids_info"> <a href="https://www.php.cn/de/ai/undress-ai-tool" title="Undress AI Tool" class="phpmain_tab2_mids_title"> <h3>Undress AI Tool</h3> </a> <p>Ausziehbilder kostenlos</p> </div> </div> <div class="phpmain_tab2_mids_top"> <a href="https://www.php.cn/de/ai/clothoffio" title="Clothoff.io" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411529149311.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Clothoff.io" /> </a> <div class="phpmain_tab2_mids_info"> <a href="https://www.php.cn/de/ai/clothoffio" title="Clothoff.io" class="phpmain_tab2_mids_title"> <h3>Clothoff.io</h3> </a> <p>KI-Kleiderentferner</p> </div> </div> <div class="phpmain_tab2_mids_top"> <a href="https://www.php.cn/de/ai/video-swap" title="Video Face Swap" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173414504068133.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Video Face Swap" /> </a> <div class="phpmain_tab2_mids_info"> <a href="https://www.php.cn/de/ai/video-swap" title="Video Face Swap" class="phpmain_tab2_mids_title"> <h3>Video Face Swap</h3> </a> <p>Tauschen Sie Gesichter in jedem Video mühelos mit unserem völlig kostenlosen KI-Gesichtstausch-Tool aus!</p> </div> </div> </div> <div class="phpgenera_Details_mainR3_more"> <a href="https://www.php.cn/de/ai">Mehr anzeigen</a> </div> </div> </div> <script src="https://sw.php.cn/hezuo/cac1399ab368127f9b113b14eb3316d0.js" type="text/javascript"></script> <div class="phpgenera_Details_mainR4"> <div class="phpmain1_4R_readrank"> <div class="phpmain1_4R_readrank_top"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/hotarticle2.png" alt="" /> <h2>Heißer Artikel</h2> </div> <div class="phpgenera_Details_mainR4_bottom"> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/de/faq/1796785841.html" title="Assassin's Creed Shadows: Seashell Riddle -Lösung" class="phpgenera_Details_mainR4_bottom_title">Assassin's Creed Shadows: Seashell Riddle -Lösung</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <span>3 Wochen vor</span> <span>By DDD</span> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/de/faq/1796789525.html" title="Was ist neu in Windows 11 KB5054979 und wie Sie Update -Probleme beheben" class="phpgenera_Details_mainR4_bottom_title">Was ist neu in Windows 11 KB5054979 und wie Sie Update -Probleme beheben</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <span>2 Wochen vor</span> <span>By DDD</span> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/de/faq/1796783009.html" title="Assassins Creed Shadows - So finden Sie den Schmied und entsperren Sie die Waffen- und Rüstungsanpassung" class="phpgenera_Details_mainR4_bottom_title">Assassins Creed Shadows - So finden Sie den Schmied und entsperren Sie die Waffen- und Rüstungsanpassung</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <span>1 Monate vor</span> <span>By DDD</span> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/de/faq/1796785857.html" title="Wo kann man die Kransteuerungsschlüsselkarten in Atomfall finden" class="phpgenera_Details_mainR4_bottom_title">Wo kann man die Kransteuerungsschlüsselkarten in Atomfall finden</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <span>3 Wochen vor</span> <span>By DDD</span> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/de/faq/1796784440.html" title="<🎜>: Dead Rails - wie man jede Herausforderung abschließt" class="phpgenera_Details_mainR4_bottom_title"><🎜>: Dead Rails - wie man jede Herausforderung abschließt</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <span>3 Wochen vor</span> <span>By DDD</span> </div> </div> </div> <div class="phpgenera_Details_mainR3_more"> <a href="https://www.php.cn/de/article.html">Mehr anzeigen</a> </div> </div> </div> <div class="phpgenera_Details_mainR3"> <div class="phpmain1_4R_readrank"> <div class="phpmain1_4R_readrank_top"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/hottools2.png" alt="" /> <h2>Heiße Werkzeuge</h2> </div> <div class="phpgenera_Details_mainR3_bottom"> <div class="phpmain_tab2_mids_top"> <a href="https://www.php.cn/de/toolset/development-tools/92" title="Notepad++7.3.1" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58ab96f0f39f7357.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="Notepad++7.3.1" /> </a> <div class="phpmain_tab2_mids_info"> <a href="https://www.php.cn/de/toolset/development-tools/92" title="Notepad++7.3.1" class="phpmain_tab2_mids_title"> <h3>Notepad++7.3.1</h3> </a> <p>Einfach zu bedienender und kostenloser Code-Editor</p> </div> </div> <div class="phpmain_tab2_mids_top"> <a href="https://www.php.cn/de/toolset/development-tools/93" title="SublimeText3 chinesische Version" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58ab97a3baad9677.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="SublimeText3 chinesische Version" /> </a> <div class="phpmain_tab2_mids_info"> <a href="https://www.php.cn/de/toolset/development-tools/93" title="SublimeText3 chinesische Version" class="phpmain_tab2_mids_title"> <h3>SublimeText3 chinesische Version</h3> </a> <p>Chinesische Version, sehr einfach zu bedienen</p> </div> </div> <div class="phpmain_tab2_mids_top"> <a href="https://www.php.cn/de/toolset/development-tools/121" title="Senden Sie Studio 13.0.1" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58ab97ecd1ab2670.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="Senden Sie Studio 13.0.1" /> </a> <div class="phpmain_tab2_mids_info"> <a href="https://www.php.cn/de/toolset/development-tools/121" title="Senden Sie Studio 13.0.1" class="phpmain_tab2_mids_title"> <h3>Senden Sie Studio 13.0.1</h3> </a> <p>Leistungsstarke integrierte PHP-Entwicklungsumgebung</p> </div> </div> <div class="phpmain_tab2_mids_top"> <a href="https://www.php.cn/de/toolset/development-tools/469" title="Dreamweaver CS6" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58d0e0fc74683535.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="Dreamweaver CS6" /> </a> <div class="phpmain_tab2_mids_info"> <a href="https://www.php.cn/de/toolset/development-tools/469" title="Dreamweaver CS6" class="phpmain_tab2_mids_title"> <h3>Dreamweaver CS6</h3> </a> <p>Visuelle Webentwicklungstools</p> </div> </div> <div class="phpmain_tab2_mids_top"> <a href="https://www.php.cn/de/toolset/development-tools/500" title="SublimeText3 Mac-Version" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58d34035e2757995.png?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="SublimeText3 Mac-Version" /> </a> <div class="phpmain_tab2_mids_info"> <a href="https://www.php.cn/de/toolset/development-tools/500" title="SublimeText3 Mac-Version" class="phpmain_tab2_mids_title"> <h3>SublimeText3 Mac-Version</h3> </a> <p>Codebearbeitungssoftware auf Gottesniveau (SublimeText3)</p> </div> </div> </div> <div class="phpgenera_Details_mainR3_more"> <a href="https://www.php.cn/de/ai">Mehr anzeigen</a> </div> </div> </div> <div class="phpgenera_Details_mainR4"> <div class="phpmain1_4R_readrank"> <div class="phpmain1_4R_readrank_top"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/hotarticle2.png" alt="" /> <h2>Heiße Themen</h2> </div> <div class="phpgenera_Details_mainR4_bottom"> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/de/faq/gmailyxdlrkzn" title="Wo ist der Login-Zugang für Gmail-E-Mail?" class="phpgenera_Details_mainR4_bottom_title">Wo ist der Login-Zugang für Gmail-E-Mail?</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/eyess.png" alt="" /> <span>7642</span> </div> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/tiezi.png" alt="" /> <span>15</span> </div> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/de/faq/cakephp-tutor" title="CakePHP-Tutorial" class="phpgenera_Details_mainR4_bottom_title">CakePHP-Tutorial</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/eyess.png" alt="" /> <span>1392</span> </div> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/tiezi.png" alt="" /> <span>52</span> </div> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/de/faq/steamdzhmcssmgs" title="Wie lautet das Format des Kontonamens von Steam?" class="phpgenera_Details_mainR4_bottom_title">Wie lautet das Format des Kontonamens von Steam?</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/eyess.png" alt="" /> <span>91</span> </div> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/tiezi.png" alt="" /> <span>11</span> </div> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/de/faq/winactivationkeyper" title="Win11 -Aktivierungsschlüssel dauerhaft" class="phpgenera_Details_mainR4_bottom_title">Win11 -Aktivierungsschlüssel dauerhaft</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/eyess.png" alt="" /> <span>72</span> </div> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/tiezi.png" alt="" /> <span>19</span> </div> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/de/faq/newyorktimesdailybrief" title="NYT -Verbindungen Hinweise und Antworten" class="phpgenera_Details_mainR4_bottom_title">NYT -Verbindungen Hinweise und Antworten</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/eyess.png" alt="" /> <span>33</span> </div> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/tiezi.png" alt="" /> <span>150</span> </div> </div> </div> </div> <div class="phpgenera_Details_mainR3_more"> <a href="https://www.php.cn/de/faq/zt">Mehr anzeigen</a> </div> </div> </div> </div> </div> <div class="Article_Details_main2"> <div class="phpgenera_Details_mainL4"> <div class="phpmain1_2_top"> <a href="javascript:void(0);" class="phpmain1_2_top_title">Related knowledge<img src="/static/imghw/index2_title2.png" alt="" /></a> </div> <div class="phpgenera_Details_mainL4_info"> <div class="phphistorical_Version2_mids"> <a href="https://www.php.cn/de/faq/673693.html" title="Das Miniprogramm Xianyu WeChat wurde offiziell gestartet" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/000/887/227/170757595943212.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Das Miniprogramm Xianyu WeChat wurde offiziell gestartet" /> </a> <a href="https://www.php.cn/de/faq/673693.html" title="Das Miniprogramm Xianyu WeChat wurde offiziell gestartet" class="phphistorical_Version2_mids_title">Das Miniprogramm Xianyu WeChat wurde offiziell gestartet</a> <span class="Articlelist_txts_time">Feb 10, 2024 pm 10:39 PM</span> <p class="Articlelist_txts_p">Das offizielle WeChat-Miniprogramm von Xianyu wurde stillschweigend gestartet. Im Miniprogramm können Sie private Nachrichten posten, um mit Käufern/Verkäufern zu kommunizieren, persönliche Informationen und Bestellungen anzuzeigen, nach Artikeln zu suchen usw. Wenn Sie neugierig sind, was ist das Xianyu WeChat Mini? Programm namens? Werfen wir einen Blick darauf. Wie heißt das Xianyu WeChat-Applet? Antwort: Xianyu, Leerlauftransaktionen, Gebrauchtverkäufe, Bewertungen und Recycling. 1. Im Miniprogramm können Sie inaktive Nachrichten posten, mit Käufern/Verkäufern über private Nachrichten kommunizieren, persönliche Informationen und Bestellungen einsehen, nach bestimmten Artikeln suchen usw. 2. Auf der Seite des Miniprogramms gibt es eine Homepage, in der Nähe, Posten Sie Leerlauf, Nachrichten und meine 5 Funktionen. 3. Wenn Sie es nutzen möchten, müssen Sie die WeChat-Zahlung aktivieren, bevor Sie es kaufen können.</p> </div> <div class="phphistorical_Version2_mids"> <a href="https://www.php.cn/de/faq/629465.html" title="Das WeChat-Applet implementiert die Funktion zum Hochladen von Bildern" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/000/887/227/170052888311890.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Das WeChat-Applet implementiert die Funktion zum Hochladen von Bildern" /> </a> <a href="https://www.php.cn/de/faq/629465.html" title="Das WeChat-Applet implementiert die Funktion zum Hochladen von Bildern" class="phphistorical_Version2_mids_title">Das WeChat-Applet implementiert die Funktion zum Hochladen von Bildern</a> <span class="Articlelist_txts_time">Nov 21, 2023 am 09:08 AM</span> <p class="Articlelist_txts_p">WeChat-Applet implementiert Bild-Upload-Funktion Mit der Entwicklung des mobilen Internets ist das WeChat-Applet zu einem unverzichtbaren Bestandteil des Lebens der Menschen geworden. WeChat-Miniprogramme bieten nicht nur eine Fülle von Anwendungsszenarien, sondern unterstützen auch vom Entwickler definierte Funktionen, einschließlich Funktionen zum Hochladen von Bildern. In diesem Artikel wird erläutert, wie die Bild-Upload-Funktion im WeChat-Applet implementiert wird, und es werden spezifische Codebeispiele bereitgestellt. 1. Vorbereitende Arbeiten Bevor wir mit dem Schreiben von Code beginnen, müssen wir die WeChat-Entwicklertools herunterladen und installieren und uns als WeChat-Entwickler registrieren. Gleichzeitig müssen Sie auch WeChat verstehen</p> </div> <div class="phphistorical_Version2_mids"> <a href="https://www.php.cn/de/faq/629690.html" title="Implementieren Sie den Dropdown-Menüeffekt im WeChat-Applet" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/000/887/227/170055022352293.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Implementieren Sie den Dropdown-Menüeffekt im WeChat-Applet" /> </a> <a href="https://www.php.cn/de/faq/629690.html" title="Implementieren Sie den Dropdown-Menüeffekt im WeChat-Applet" class="phphistorical_Version2_mids_title">Implementieren Sie den Dropdown-Menüeffekt im WeChat-Applet</a> <span class="Articlelist_txts_time">Nov 21, 2023 pm 03:03 PM</span> <p class="Articlelist_txts_p">Um den Dropdown-Menüeffekt in WeChat-Miniprogrammen zu implementieren, sind spezifische Codebeispiele erforderlich. Mit der Popularität des mobilen Internets sind WeChat-Miniprogramme zu einem wichtigen Bestandteil der Internetentwicklung geworden, und immer mehr Menschen haben begonnen, darauf zu achten Verwenden Sie WeChat Mini-Programme. Die Entwicklung von WeChat-Miniprogrammen ist einfacher und schneller als die herkömmliche APP-Entwicklung, erfordert jedoch auch die Beherrschung bestimmter Entwicklungsfähigkeiten. Bei der Entwicklung von WeChat-Miniprogrammen sind Dropdown-Menüs eine häufige UI-Komponente, um eine bessere Benutzererfahrung zu erzielen. In diesem Artikel wird detailliert beschrieben, wie der Dropdown-Menüeffekt im WeChat-Applet implementiert wird, und es werden praktische Informationen bereitgestellt</p> </div> <div class="phphistorical_Version2_mids"> <a href="https://www.php.cn/de/faq/629820.html" title="Implementieren Sie Bildfiltereffekte in WeChat-Miniprogrammen" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/000/887/227/170056213860475.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Implementieren Sie Bildfiltereffekte in WeChat-Miniprogrammen" /> </a> <a href="https://www.php.cn/de/faq/629820.html" title="Implementieren Sie Bildfiltereffekte in WeChat-Miniprogrammen" class="phphistorical_Version2_mids_title">Implementieren Sie Bildfiltereffekte in WeChat-Miniprogrammen</a> <span class="Articlelist_txts_time">Nov 21, 2023 pm 06:22 PM</span> <p class="Articlelist_txts_p">Implementieren von Bildfiltereffekten in WeChat-Miniprogrammen Mit der Popularität von Social-Media-Anwendungen wenden Menschen immer häufiger Filtereffekte auf Fotos an, um den künstlerischen Effekt und die Attraktivität der Fotos zu verstärken. Bildfiltereffekte können auch in WeChat-Miniprogrammen erzielt werden, wodurch Benutzer interessantere und kreativere Fotobearbeitungsfunktionen erhalten. In diesem Artikel wird erläutert, wie Bildfiltereffekte in WeChat-Miniprogrammen implementiert werden, und es werden spezifische Codebeispiele bereitgestellt. Zuerst müssen wir die Canvas-Komponente im WeChat-Applet verwenden, um Bilder zu laden und zu bearbeiten. Die Canvas-Komponente kann auf der Seite verwendet werden</p> </div> <div class="phphistorical_Version2_mids"> <a href="https://www.php.cn/de/faq/629806.html" title="Verwenden Sie das WeChat-Applet, um einen Karussellwechseleffekt zu erzielen" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/000/887/227/170056077741291.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Verwenden Sie das WeChat-Applet, um einen Karussellwechseleffekt zu erzielen" /> </a> <a href="https://www.php.cn/de/faq/629806.html" title="Verwenden Sie das WeChat-Applet, um einen Karussellwechseleffekt zu erzielen" class="phphistorical_Version2_mids_title">Verwenden Sie das WeChat-Applet, um einen Karussellwechseleffekt zu erzielen</a> <span class="Articlelist_txts_time">Nov 21, 2023 pm 05:59 PM</span> <p class="Articlelist_txts_p">Verwenden Sie das WeChat-Applet, um den Karussellwechseleffekt zu erzielen. Das WeChat-Applet ist eine leichtgewichtige Anwendung, die einfach und effizient zu entwickeln und zu verwenden ist. In WeChat-Miniprogrammen ist es eine häufige Anforderung, Karussellwechseleffekte zu erzielen. In diesem Artikel wird erläutert, wie Sie mit dem WeChat-Applet den Karussell-Umschalteffekt erzielen, und es werden konkrete Codebeispiele aufgeführt. Fügen Sie zunächst eine Karussellkomponente zur Auslagerungsdatei des WeChat-Applets hinzu. Sie können beispielsweise den Tag &lt;swiper&gt; verwenden, um den Schalteffekt des Karussells zu erzielen. In dieser Komponente können Sie b übergeben</p> </div> <div class="phphistorical_Version2_mids"> <a href="https://www.php.cn/de/faq/691200.html" title="Wie heißt das Xianyu WeChat-Applet?" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/000/465/014/170901068659339.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Wie heißt das Xianyu WeChat-Applet?" /> </a> <a href="https://www.php.cn/de/faq/691200.html" title="Wie heißt das Xianyu WeChat-Applet?" class="phphistorical_Version2_mids_title">Wie heißt das Xianyu WeChat-Applet?</a> <span class="Articlelist_txts_time">Feb 27, 2024 pm 01:11 PM</span> <p class="Articlelist_txts_p">Das offizielle WeChat-Miniprogramm von Xianyu wurde stillschweigend gestartet. Es bietet Benutzern eine praktische Plattform, die es ihnen ermöglicht, ungenutzte Artikel einfach zu veröffentlichen und zu handeln. Im Miniprogramm können Sie über private Nachrichten mit Käufern oder Verkäufern kommunizieren, persönliche Informationen und Bestellungen einsehen und nach den gewünschten Artikeln suchen. Wie genau heißt Xianyu im WeChat-Miniprogramm? Dieses Tutorial stellt es Ihnen im Detail vor. Benutzer, die es wissen möchten, folgen bitte diesem Artikel und lesen Sie weiter! Wie heißt das Xianyu WeChat-Applet? Antwort: Xianyu, Leerlauftransaktionen, Gebrauchtverkäufe, Bewertungen und Recycling. 1. Im Miniprogramm können Sie inaktive Nachrichten posten, mit Käufern/Verkäufern über private Nachrichten kommunizieren, persönliche Informationen und Bestellungen einsehen, nach bestimmten Artikeln suchen usw. 2. Auf der Seite des Miniprogramms gibt es eine Homepage, in der Nähe, Post-Leerlauf, Nachrichten und meine 5 Funktionen;</p> </div> <div class="phphistorical_Version2_mids"> <a href="https://www.php.cn/de/faq/629819.html" title="Implementieren Sie die Schiebelöschfunktion im WeChat-Miniprogramm" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/000/465/014/170056213220708.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Implementieren Sie die Schiebelöschfunktion im WeChat-Miniprogramm" /> </a> <a href="https://www.php.cn/de/faq/629819.html" title="Implementieren Sie die Schiebelöschfunktion im WeChat-Miniprogramm" class="phphistorical_Version2_mids_title">Implementieren Sie die Schiebelöschfunktion im WeChat-Miniprogramm</a> <span class="Articlelist_txts_time">Nov 21, 2023 pm 06:22 PM</span> <p class="Articlelist_txts_p">Die Implementierung der Schiebelöschfunktion in WeChat-Miniprogrammen erfordert spezifische Codebeispiele. Aufgrund der Beliebtheit von WeChat-Miniprogrammen stoßen Entwickler während des Entwicklungsprozesses häufig auf Implementierungsprobleme. Unter diesen ist die gleitende Löschfunktion eine häufige und häufig verwendete Funktionsanforderung. In diesem Artikel wird detailliert beschrieben, wie die Schiebelöschfunktion im WeChat-Applet implementiert wird, und es werden spezifische Codebeispiele gegeben. 1. Anforderungsanalyse Im WeChat-Miniprogramm umfasst die Implementierung der Schiebelöschfunktion die folgenden Punkte: Listenanzeige: Um eine Liste anzuzeigen, die verschoben und gelöscht werden kann, muss jedes Listenelement enthalten sein</p> </div> <div class="phphistorical_Version2_mids"> <a href="https://www.php.cn/de/faq/629437.html" title="Implementieren Sie den Bildrotationseffekt im WeChat-Applet" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/000/887/227/170052639172010.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Implementieren Sie den Bildrotationseffekt im WeChat-Applet" /> </a> <a href="https://www.php.cn/de/faq/629437.html" title="Implementieren Sie den Bildrotationseffekt im WeChat-Applet" class="phphistorical_Version2_mids_title">Implementieren Sie den Bildrotationseffekt im WeChat-Applet</a> <span class="Articlelist_txts_time">Nov 21, 2023 am 08:26 AM</span> <p class="Articlelist_txts_p">Um den Bildrotationseffekt im WeChat Mini-Programm zu implementieren, sind spezifische Codebeispiele erforderlich. Das WeChat Mini-Programm ist eine leichtgewichtige Anwendung, die Benutzern umfangreiche Funktionen und eine gute Benutzererfahrung bietet. In Miniprogrammen können Entwickler verschiedene Komponenten und APIs nutzen, um unterschiedliche Effekte zu erzielen. Unter diesen ist der Bildrotationseffekt ein gängiger Animationseffekt, der dem Miniprogramm interessante und visuelle Effekte verleihen kann. Um Bildrotationseffekte in WeChat-Miniprogrammen zu erzielen, müssen Sie die vom Miniprogramm bereitgestellte Animations-API verwenden. Das Folgende ist ein spezifisches Codebeispiel, das zeigt, wie das geht</p> </div> </div> <a href="https://www.php.cn/de/weixin-marketing.html" class="phpgenera_Details_mainL4_botton"> <span>See all articles</span> <img src="/static/imghw/down_right.png" alt="" /> </a> </div> </div> </div> </main> <footer> <div class="footer"> <div class="footertop"> <img src="/static/imghw/logo.png" alt=""> <p>Online-PHP-Schulung für das Gemeinwohl，Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln！</p> </div> <div class="footermid"> <a href="https://www.php.cn/de/about/us.html">Über uns</a> <a href="https://www.php.cn/de/about/disclaimer.html">Haftungsausschluss</a> <a href="https://www.php.cn/de/update/article_0_1.html">Sitemap</a> </div> <div class="footerbottom"> <p> © php.cn All rights reserved </p> </div> </div> </footer> <input type="hidden" id="verifycode" value="/captcha.html"> <script>layui.use(['element', 'carousel'], function () {var element = layui.element;$ = layui.jquery;var carousel = layui.carousel;carousel.render({elem: '#test1', width: '100%', height: '330px', arrow: 'always'});$.getScript('/static/js/jquery.lazyload.min.js', function () {$("img").lazyload({placeholder: "/static/images/load.jpg", effect: "fadeIn", threshold: 200, skip_invisible: false});});});</script> <script src="/static/js/common_new.js"></script> <script type="text/javascript" src="/static/js/jquery.cookie.js?1745314110"></script> <script src="https://vdse.bdstatic.com//search-video.v1.min.js"></script> <link rel='stylesheet' id='_main-css' href='/static/css/viewer.min.css?2' type='text/css' media='all' /> <script type='text/javascript' src='/static/js/viewer.min.js?1'></script> <script type='text/javascript' src='/static/js/jquery-viewer.min.js'></script> <script type="text/javascript" src="/static/js/global.min.js?5.5.53"></script> <script> var _paq = window._paq = window._paq || []; /* tracker methods like "setCustomDimension" should be called before "trackPageView" */ _paq.push(['trackPageView']); _paq.push(['enableLinkTracking']); (function () { var u = "https://tongji.php.cn/"; _paq.push(['setTrackerUrl', u + 'matomo.php']); _paq.push(['setSiteId', '9']); var d = document, g = d.createElement('script'), s = d.getElementsByTagName('script')[0]; g.async = true; g.src = u + 'matomo.js'; s.parentNode.insertBefore(g, s); })(); </script> <script> // top layui.use(function () { var util = layui.util; util.fixbar({ on: { mouseenter: function (type) { layer.tips(type, this, { tips: 4, fixed: true, }); }, mouseleave: function (type) { layer.closeAll("tips"); }, }, }); }); document.addEventListener("DOMContentLoaded", (event) => { // 定义一个函数来处理滚动链接的点击事件 function setupScrollLink(scrollLinkId, targetElementId) { const scrollLink = document.getElementById(scrollLinkId); const targetElement = document.getElementById(targetElementId); if (scrollLink && targetElement) { scrollLink.addEventListener("click", (e) => { e.preventDefault(); // 阻止默认链接行为 targetElement.scrollIntoView({ behavior: "smooth" }); // 平滑滚动到目标元素 }); } else { console.warn( `Either scroll link with ID '${scrollLinkId}' or target element with ID '${targetElementId}' not found.` ); } } // 使用该函数设置多个滚动链接 setupScrollLink("Article_Details_main1L2s_1", "article_main_title1"); setupScrollLink("Article_Details_main1L2s_2", "article_main_title2"); setupScrollLink("Article_Details_main1L2s_3", "article_main_title3"); setupScrollLink("Article_Details_main1L2s_4", "article_main_title4"); setupScrollLink("Article_Details_main1L2s_5", "article_main_title5"); setupScrollLink("Article_Details_main1L2s_6", "article_main_title6"); // 可以继续添加更多的滚动链接设置 }); window.addEventListener("scroll", function () { var fixedElement = document.getElementById("Article_Details_main1Lmain"); var scrollTop = window.scrollY || document.documentElement.scrollTop; // 兼容不同浏览器 var clientHeight = window.innerHeight || document.documentElement.clientHeight; // 视口高度 var scrollHeight = document.documentElement.scrollHeight; // 页面总高度 // 计算距离底部的距离 var distanceToBottom = scrollHeight - scrollTop - clientHeight; // 当距离底部小于或等于300px时，取消固定定位 if (distanceToBottom <= 980) { fixedElement.classList.remove("Article_Details_main1Lmain"); fixedElement.classList.add("Article_Details_main1Lmain_relative"); } else { // 否则，保持固定定位 fixedElement.classList.remove("Article_Details_main1Lmain_relative"); fixedElement.classList.add("Article_Details_main1Lmain"); } }); </script> <script> document.addEventListener('DOMContentLoaded', function() { const mainNav = document.querySelector('.Article_Details_main1Lmain'); const header = document.querySelector('header'); if (mainNav) { window.addEventListener('scroll', function() { const scrollPosition = window.scrollY; if (scrollPosition > 84) { mainNav.classList.add('fixed'); } else { mainNav.classList.remove('fixed'); } }); } }); </script> </body> </html>