原创 微信小程序列表頁分頁加載功能

微信小程序做分頁加載數據,會做一些下拉加載更多、然後上拉刷新的操作。數據放在一個for循環裏去加載,數據源是一個數組對象。在加載下一頁數據時,將下一頁的數據拼到當前數組後面。 代碼如下: wxml代碼 <scroll-view c

原创 微信小程序購物車功能

實現一個購物車頁面,需要哪些數據。整理下大概如下: 一個購物車商品列表(carts),列表裏的單個item包含:商品id(id),商品圖(image),商品名(title),單價(price),數量(amount),單選按鈕(se

原创 微信小程序tab切換

wxml <view class="nav-box"> <!-- tab框 --> <view class="nav-tab"> <view wx:for="{{navList}}" wx:key="index"

原创 小程序用戶收貨地址修改

頁面使用的是weui的組件。主要實現的思路: 1、從地址管理頁跳轉過來,在onload裏面將傳過來的參數address獲取後,渲染到前臺頁面;同時將address數據緩存到本地; 2、修改地址後提交,提交的數據與緩存中的數據值比對

原创 小程序scroll-view實現錨點跳轉

在微信小程序中,使用 scroll-view 實現長頁面的錨點跳轉。主要是使用 scroll-into-view屬性, 在這裏做個記錄。 wxml <view class="tab-section" > <view cla

原创 vue router的基本使用

vue router是vue學習的核心之一,剛開始學習,官網的有些方法理不清,在網上找了些相關的,自己能看得懂和理解的。在這記錄下,需要的時候自己過來查。 router有兩種模式,hash模式和history模式。 hash模式:

原创 微信小程序提交表單清空輸入框

這裏簡單記錄兩種方法: 一、在input中綁定對象value,在提交成功後的回調中重新設置值爲空。個人覺得這種方式適合表單數據比較少。 wxml代碼 <form bindsubmit="submitForm"> <inpu

原创 微信小程序 帶參數返回上一頁

帶參數返回上一頁碰到的場景: 用戶A購買商品結算,進入訂單頁,提示沒有收貨地址無法支付。用戶A觸發新增地址事件,跳轉到新增地址頁面。輸入地址相關信息資料後,點擊保存按鈕,觸發提交事件。 網上查到了相關方法,在此簡單做個記錄。 提交

原创 小程序避免多次點擊重複觸發事件

當用戶點擊按鈕或控件時,如果響應比較慢,往往會重複點擊,另外也會存在用戶故意反覆快速點擊的情況,這種時候就會多次觸發點擊事件造成非期望的結果。如何解決或避免這個問題呢?一般來說有兩種情況。 1、點擊事件是執行請求 這種情況下可以在

原创 微信小程序 用戶授權登錄

微信小程序彈窗授權,使用 button 組件,並將 open-type 指定爲 getUserInfo 類型,獲取用戶基本信息。 自己練手寫的代碼,有可能實際項目中這種寫法不能通過審覈,代碼如下: wxml: <view wx:i

原创 vue 非父子組件之間的通信--eventBus

非父子組件之間的通信有兩種方法:eventBus,vuex。這裏先只記錄下eventBus的使用方法。 例如:一個父組件中同時引入A組件和B組件,A組件中點擊觸發後將數值10傳到B組件中。 第一步:定義一個公共的實例文件eventBus.

原创 小程序 通過id從列表頁跳轉到對應的詳情頁

從列表頁通過id跳轉到對應的商品詳情頁,可以使用 navigator來跳轉鏈接,也可以綁定函數來實現。 直接使用navigator跳轉 <block wx:for="{{productList}}" wx:key="product

原创 json對象循環遍歷

JSON可以有兩種格式 一種是對象格式的: {“name”:“Tom”,“sex”:“male”,“age”:20} //JSON的對象格式的字符串 另一種是數組對象 [{“name”:“Lily”,“sex”:“fema

原创 vue 使用vuex在頁面跳轉的實現

學習時候碰到的需求場景:我的音樂列表,點擊一個音樂項跳轉到音樂詳情頁 第一種方式:使用 router 動態路由傳參,將需要的數據帶過去 音樂列表頁組件: 音樂詳情頁組件: 音樂列表頁通過selectSong方法傳參,在音樂詳情

原创 DOM操作-創建、添加、移除、移動、複製和查找節點等

參考資料: https://www.jianshu.com/p/a44327733513 https://blog.csdn.net/fouerror/article/details/80710111 1、創建節點: 1.1 創建