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

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

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;
}

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!