微信小程序 實(shí)例應(yīng)用(記賬)詳解
微信小程序-記賬小應(yīng)用
github地址: https://github.com/HowName/account-note
var util = require("../../utils/util.js"); //獲取應(yīng)用實(shí)例 var app = getApp(); Page({ data: { userInfo: {}, buttonLoading: false, accountData:[], accountTotal:0 }, onLoad: function () { console.log('onLoad') var that = this; // 獲取記錄 var tempAccountData = wx.getStorageSync("accountData") || []; this.caculateTotal(tempAccountData); this.setData({ accountData: tempAccountData }); }, // 計(jì)算總額 caculateTotal:function(data){ var tempTotal = 0; for(var x in data){ tempTotal += parseFloat(data[x].amount); } this.setData({ accountTotal: tempTotal }); }, //表單提交 formSubmit:function(e){ this.setData({ buttonLoading: true }); var that = this; setTimeout(function(){ var inDetail = e.detail.value.inputdetail; var inAmount = e.detail.value.inputamount; if(inDetail.toString().length <= 0 || inAmount.toString().length <= 0){ console.log("can not empty"); that.setData({ buttonLoading: false }); return false; } //新增記錄 var tempAccountData = wx.getStorageSync("accountData") || []; tempAccountData.unshift({detail:inDetail,amount:inAmount}); wx.setStorageSync("accountData",tempAccountData); that.caculateTotal(tempAccountData); that.setData({ accountData: tempAccountData, buttonLoading: false }); },1000); }, //刪除行 deleteRow: function(e){ var that = this; var index = e.target.dataset.indexKey; var tempAccountData = wx.getStorageSync("accountData") || []; tempAccountData.splice(index,1); wx.setStorageSync("accountData",tempAccountData); that.caculateTotal(tempAccountData); that.setData({ accountData: tempAccountData, }); } })
通過此文,希望大家對微信小程序了解,并應(yīng)用,謝謝大家對本站的支持!
相關(guān)文章
js封裝一個(gè)websocket實(shí)現(xiàn)及使用詳解
這篇文章主要為大家介紹了js封裝一個(gè)websocket實(shí)現(xiàn)示例及使用方法詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-07-07JS數(shù)組方法some、every和find的使用詳情
這篇文章 要給大家介紹的是JS數(shù)組方法some、every和find的使用的一些相關(guān)資料,感興趣的小伙伴一起來學(xué)習(xí)吧2021-09-09yocto queue微型隊(duì)列數(shù)據(jù)結(jié)構(gòu)源碼解讀
這篇文章主要為大家介紹了yocto queue微型隊(duì)列數(shù)據(jù)結(jié)構(gòu)源碼解讀,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-12-12JS時(shí)間分片技術(shù)解決長任務(wù)導(dǎo)致的頁面卡頓
旨在把一個(gè)運(yùn)行時(shí)間比較長的任務(wù)分解成一塊一塊比較小的任務(wù),分塊去執(zhí)行,因?yàn)槌^ 50ms 的任務(wù)就會被認(rèn)為是 long task,用戶就能感知到渲染卡頓和交互的卡頓,所以我們可以縮短函數(shù)的連續(xù)執(zhí)行時(shí)間2022-07-07微信小程序 實(shí)現(xiàn)列表項(xiàng)滑動(dòng)顯示刪除按鈕的功能
這篇文章主要介紹了微信小程序列表項(xiàng)滑動(dòng)顯示刪除按鈕的相關(guān)資料,需要的朋友可以參考下2017-04-04dotenv源碼解讀從.env文件中讀取環(huán)境變量
這篇文章主要為大家介紹了dotenv源碼解讀從.env文件中讀取環(huán)境變量示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-12-12JavaScript數(shù)組對象高階函數(shù)reduce的妙用詳解
這篇文章主要為大家介紹了JavaScript數(shù)組對象高階函數(shù)reduce的妙用詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-04-04