微信小程序?qū)W習(xí)總結(jié)(五)常見問題實(shí)例小結(jié)
本文實(shí)例總結(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賦值可實(shí)現(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è)置彈框時間 }) //也可以這么寫 三元運(yùn)算的方式 根據(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('用戶點(diǎn)擊取消') } } })
打印的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)文章
el-table動態(tài)渲染列、可編輯單元格、虛擬無縫滾動的實(shí)現(xiàn)
vue對數(shù)據(jù)處理很常見,本文主要介紹了對el-table組件二次封裝,包括對el-table的動態(tài)渲染、單元格編輯;對于無縫滾動的實(shí)現(xiàn),優(yōu)化大數(shù)據(jù)量下的頁面卡頓問題,感興趣的可以了解一下2023-12-12JavaScript原型對象、構(gòu)造函數(shù)和實(shí)例對象功能與用法詳解
這篇文章主要介紹了JavaScript原型對象、構(gòu)造函數(shù)和實(shí)例對象功能與用法,結(jié)合實(shí)例形式分析了javascript面向?qū)ο笙嚓P(guān)原型對象、構(gòu)造函數(shù)及實(shí)例對象的概念、功能與相關(guān)使用技巧,需要的朋友可以參考下2018-08-08javascript的offset、client、scroll使用方法詳解
javascript的offset、client、scroll在使用過程中非常頻繁,接下來將對此進(jìn)行一一介紹,需要了解的朋友可以詳細(xì)參考下2012-12-12javascript基于原型鏈的繼承及call和apply函數(shù)用法分析
這篇文章主要介紹了javascript基于原型鏈的繼承及call和apply函數(shù)用法,結(jié)合實(shí)例形式較為詳細(xì)的分析了javascript中繼承的概念、創(chuàng)建方法以及call和apply函數(shù)的功能與使用技巧,需要的朋友可以參考下2016-12-12js 按照指定間隔 向字符串中插入隨機(jī)字符串的實(shí)現(xiàn)代碼
看到論壇有人問,覺得有意思,就試著寫了一下。2010-03-03