개발자 도구에 대한 자세한 소개

테스트 폰은 IPHONE6, 개발자 도구 버전 0.10.102800입니다. WeChat 애플릿의 캔버스와 비-h5 캔버스에는 많은 차이점이 있습니다. 아래는 WeChat 애플릿의 캔버스를 wxcanvas라고 합니다. 조금씩 테스트해 보세요. 참고: 1.wxcanvas에는 h5canvas와 같은 너비 및 높이 속성이 없습니다. 2. wxcanvas를 실제 H5canvas로 생각하지 말고, 그냥 p로 생각하세요. 너비와 높이를 변경하면 표시됩니다. 즉, 여기에 다시 그리는 것이 있지만 구체적으로 구현하는 방법을 모르겠습니다. 3. wxcanvas 스타일의 너비와 높이를 변경해도 원본 캔버스에 있는 항목의 크기는 변경되지 않습니다. CSS 변환 변환의 축소는 원래 그림을 변경할 수 없습니다. 공식 설명: 컨텍스트는 기록을 생성하는 데 사용되는 기록 메서드 호출을 위한 컨테이너일 뿐입니다.

1 wxcanvas에 대한 자세한 설명 in applet development

휴대폰 테스트 IPHONE6의 경우 개발자 도구 버전 0.10.102800 WeChat 애플릿의 캔버스는 h5 캔버스와 다릅니다.

2. 애플릿의 기본 스타일 라이브러리-- WeUI

소개: TODO: 미니 프로그램 통합 WeUI WeUI는 WeChat 웹 서비스에 맞게 맞춤 제작되었습니다. WeUI는 WeChat의 기본 시각적 경험과 일치하는 기본 스타일 라이브러리로, WeChat 웹 개발을 위해 WeChat 공식 디자인 팀에서 설계하여 사용자의 사용 인식을 더욱 통일시킬 수 있습니다. 버튼, 셀, 대화 상자, 진행 상황, 토스트, 기사, 액션 시트, 아이콘 등 다양한 요소가 포함되어 있습니다. 1. WeChat 개발자 도구를 사용하여 새 프로젝트 MWL 추가 2. WeUI 다운로드...

3. WeChat 애플릿 개발자 도구의 첫 경험을 달성하기 위한 기술에 대한 예비 연구(그림)

소개: 현재 WeChat Mini 프로그램이 화제입니다. 이미 시장에 WeChat Mini 프로그램 개발과 관련된 기사가 많이 나와 있습니다. 오늘 밤 시간을 내어 WeChat Mini 프로그램을 살펴보았습니다. WeChat Mini 프로그램 개발자 도구 구현 시 Node.js를 사용하여 개발되었습니다. UI는 NW.js 프레임워크를 기반으로 개발되었으며 Windows 및 Mac 크로스 플랫폼을 지원합니다. WeChat 미니 프로그램 개발 도구의 첫 번째 경험은 물론 먼저 WeChat 미니 프로그램 개발 도구인 WeChat 웹 개발자 도구 다운로드 주소를 다운로드한 다음 WeChat Zhihu WeChat mini에서 작은 프로그램 소스 코드를 찾는 것입니다...

4 Alipay 미니 프로그램이 5월 4일에 조용히 출시되었습니다. 위챗에서는 이를 어떻게 받아들여야 할까요?

소개: 실제로 올해 1월 일부 네티즌들은 Alipay가 미니 프로그램도 출시할 것이라고 밝혔으며 이번에는 Alipay가 다음으로 Alipay를 출시할 것이라는 소문이 돌았습니다. Week 미니 프로그램은 놀라운 일이 아닙니다. WeChat은 미니 프로그램을 호출하기 위해 스캔하여 오프라인에 연결하며, 오프라인은 Alipay가 자랑하는 해자입니다.

5. WeChat 미니 프로그램(async/await)의 비동기 처리 예제에 대한 자세한 설명

소개: Promise와 co로 해봤는데 결국 안되더군요. 도움만 주고 ES7로 가세요. 궁극적인 해결책은 async/await입니다. async/await는 Promise와 함께 사용됩니다. 먼저 샘플 코드를 살펴보겠습니다. 이 사용법은 이전에 설명한 공동 사용법과 매우 유사합니다. 작은 프로그램에서 async/await를 사용하려면 WeChat 웹을 사용하세요. 개발자 도구 Babel 변환 도구로는 충분하지 않습니다. 왜냐하면 async/await를 사용하여 코드를 컴파일하려면 추가 Babel 플러그인이 필요하기 때문입니다...

