微信小程序?qū)W習(xí)總結(jié)(五)常見問題實例小結(jié)
本文實例總結(jié)了微信小程序常見問題。分享給大家供大家參考,具體如下:
問題一
先來看我遇到的第一個問題
以下是我創(chuàng)建的目錄

當(dāng)創(chuàng)建完這個json文件之后,報了下面一個錯

這個是我的報錯信息。
解決方法:打開這個json文件,輸入兩個一對花括號完事。
問題二
以下是我引入js的代碼,絕對路徑報錯。
var postsData = require('/data/post-data.js')
報錯信息:
Uncaught Error: module “pages/post/data/post-data.js” is not defined
改正后的
var postsData = require('../../data/post-data.js')
數(shù)據(jù)
如果在onLoad方法中,如果是異步執(zhí)行一個數(shù)據(jù)綁定,則需要使用this.setData方法。如果不是異步是同步的話,那么只需要對this.data賦值可實現(xiàn)數(shù)據(jù)綁定
格式化代碼
shift + alt + F
數(shù)據(jù)緩存
需要說明的這個是數(shù)據(jù)的本地緩存,可以對本地緩存進(jìn)行設(shè)置、獲取和清理。同一個微信用戶,同一個小程序 storage 上限為 10MB。
設(shè)置緩存
wx.setStorageSync('key','value');
獲取緩存
wx.getStorageSync('key')
清除緩存
//清除所有緩存
wx.clearStorageSync();
//清除指定緩存
wx.clearStorageSync('key');
界面交互
顯示消息提示框
wx.showToast({
title: '成功',
icon: 'success',
duration: 2000 //設(shè)置彈框時間
})
//也可以這么寫 三元運算的方式 根據(jù)需要來
wx.showToast({
title:result?'確定收藏':'取消收藏',
duration: 2000
})
顯示loading
wx.showLoading({
title: '加載中', //顯示加載
})
setTimeout(function () {
wx.hideLoading() //取消加載
}, 2000)
詢問框
wx.showModal({
title: 'hello',
content: postCollected?'確認(rèn)收藏嗎':'確認(rèn)取消收藏嗎',
success: function (res) {
if (res.confirm) {
//更新緩存
wx.setStorageSync('post_collected', postsCollected);
that.setData({
collected: postCollected
})
} else if (res.cancel) {
console.log('用戶點擊取消')
}
}
})

打印的res

顯示操作菜單
onShareTap:function(event){
wx.showActionSheet({
itemList: [
'分享給微信好友',
'分享到朋友圈',
'分享到QQ'
],
itemColor:'#405f80',
success:function(res){
console.log(res)
}
})
}
顯示效果

獲取全局變量
app.js
app({
globalData: {
g_name: "huangyuxin"
}
})
使用
detail.js
var app = getApp();
希望本文所述對大家微信小程序設(shè)計有所幫助。
相關(guān)文章
js中回調(diào)函數(shù)的學(xué)習(xí)筆記
這篇文章主要介紹了js中回調(diào)函數(shù)的相關(guān)知識,需要的朋友可以參考下2014-07-07
bootstrap動態(tài)添加面包屑(breadcrumb)及其響應(yīng)事件的方法
這篇文章主要介紹了bootstrap動態(tài)添加面包屑(breadcrumb)及其響應(yīng)事件的方法,涉及js數(shù)據(jù)傳輸及定義響應(yīng)事件相關(guān)操作技巧,需要的朋友可以參考下2017-05-05
JavaScript如何動態(tài)監(jiān)聽DOM元素高度詳解
這篇文章主要為大家詳細(xì)介紹了JavaScript如何動態(tài)監(jiān)聽DOM元素高度,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下,希望能夠給你帶來幫助2022-07-07
javascript解析json格式的數(shù)據(jù)方法詳解
這篇文章主要介紹了javascript解析json格式的數(shù)據(jù)方法詳解,文章通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-08-08
Express代理轉(zhuǎn)發(fā)服務(wù)器實現(xiàn)
這篇文章主要為大家介紹了Express代理轉(zhuǎn)發(fā)服務(wù)器實現(xiàn)技巧詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-05-05
javascript動態(tài)創(chuàng)建及刪除元素的方法
這篇文章主要介紹了javascript動態(tài)創(chuàng)建及刪除元素的方法,涉及針對DOM元素操作的技巧,非常具有實用價值,需要的朋友可以參考下2014-12-12

