小程式開發過程中 全域性變數、函式的應用方法
小程式開發過程中,全域性變數、函式的應用能讓你的小程式優化起來更加便捷,到底微信小程式全域性變數怎麼使用呢?本文講解一下啦。
一、全域性函式
小程式開發過程中,不同頁面要用到一些相同的函式,比如時間轉化函式,如果每個頁面都寫這樣一個函式,程式碼繁瑣不說,修改極其不便,還容易出錯,怎麼使用呢?
1、在untils內的until.js檔案內寫入該函式,舉例如下:(時間戳轉年月日)
const toDate = function toDate(number) {
const n = number * 1000;
const date = new Date(n);
const Y = date.getFullYear() + '年';
const M = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1) + '月';
const D = date.getDate() < 10 ? '0' + date.getDate() + '日' : date.getDate() + '日';
return (M + D + "更新")
}
module.exports = {
toDate: toDate
}
2、在頁面js檔案內呼叫此函式
頭部新增:var utils = require('../../utils/util.js')
使用的地方呼叫:utils.toDate()
二、全域性變數
開發一個小程式有好多介面,每個介面如果都寫入絕對路徑,那麼在網址發生變化時,就要修改好多頁面,實在是不方便,所以這裡要用到全域性變數。
比如將網址設定為全域性變數:https:www.***.com
1、在app.js檔案內寫入
globalData: {
URL: "https://www.wsstq.com"
}
2、在呼叫的js頁面使用
url: getApp().globalData.URL +'你的介面相對路徑’,
以上小技巧,在小程式開發過程中實在方便,喜歡的可以收藏下哈。
相關推薦
小程式開發過程中 全域性變數、函式的應用方法
小程式開發過程中,全域性變數、函式的應用能讓你的小程式優化起來更加便捷,到底微信小程式全域性變數怎麼使用呢?本文講解一下啦。 一、全域性函式 小程式開發過程中,不同頁面要用到一些相同的函式,比如時間轉化函式,如果每個頁面都寫這樣一個函式,程式碼繁瑣不說,修改極其不
微信小程式開發過程中遇到的問題
最近接了一個微信小程式的活,想象中微信小程式應該跟普通的網站開發差不多,實際上就前端來說確實差不多,但是還是遇到不少蛋疼的問題,所以這裡記錄一下,希望對後來人有所啟示。伺服器端方面:伺服器端是用jav
小程式開發過程中問題終結
picker 使用這次開發picker使用了預設的樣式,在定義的陣列var arr = [ 'aa','bb',' ', 'cc'];中有一個值是空字串時,需要讓picker裡包含的text/view的高度等於父級高度,這樣才可以點選picker從下方彈出,如果不給text/
微信小程式開發過程中總結的注意事項
1、picker從後臺動態取值 <picker bindchange="bindPickerChange" value="{{index}}" range="{{array}}"> <view class="picker">
微信小程式 開發過程中遇到的坑(一)
1.我們使用app.json檔案來對微信小程式進行全域性配置,決定頁面檔案的路徑、視窗表現、設定網路超時時間、設定多 tab 的時候在pages中寫註釋的時候回報錯。 例如: { "pages":[ //這是首頁面 "pages/
微信紅包店小程序開發過程中遇到的問題 php獲取附近周邊商家 顯示最近商家
企業 使用 發出 微信紅包 status 不用 發放 經緯 appid 最近公司在做一個項目就是微信紅包店。仿照的是微信官方在做的那個紅包店的模式。客戶搶紅包,搶到以後到店消費,消費以後就可以拿到商家的紅包了。 項目中的兩個難點: 1通過小程序來發紅包 這個之前在
微信小程序開發過程中踩過的坑集合,沒有解決不了的錯誤,只有踩不完的坑
pac 清除 bind ren 透明 .json 配置 reac 之間 微信小程序開發過程中踩過的坑,包含很多小程序開發細節,有些可能你也踩過。。。1、height:auto; 失效,必須指定 image 的高度為具體數值,不然高度為0。2、真機和模擬器的問題總結 inp
小程式資料放入全域性變數可以使用
onLoad: function (options) { var that = this; var id = options.c_id var s_id = options.s_id that.setData({ &
微信小程式開發過程問題總彙
之前在開發一個控車小程式,把過程中稍微需要搜尋的問題做了記錄。 1. 關鍵詞:本地資源圖片無法通過WXSS獲取 描述:做小程式開發的時候,如果你需要使用圖片作為背景,也就是想使用background-img這個屬性,但在小程式中這個屬性是無法使用本地資源的。它要求你必須使用網路圖片,也就
從零開始學微信小程式開發---2、小程式專案的建立、相關檔案的作用及小程式IDE
一、建立一個小程式專案 1、下載安裝微信web開發者工具,目前最新版本是1.02.1811141。 2、開啟,掃碼登入, 3、選擇小程式專案 4、點選專案管理旁邊的+ 5、如果你有小程式賬號會有一個APPID,詳情見小程式簡易教程申請賬號那一節,如果還沒有,可以
從零開始學微信小程式開發---1、初識小程式
最近在學小程式,記錄並分享一下學習過程,如有謬誤,還請指出! 什麼是小程式? 微信小程式(Mini Program),又稱應用號,它執行在微信客戶端,原始碼打包後不超過1MB(是的,你沒看錯,我也沒寫錯),按照張小龍對小程式的定義,它是一種不需要下載安裝即可使用的應用(其實要經過下載安裝包-
從零開始學微信小程式開發---3、小程式靜態啟動頁面的製作
現在正式開始編碼啦!~ 我的IDE版本: 首先,新建一個小程式專案,然後建立所需要的檔案以及目錄: 然後在index.wxml中編寫小程式的頁面骨架: <!-- index.wxml是編寫小程式骨架的檔案,相當於HTML --> <!-- <view&g
從零開始學微信小程式開發---4、新聞列表頁面的製作(列表渲染)
今天,我們要構建一個如下圖所示的新聞列表頁面(手機截不了長圖,大家將就看吧QAQ): 首先,在pages同級目錄建立一個news目錄,用於放有關新聞列表頁面的各種檔案,然後建立news.wxml,news.wxss,news.js,news.json四個檔案: 然後在app
從零開始學微信小程式開發---5、小程式頁面跳轉
我們接下來要實現的是:點選“按鈕”,跳轉到另一個頁面 如下圖,當我們點選“開啟小程式之旅”的時候,就會跳轉到news頁面 首先我們將啟動頁放回pages配置項的第一項
微信小程式 互動過程中物件陣列賦值
舉個例子 這個留言框在wxml頁面只寫了一個 但是如果是多店鋪的購買 他就會迴圈出現多次 每次輸入店鋪留言 只會儲存最後一個input的內容但是後臺要拿到多個內容 <!-- 留言 --> <view class='conten
微信小程式定義和呼叫全域性變數globalData
如下:在全域性檔案app.js中定義全域性變數,在子頁面phone.js中獲取 1.現在app.js裡面定義globalData對應的全域性變數 2.然後在其他js檔案進行呼叫。例如在photo.js裡面 ps: 要注意的是需要在檔案開始的時候初
微信小程式開發之左滑修改、刪除功能
wxml: <view class="offer-item" wx:for-items='{{offerList}}'> <!--這裡綁定了剛才說的3個函式分別為 touchS,touchM touchE--> &l
微信小程式 開發過程記錄
微信小程式開發過程記錄 本文僅作為開發過程中遇到問題的記錄,沒辦法詳細整理,將來有時間的時候也許會整理。sorry。 問題:如何取得自定義元件的例項 在page的js檔案中,可以使用selectComponent來獲取自定義元件, 但注意如果該元件處於
記錄微信小程式開發過程
1.下載微信web開發者工具 對著微信小程式api開發前端 2.服務端需要自己開發 2.1 ipc備案:就是填一堆資料然後稽核 2.2 https服務:需要先申請證書 可以去阿里雲騰訊雲之類的地方申請一年免費的個人證書 2.3 證書放入後端專案中啟動 3.微信小程式
python中全域性變數、區域性變數、類變數、例項變數簡析
因為python為動態語言,處理變數的方式與一些靜態語言(比如C++)不大一樣,在這裡對這些變數進行小小的總結 python中全域性變數與C語言中類似,也就是在的那個單頁面所有函式外頭定義