微信小程式區別ios和android平臺的方式
具體方式如下:
const that = this;
wx.getSystemInfo({
success(res) {
if (res.platform == "ios") {
//ios平臺
} else if (res.platform == "android") {
//android平臺
} else if (res.platform == "devtools") {
//開發工具
}
},
fail(res) {},
complete() {},
})
此方法分為同步非同步兩個方法 , 分別為wx.getSystemInfoSync() 和wx.getSystemInfo() ;
注意getSystemInfo()回撥方法中this的指代問題 .
相關推薦
微信小程式區別ios和android平臺的方式
具體方式如下: const that = this; wx.getSystemInfo({ success(res) { if (res.platform == "ios")
坑:微信小程式wx.request和wx.uploadFile中傳引數的區別
微信小程式中通過元件<form>提交表單的時候,在js中通過e.detail.value得到所提交表單的json格式資料。一般提交表單我們都是通過wx.request請求,提交表單資料,通過引數data傳資料, wx.request({ url: 'test.php', //僅為示例,
微信小程式wx:for和wx:for-item的區別
wx:for="{{list}}"用來迴圈陣列,而list即為陣列名wx:for-item="items" 即用來定義一個迴圈過程中每個元素的變數的 如果是一維陣列,按照如下方式迴圈出來: 1 2 3 <view wx
微信小程式this.data和this.setData()的區別
this.data是用於同步 this.setData({})是用於非同步,比如網路請求 比如this.data.itemData = itemData 這句話是什麼意思呢? 其實是把右邊的it
微信小程式 bind事件 和 catch 事件的區別
做過移動開發都應該知道 事件的 響應鏈. 微信小程式 子檢視的 bind 事件會冒泡上傳. catch事件不會. 如下圖 點選 view3 事件會繼續傳給 view2 view1 如果把view3 改成catch. 事件只有view3 響應.&nbs
微信小程式開發——class和style的區別
因為在開發小程式時,只有部分在做畢業設計時候的前端經驗,很多問題都是遇到後才瞭解到。 在製作前端的過程中遇到了修改css樣式不起作用的問題。因為程式碼是從網路上拷貝下來的,最開始如下:<button class='tr' bindtap='modalinp
微信小程式登入-openid和unionid
本文轉自https://www.cnblogs.com/yaoyuqian/p/8203792.html 我們一般都是先獲取到微信的 unionid,然後再通過 unionid 去登入自己的網站,就可以關聯到使用者在自己網站上的 user_id,但是在小程式登入中,有時候可以獲取到
微信小程式scroll-view和元件
scroll-view的css樣式很坑 按照下邊這個 .scroll-view_H{ white-space: nowrap; } .scroll-view-item{ height: 200px; }
微信小程式:globalData和Storage資料儲存中的坑
前言 在小程式登入是,將返回的使用者資料,儲存在globalData中和storage中。 // 儲存的資料是一個物件 wx.setStorageSync('userAuthData', user.data.data); this.globalData.userAuthData = user
微信小程式實現顯示和隱藏控制元件-頭像-取值-bindblur事件
微信小程式實現顯示和隱藏控制元件 .wxml: <view class=" {{showOrHidden?'show':'hidden'}}"></view> .wxss: .hidden { display: none; } .show { display: b
微信小程式功能——展開和收起檢視
效果圖 這裡我是控制只顯示2個數組 1.wxml 在{{!showMore? ‘hiddenmore’ : ‘showmore’}}中,如果showMore為false,則hiddenmore下的more-item列表都不顯示 // WXML <view cla
微信小程式 - 相對定位和絕對定位 - 相對路徑和絕對路徑
微信小程式 - 相對定位和絕對定位 相對定位relative,絕對定位absolute 相對定位:元素是相對自身進行定位,參照物是自己. 絕對定位:元素是相對離它最近的一個父級元素進行定位. 相對定位:relative position:relative; /*相對定位*/ left:50
微信小程式請求資料和顯示載入
wx.showLoading({ title: '資料載入中。。。', }); //請求資料 wx.request({ url: 'https://douban.uieee.com/v2/movie/in_theaters', //地址
微信小程式之購物車和父子元件傳值及calc的注意事項
在做微信小程式時,覺得小組裡對購物車的實現不是很完美,就自己嘗試的寫了下,然後用到了父子元件傳值,父子元件傳值的話,和vue框架上是非常相似的,以及calc這個css函式,calc有個注意點,自己不怎麼用,一時間有差點忘了,這裡記錄下 1.效果圖 2.子元件實現
微信小程式中wxml和wxss的樣式說明,徹底搞定佈局排版
對於css不熟悉的Android程式設計師來說,開發微信小程式面臨的一個比較困難的問題就是介面的排版了。微信小程式的排版就跟wxml和wxss有關了,它們兩者相當於android的佈局檔案,其中wxml指定了介面的框架結構,而wxss指定了介面的框架及元素的顯示樣式。 一、wxml
10天零基礎入門小程式開發(10天上線屬於自己的微信小程式)-----開篇和課程大綱
10天零基礎入門微信小程式開發,只講乾貨,實戰入門,10天開發屬於自己的上線小程式。 課程優勢 1 每節課都有配套視訊,學習更輕鬆 2 可加老師私人微信,微信線上解疑答惑 3 每節課都有對應原始碼
微信小程式封裝get和post
最近開發小程式,根據小程式的API,我每發一次請求都要寫一大串程式碼,而且都是重複的,所以我想封裝一下,方便開發。 不多說直接貼程式碼: 首先我們先建立一個配置檔案配置各種基礎常量。 config.js var config = { APPID: '
微信小程式:隱藏和顯示功能
和介面 app.js Page({ data:{ showView:true }, onLoad:function(options){ // 生命週期函式--監聽頁面載入 showView:(options.showView=="tru
微信小程式--日期格式化和實現倒計時
首先看看日期怎麼格式化第一種:Date.prototype.Format = function (fmt) { //author: meizz var o = { "M+": this.getMonth() + 1, //月份 "d+":
微信小程式前端介面和後端伺服器(PHP)的對接
關於微信小程式的介面編寫的資料和書籍比比皆是,很容易找到。也就是說似乎大家都忙於處理表面的皮的技術的專研,但我一直好奇這層皮和後端伺服器是如何通訊交流的,如何實現資訊交換的。所以本文重點研究這部分知識。1、-- 最簡單的前端和後端通訊的例程前端:*.wxml裡建立一個按鈕,呼