オープンソースの小さなプログラム電卓の作り方を教えます

これは、小さなプログラムの初心者向けの練習プロジェクト (WeChat のクイック デモに基づいて調整) であり、計算機を作成しました。基本的な UI、基本的なジャンプ、シンプルな JS ロジックが含まれており、初心者が読むのに非常に適しています。

他の人のコードを読むことは、自分のプログラミング スキルを強化することです。

WeChat アプレット開発に関連する関連知識:

1、CSS Flexbox レイアウト

2、イベント バインディング、ページ ジャンプ

3、ページ、ウィンドウ、アプリのグローバル設定

4、wxml、wxsss、js、jsonファイルを使用します

5. ビュー、テキスト、アイコン、ボタンコンポーネントの使用方法

6. ナビゲート、wx.setStorageSync、データバインディングおよびその他の API を設定します

1. Wechat にインポートする

2. DEV ツール

プロジェクトを WeChat 開発者ツールにインポートするだけです

編集者注: ソース コードには注目に値する 2 つの点があります -

1. 作成者は各電卓ボタンにイベント関数をバインドしていません。ユーザーがクリックしたボタンを決定するために id と e.target.id が使用され、作成者は計算されたボタンの画面表示番号を直接使用して ID を作成しました。これはシンプルかつ直接的です

2 、クリックします ボタンには赤いハイライト効果があり、CSS によって実現されます:

$ git clone github.com/dunizb/wxapp-sCalc.git

単純なコード行で UE エクスペリエンスが大幅に向上します。学ぶ価値があります~

さらに、WeChatは公式にミニゲームを棚に置くことを禁止していますが、学習者を止めることができる別のミニプログラムゲームを共有したいと思います。 WeChat アプレットのドキュメントにある描画 API とアニメーション API も、将来のゲーム用に準備される可能性があります。

github.com/natee/wxapp-2048

これは 2048 年のゲームです。電卓スタイルのデモが好きなら、これも気に入るかもしれません。

以上がオープンソースの小さなプログラム電卓の作り方を教えますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。