Heim > WeChat-Applet > Mini-Programmentwicklung > Bringen Sie Ihnen bei, wie Sie einen kleinen Open-Source-Programmrechner erstellen

Bringen Sie Ihnen bei, wie Sie einen kleinen Open-Source-Programmrechner erstellen

Y2J
Freigeben: 2017-04-26 15:32:48
Original
4841 Leute haben es durchsucht

Dies ist ein kleines Übungsprojekt für Anfänger (angepasst auf der Grundlage der WeChat-Schnelldemo) und ein Taschenrechner. Es verfügt über eine einfache Benutzeroberfläche, grundlegende Sprünge und eine einfache JS-Logik, sodass es sich sehr gut für Anfänger zum Lesen eignet.

Das Lesen des Codes anderer Leute dient der Festigung Ihrer eigenen Programmierkenntnisse.

Relevante Kenntnisse im Zusammenhang mit der WeChat-Applet-Entwicklung:

1. CSS-Flexbox-Layout

2. Seite, Fenster, Globale App-Einstellungen

So verwenden Sie WXML-, WXSSS-, JSON-Dateien

So verwenden Sie Ansichts-, Text-, Symbol- und Schaltflächenkomponenten

6 , wx.setStorageSync, Datenbindung und andere APIs

Einrichtung

1. Klonen Sie das Repo

2. In Wechat DEV Tools importieren
$ git clone github.com/dunizb/wxapp-sCalc.git
Nach dem Login kopieren


Importieren Sie das Projekt in die WeChat-Entwicklertools

Anmerkung des Herausgebers: Es gibt zwei erwähnenswerte Punkte im Quellcode -

1. Der Autor hat nicht jede Rechnerschaltfläche als Ereignis definiert Funktion und binden Sie sie an die blinkBtn-Funktion und verwenden Sie id und e.target.id, um zu bestimmen, auf welche Schaltfläche der Benutzer geklickt hat, um die ID zu erstellen, was einfach und direkt ist >

2. Es gibt einen roten Hervorhebungseffekt, wenn Sie auf die Schaltfläche klicken:

Eine einfache Codezeile verbessert das UE-Erlebnis erheblich. Es lohnt sich zu lernen ~

.item:active {
background-color: #ff0000;
}
Nach dem Login kopieren
Darüber hinaus möchte ich ein weiteres Mini-Programmspiel vorstellen. Obwohl WeChat offiziell verbietet, Minispiele in die Regale zu stellen, wer kann Lernende davon abhalten? Die Zeichen-API und Animations-API in der WeChat-Applet-Dokumentation werden möglicherweise auch für zukünftige Spiele vorbereitet.

github.com/natee/wxapp-2048

Dies ist ein 2048-Spiel, wenn Sie Demos im Taschenrechnerstil mögen, könnte Ihnen auch dieses gefallen.

Das obige ist der detaillierte Inhalt vonBringen Sie Ihnen bei, wie Sie einen kleinen Open-Source-Programmrechner erstellen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage