1. 程式人生 > >小程式開發過程中 全域性變數、函式的應用方法

小程式開發過程中 全域性變數、函式的應用方法

小程式開發過程中,全域性變數、函式的應用能讓你的小程式優化起來更加便捷,到底微信小程式全域性變數怎麼使用呢?本文講解一下啦。

捕獲.JPG

一、全域性函式

小程式開發過程中,不同頁面要用到一些相同的函式,比如時間轉化函式,如果每個頁面都寫這樣一個函式,程式碼繁瑣不說,修改極其不便,還容易出錯,怎麼使用呢?

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語言中類似,也就是在的那個單頁面所有函式外頭定義