weapp mark下載 - weapp mark源碼下載

weapp mark

Ai源碼

1.0.0

下載

Mark

純屬娛樂學習項目，偶爾記錄開發中遇到的問題和想法，不定期更新，如果你有任何建議也請告訴我（issues）。專案中自己有封裝一些元件，可在專案結構中查看。

~~影視資料全部由豆瓣API 提供。~~目前豆瓣搜尋介面已經沒有免費的可以使用了，本人提供的介面部署在Vercel，未備案不可加入微信後台，專案同時提供了mock 資料可使用。小程式個人開發功能限制太多，無法完全上線。如若喜歡可以克隆項目自己運行看看。

? 掃碼體驗

小程序码

?分支Branches

main - 採用微信小程式雲端開發，無需後台也能開發一款完整的小程式。
master - 後台服務由LeanCloud 雲端服務支援。
cdn-ui - 沒有後台服務支撐，全部採用HTTP 請求的個人部落格的靜態JSON 檔案。

線上心智圖

注意事項：

使用自訂元件Component，小程式基礎版本庫要在1.6.3 以上；

使用wxParse，小程式基礎版本庫要在1.6.6 以上。

小程式簡易雙向綁定，小程式基礎版本庫2.9.3 以上

? 功能Features

雲端函數實作微信登入
雲端函數定時任務實現每日卡片
雲端函數聚合查詢實現卡片收藏
Grid 多列表格佈局
Grid 佈局實作瀑布流
雲函式爬取GitHub Trending
關於頁背景音訊播放
分別使用template 和Component 實作公用元件
CSS3 屬性動畫

?規範 Code of conduct

時間久了自己都忘了以前給自己的規範是啥，導致代碼很不統一，給自己備份個項目規範?

CODE_OF_CONDUCT.md

?運行 Run

複製本項目，使用微信Web 開發工具開啟項目根目錄

安裝依賴

yarn # or npm install

選單列工具--> 建構npm

雲端開發環境

開通雲端開發環境後將專案/cloudfunctions/同步至雲端（參考雲端開發環境初始化），修改app.js

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

注意：真機預覽開發環境時需開啟調試

Mock API

參考官方文件API Mock/規則導入匯出，導入mock/mock.config.json。開發工具提供的Mock 能力暫不支援手機預覽

注意：如果你沒有AppID 可能看不到數據，手機無法預覽。開發工具需要關閉安全網域的校驗，工具列--> 詳情--> 專案設定--> 勾選不校驗安全網域...以及HTTPS 憑證。

?筆記 Notes

Vercel 託管Next 實作GitHub Trending API

小程式使用IconFont

雲端開發關聯表（集合）案例

寫項目時的想法

邊寫邊記

小程式使用外部字體

小程式自訂評分組件- tempalte 實現（精度0.1）

小程式自訂評分組件- Component 實現（精度0.1）

?結構 Structure

 ├── 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