오픈 소스 소형 프로그램 계산기를 만드는 방법을 가르쳐주세요.

소규모 프로그램 초보자 실습 프로젝트(WeChat 퀵 데모를 기반으로 수정)로 계산기를 만들었습니다. 기본 UI, 기본 점프, 간단한 js 로직을 갖추고 있어 초보자가 읽기에 매우 적합합니다.

다른 사람의 코드를 읽는 것은 자신의 프로그래밍 기술을 강화하는 것입니다.

WeChat 애플릿 개발 관련 지식:

1. CSS Flexbox 레이아웃

2. 이벤트 바인딩, 페이지 점프

3. 앱 전역 설정

4. wxml, wxsss, js, json 파일 사용 방법

5. 뷰, 텍스트, 아이콘, 버튼 구성 요소 사용 방법

6. , wx.setStorageSync, 데이터 바인딩 및 기타 API

설정

1. 저장소 복제

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

2. Wechat DEV 도구로 가져오기

WeChat 개발자 도구로 프로젝트 가져오기

편집자 주: 소스 코드에 주목할 만한 두 가지 사항이 있습니다.

1. 저자는 각 계산기 버튼에 하나를 바인딩하지 않았습니다. BlinkBtn 함수에 균일하게 바인딩되어 있으며 id와 e.target.id를 사용하여 사용자가 어떤 버튼을 클릭했는지 확인하고 저자가 직접 버튼의 화면 번호를 사용하여 id를 계산하는 것이 간단하고 직접적입니다

2. 버튼을 클릭하면 빨간색 강조 효과가 나타납니다. 이 효과는 CSS를 통해 구현됩니다.

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

간단한 코드 줄로 UE 경험이 크게 향상됩니다. 배울 만한 가치가 있어요 ~

그리고 또 다른 미니 프로그램 게임을 공유하고 싶습니다. WeChat에서는 공식적으로 미니 게임을 진열대에 올려놓는 것을 금지하고 있지만 학습자가 그렇게 하는 것을 누가 막을 수 있나요? WeChat 애플릿 문서의 그리기 API 및 애니메이션 API는 향후 게임을 위해 준비될 수도 있습니다.

github.com/natee/wxapp-2048

이 게임은 2048년 게임입니다. 계산기 스타일의 데모도 마음에 드실 겁니다.

위 내용은 오픈 소스 소형 프로그램 계산기를 만드는 방법을 가르쳐주세요.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!