6 WeChat 웹 개발자 도구에서 유효하지 않은 프로젝트를 삭제하는 방법을 가르쳐주세요

소개: 저는 매일 WeChat 웹 개발자 도구를 사용하여 WeChat 미니 프로그램을 배우고 개발합니다. 그 과정에서 일반적으로 필요하지 않은 프로젝트를 삭제해야 할 때가 항상 있습니다. , 삭제하려는 프로젝트에 들어가서 "프로젝트" 메뉴에서 "프로젝트 삭제" 버튼을 찾아 개발자 도구에서 프로젝트 바인딩을 해제할 수 있습니다(코드는 실제로 삭제되지 않습니다). 그런데 가끔 코드 폴더를 먼저 삭제하거나, 코드 폴더 위치를 옮긴 후 개발자 도구로 돌아가면 프로젝트에 들어가지 못하고 삭제할 수 없는 경우도 있습니다...

7. nodejs 인터페이스 서버에 액세스하기 위한 WeChat 애플릿 설정에 대한 튜토리얼을 공유하세요

소개: 현재 애플릿의 백그라운드 데이터 인터페이스에는 https 보안 요청이 필요하므로 WeChat 애플리케이션 계정 애플릿을 개발 중입니다. https 지원을 제공하려면 nodejs 서버가 필요합니다. 이제 전체 https 서버 구축 프로세스에 대해 이야기하겠습니다. 먼저, 이전에 만료된 인증서를 사용해 보았습니다. 개발자 도구에서 시뮬레이션할 때 인터페이스에 정상적으로 액세스할 수 있습니다. 휴대폰에서 테스트할 때 WeChat 애플릿의 wx.request에서 SSL 핸드셰이크 실패 오류(요청 오류: 요청)가 보고됩니다. : 실패 ...

8. 미니 프로그램의 기원을 이해하세요

소개: WeChat 미니 프로그램의 구조를 더 깊이 이해하고 나면 조용히 깨닫게 될 것입니다. 모든 혁신은 이전 버전을 기반으로 합니다. 이를 기반으로 WeChat은 작은 프로그램 실행 환경인 WeChat 브라우저를 구축합니다(원본 링크). 다음은 텍스트입니다. 우선 다음 도구가 필요합니다. 1. Mac 컴퓨터 2. WeChat 웹 개발자 tools.app 3. WebStorm/다른 프로그래머 또는 IDE, 이름 바꾸기를 지원하는 것이 가장 좋습니다. ..

9. Python 프로그래머가 꼭 알아야 할 도구

소개: Python은 Python 프로그램이 다음 작업을 수행할 수 있도록 하는 광범위한 생태계를 발전시켰습니다. 도구 개발자의 작업에는 그들이 개발한 도구가 나타나지 않더라도 동일한 개념이 적용됩니다. 이 글에서는 Python 프로그래머가 꼭 알아야 할 개발자 도구를 소개합니다.

10. 고급 프론트 엔드(6): 함수 호출 스택, 범위 체인 및 클로저 관찰

소개: 프론트엔드 개발에는 중단점 디버깅이라는 매우 중요한 기술이 있습니다. Chrome의 개발자 도구에는 중단점 디버깅을 통해 JavaScript의 실행 프로세스를 단계별로 매우 편리하게 관찰하고 기능을 직관적으로 인식할 수 있습니다. 콜스택, 스코프 체인, 변수 등의 객체, 클로저 등 주요 정보의 변경 따라서 중단점 디버깅은 코드 오류를 빠르게 찾아내고 코드의 실행 과정을 빠르게 이해하는 데 매우 중요한 역할을 합니다. JavaScript에 익숙하다면...

【관련 Q&A 추천】:

javascript - IE F12의 개발자 도구에서 하위 수준 IE 브라우저를 디버깅하는 방법 ?

javascript - WeChat 애플릿 구성 개발자 도구로 테스트하면 유효한 https 도메인 이름이지만 휴대폰에서 미리 보면 "확인되지 않음"이라는 메시지가 표시됩니다.

javascript - 수정하세요. 개발자 도구를 통해 값을 확인하고 jquery의 text()를 사용하는데, 수정된 값을 얻기 위해 val(), attr(), data() 메서드를 사용할 때 질문이 있습니다.

javascript - 다른 사람의 코드를 볼 때, 해당 이벤트가 바인딩된 위치를 어떻게 빨리 찾을 수 있나요?

javascript - Chrome 개발자 도구에서 요소를 선택할 때 크기를 표시하는 방법은 무엇입니까?

위 내용은 개발자 도구에 대한 자세한 소개의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!