微信玄武大廳小程式房卡遊戲架構搭建
1、微信提供的開發工具它的正確用法是作為執行和除錯工具.玄武大廳小程式房卡pai232外型號遊戲架構搭建
那麼適合作為編輯工具的是: webStorm基於IntelJ核心,開啟Dracula主題,跟Android studio的使用習慣非常接近,各種方法提示,自動儲存,快速查詢
2、頁面狀態管理
對於大多數網路請求後顯示的頁面,有這麼幾種頁面狀態:
第一次進入時,網路請求過程中:顯示"載入中"的狀態
載入的內容為空,顯示"空白頁面"
載入發生錯誤,顯示"錯誤頁面",此頁面一般有一個點選重試的按鈕.該按鈕一般的邏輯是:如果沒有網路則點選後去開啟網路設定,如果有網路,則重新傳送網路請求.
載入成功,就顯示內容頁。
3、對於一些分批載入的列表資料,一般還有上拉"載入更多"的功能:
參考微信文件中ui設計規範,上拉載入更多的ui提示應該放在頁面最下部佔一行,而不應該在頁面中間顯示一個大大的loading的效果.
scrollview拉到最底部,觸發載入事件,顯示"載入中"的ui
載入成功,直接就將資料新增到玄武大廳房卡原list上,這時也看不到最底部那行ui,所以不用處理
載入失敗,則在那一行顯示"載入失敗"的字樣,同時提示使用者"上拉重試",或者在那一行放置一個按鈕,點選按鈕重試。
常用頁面模板的封裝
整個頁面就是隻有一個簡單的listview或gridview,資料從網路拉取,帶上拉重新整理和下拉載入更多的功能
4、分析
對於這種簡單的頁面來說,分析各頁面不同的地方:
1.上一個頁面傳入的引數:
2.網路請求的url
3.網路請求的部分引數(其中分批載入的每批大小和第幾批這兩個引數的key在整個專案中都是一樣的,每批大小的value可能不一樣)
4.response資料回來後,從哪個欄位中取出列表對應的資料,可能會不一樣
5.對列表資料datas的每一條,有些欄位的資料需要處理,處理的方式會不一樣.
6.UI中:item內容和樣式每個頁面會不一樣
7.標題欄文字
5、資料渲染
經過對比,對多條資料渲染,明顯很慢,特別是玄武大廳元件裡面的資料。這裡做的就比之前好很多了。
相關文章
- 微信小程式--專案腳手架的搭建微信小程式
- 微信小程式的執行緒架構微信小程式執行緒架構
- 微信小程式初始化專案架構微信小程式架構
- 搭建微信小程式服務微信小程式
- 微信小程式--遊戲demo微信小程式遊戲
- 小程式架構架構
- 微信小程式搭建mpvue+vant微信小程式Vue
- 房卡棋牌遊戲的執行流程遊戲
- 微信小程式:拼圖遊戲微信小程式遊戲
- 微信髮卡小程式原始碼 自動髮卡小程式原始碼 帶流量主功能原始碼
- 微信小程式搭建mpvue+vant+flyio微信小程式Vue
- 基於滴滴雲搭建微信小程式微信小程式
- 微信小程式開發環境搭建微信小程式開發環境
- 從零搭建微信小程式後臺微信小程式
- 從微信小程式開發者工具原始碼看實現原理(一)- - 小程式架構設計微信小程式原始碼架構
- 兩小時快速構建微信小程式微信小程式
- 微信小程式的tab選項卡的實現微信小程式
- 微信小程式之繫結銀行卡功能實現微信小程式
- 小程式渲染架構設計架構
- 微信小程式大型系統架構中應用Redis快取要點微信小程式架構Redis快取
- 基於mpvue的微信小程式專案搭建Vue微信小程式
- 上廳房,下廚房,ElasticSearch有的忙Elasticsearch
- iOS 如何測試微信小遊戲&小程式?iOS遊戲
- iOS如何測試微信小遊戲&小程式?iOS遊戲
- 探索小程式底層架構原理架構
- 遊戲架構 遊戲架構設計(8)遊戲架構
- 微信遇上本地生活,小程式搭建吃喝玩樂平臺
- 微信小程式——搭建自己的Https伺服器微信小程式HTTP伺服器
- 搭建LNMP架構LNMP架構
- 微信小程式微信小程式
- Android如何測試微信小遊戲&小程式?Android遊戲
- 微信小程式小技巧微信小程式
- 如何開發健身房小程式?教你4步製作健身房約課小程式
- 【重構】微信小程式倒數計時元件微信小程式元件
- 微信小程式開發記錄_01程式碼構成微信小程式
- Laravel + 微信小程式 websocket 搭建廣播訊息系統Laravel微信小程式Web
- 微信小程式掃碼點餐系統怎麼搭建微信小程式
- 基於mpvue框架搭建微信小程式開發環境Vue框架微信小程式開發環境