weapp mark 다운로드 - weapp mark 소스코드 다운로드

weapp mark

AI 소스 코드

1.0.0

다운로드

표시

이것은 순전히 오락과 학습 프로젝트입니다. 개발 중에 발생한 문제와 아이디어를 수시로 기록하고 제안 사항이 있으면 알려주십시오. 프로젝트에는 프로젝트 구조에서 볼 수 있는 자체 캡슐화된 구성 요소가 있습니다.

~~모든 영화 및 TV 데이터는 Douban API에서 제공됩니다.~~ 현재 사용할 수 있는 무료 Douban 검색 인터페이스는 없습니다. 제가 제공한 인터페이스는 등록 없이는 WeChat 백엔드에 추가할 수 없습니다. 미니 프로그램의 개인 개발 기능이 너무 제한되어 완전히 실행될 수 없습니다. 원하는 경우 프로젝트를 복제하고 직접 실행할 수 있습니다.

? 스캔 경험

小程序码

?

main - WeChat 미니 프로그램 클라우드 개발을 사용하면 배경 없이 완전한 미니 프로그램을 개발할 수 있습니다.
master - 백그라운드 서비스는 LeanCloud 클라우드 서비스에서 지원됩니다.
cdn-ui - 백그라운드 서비스 지원이 없으며 개인 블로그의 모든 정적 JSON 파일은 HTTP 요청을 사용하여 만들어집니다.

온라인 마인드맵

참고 사항:

커스텀 컴포넌트 컴포넌트를 사용하기 위해서는 미니 프로그램의 기본 버전 라이브러리가 1.6.3 이상이어야 합니다.

wxParse를 사용하려면 미니 프로그램의 기본 버전 라이브러리가 1.6.6 이상이어야 합니다.

미니 프로그램의 간단한 양방향 바인딩, 미니 프로그램 기본 버전 라이브러리 2.9.3 이상

? 특징

클라우드 기능으로 WeChat 로그인 구현
클라우드 기능 예약 작업은 일일 카드를 실현합니다.
클라우드 기능 집계 쿼리로 카드 수집 실현
그리드 다중 열 테이블 레이아웃
그리드 레이아웃은 폭포수 흐름을 구현합니다.
클라우드 기능이 GitHub를 크롤링합니다
페이지 배경 오디오 재생 정보
공개 구성 요소를 구현하려면 템플릿과 구성 요소를 각각 사용하십시오.
CSS3 속성 애니메이션

? 행동강령

오랜 시간이 지나서 이전에 내가 설정한 사양이 코드의 일관성을 크게 떨어뜨렸는지 잊어버렸습니다. 프로젝트 사양을 직접 백업할 수 있나요?

CODE_OF_CONDUCT.md

? 달리다

이 프로젝트를 복제하고 WeChat 웹 개발 도구를 사용하여 프로젝트 루트 디렉터리를 엽니다.

종속성 설치

yarn # or npm install

메뉴 표시줄 도구 --> npm 빌드

클라우드 개발 환경

클라우드 개발 환경 오픈 후 /cloudfunctions/ 프로젝트를 클라우드와 동기화(클라우드 개발 환경 초기화 참고)하고 app.js 수정합니다.

 wx . cloud . init ( {
  traceUser : true ,
  env : 'dev-oucwt' // 此处替换为你自己的云环境 ID
} ) ;

참고: 실제 머신에서 개발 환경을 미리 볼 때 디버깅을 켜야 합니다.

모의 API

가져오기 및 내보내기에 대한 공식 문서 API Mock/Rules를 참조하고 mock/mock.config.json을 가져옵니다. 개발 도구에서 제공하는 Mock 기능은 현재 모바일 미리보기를 지원하지 않습니다.

참고: AppID가 없으면 데이터를 볼 수 없으며 휴대폰에서 미리 볼 수 없습니다. 개발 도구는 보안 도메인 이름 확인을 꺼야 합니다. 툴바 --> 세부정보 --> 프로젝트 설정 --> 보안 도메인 이름 확인 안 함... 및 HTTPS 인증서를 선택하세요 .

?NotesNotes

Vercel은 Next를 호스트하여 GitHub Trending API를 구현합니다.

미니 프로그램은 IconFont를 사용합니다.

클라우드 개발 연관 테이블(수집) 사례

프로젝트를 작성할 때의 생각

쓰면서 참고하세요

미니 프로그램은 외부 글꼴을 사용합니다.

미니 프로그램 맞춤형 채점 구성요소-템플릿 구현(정확도 0.1)

미니 프로그램 맞춤형 채점 구성 요소 - 구성 요소 구현(정확도 0.1)

구조구조

 ├── apis
├── assets
├── components  组件化 Component
│    ├── cover-page 可下拉关闭的半屏组件
│    ├── pre-image 图片预加载
│    ├── rating 评分
│    └── tabs
├── cloudfunctions
├── pages
│    └── common  模板 template
│        ├── actionsheet 操作菜单
│        ├── cell 列表单元
│        ├── dropmenu 下拉菜单
│        ├── loading 加载/加载更多
│        ├── rating  评分
│        ├── share 底部分享菜单
│        ├── wxParse  富文本、HTML 和 MD 解析，小程序基础版本库 1.6.6 及以上
│        └── component.js  wux 针对 template 的组件化，写得挺好，借鉴一下
├── style
│    ├── weui.wxss
│    ├── animate.wxss CSS 动画
│    └── font-awesome.min.wxss Font Awesome 字体图标
├── utils
│    └── wxCloud.js 云函数二次封装
├── app.js
├── app.json
└── app.wxss