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

$ 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 >

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

.item:active {
background-color: #ff0000;
}

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!