微信小程序問題集錦

我是文章的搬運工(加總結),如有問題請在評論區指正,謝謝。
文章來源:http://www.wxappclub.com/user/1369
作者:飛豬

  1. 關鍵詞:”真機測試”,”appid”,”openid”
    問題: 微信小程序如何真機測試?(相關問題:appid怎么申請? openid是什么,在哪獲取?微信小程序如何在手機上模擬運行?)
    回答:第一步,先申請一個appid,申請方法:http://www.wxappclub.com/topic/127
    第二步,再使用API中心,方法:http://www.wxappclub.com/topic/220附:在此過程中爬過的坑: http://www.wxappclub.com/topic/347

  2. 關鍵詞:”api中心”,”調用”
    問題: 這個微信小程序的club 的 api中心 只能進行curd嗎?
    回答:不只是curd,還有微信登錄,解密加密數據的接口。

  3. 關鍵詞:”中國標準時間”,”合法域名校檢錯誤”
    問題:為什么我下載的demeo用自己的appId調試時,總是提示非法域名,url請求打不開呢?
    回答:小程序只支持https
    追問:這樣,那我要想真機體驗,還得去找https鏈接的Demo哪?
    回答:使用API中心就可以真機體驗
    追問:api中心要怎么配置?
    回答:參見問題一。
    追問:有沒有使用api中心的demo案例?
    回答:http://www.wxappclub.com/topic/498 有個具體的案例供參考。

  4. 關鍵詞:”post”,”wx.request”,”https”,”本地數據交互”
    問題:wx.request 請求支持 post 類型么?
    回答:支持。POST請求的詳細使用在此篇http://www.wxappclub.com/topic/116 有詳細說明。
    追問:怎么和本地數據交互?
    回答:本地數據交互的方式是,不使用appid,自己搭建后臺提供訪問接口,就可以本地調試了。詳細教程:http://www.wxappclub.com/topic/405

  5. 關鍵詞:”導航欄”,”標題”,”動態改變”,”按鈕”
    問題:page.json 里面的navigationBarTitleText 能夠動態的改變么?
    回答:設置標題: loadTitle:function(title) {wx.setNavigationBarTitle({title: title})}
    相關問題:導航欄右上角能不能加按鈕?
    回答:不能。

  6. 關鍵詞:”wx.navigateTo”,”item”,”背景顏色”
    問題:wx.navigateTo 點擊item 的時候 如何設置item 的背景顏色之類的?
    回答:navigator組件里有一個屬性hoverclass,可以設置點擊item后的樣式


    追問:怎么使用呢?
    回答:wx:for一下給每個item包上navigator

  7. 關鍵詞:”接口”,”訪問通訊錄”
    問題:微信小程序能調用微信內部接口嗎?能訪問微信內部通訊錄嗎?
    回答:系統級別的接口有開放(如定位,獲取手機信息),但是訪問微信社交核心的數據部分沒有開放。

  8. 關鍵詞:”加密”,”base64”,”md5”
    問題:小程序的字符串怎么用md5加密?
    相關問題:Base64(MD5(xxx)) 這個在小程序里要怎么處理?
    回答:找一份md5.js文件,把壓縮的代碼復制出來,黏貼在需要的地方,或封裝起來.具體詳見http://www.wxappclub.com/topic/511

  9. 關鍵詞:”項目上傳”,”icon”,”路徑錯誤”
    問題:小程序項目在上傳時,iconPath報錯怎么回事?
    回答:這種情況出現有三種情況,啦多已經總結過。http://www.wxappclub.com/topic/358

  10. 關鍵詞:”富文本html、md解析組件”,
    問題:富文本轉化為微信組件出錯?
    回答:小程序沒有提供富文本渲染的接口,需要等待相關接口開放才能顯示富文本。
    問題:是否有自定義的一些組件可以完成?
    回答:組件的原理是把html轉碼了一層,實際開發中意義不大,后臺可以直接傳json,轉碼另一方面也有性能損耗。

  11. 關鍵詞:”swiper”,”滑動”,”高度”
    問題:十三.swiper組件高度是固定的嗎?在哪改變運動方向?
    相關問題:頁面左右滑動如何設置
    回答:swiper高度為固定的,設置運動方向

  12. 關鍵詞:”pc端”,”后臺管理軟件”
    問題: 微信小程序可以鏈接PC端后臺管理軟件么
    回答:b/s架構的可以

  13. 關鍵詞:”圖片布局”,”橫向排列”
    問題:微信小程序圖片怎么從縱向排列改成橫向排列?
    回答:flex-direction: row;

  14. 關鍵詞:”debug”,”手機運行”,”vConsole”
    問題:微信小程序在手機運行顯示vConsole?
    回答:可關閉的debug。重啟大法。

  15. 關鍵詞:”tabBar”
    問題:tabBar顯示不出來?
    回答:這種情況的出現一般有3種情況:
    1.tabBar書寫,是tabBar,不是tabbar,也不是TabBar;
    2.index目錄,要在pages里面加上”pages/index/index”,例如 “pages”: [“pages/index/index”,“pages/logs/index”];
    3.要在tabBar里面的list列表加上”pagePath”:”pages/index/index”,“tabBar”: {“list”: [{“pagePath”: “pages/index/index”,“text”: “首頁”},附上:https://mp.weixin.qq.com/debug/wxadoc/dev/framework/config.html?t=1475052055756 tabBar組件資料;
    4.tarBar不一定要用pages/index/index; 在app.json中配置的第一個初始化界面的路徑必須和tarBar.list第一個元素pagePath一致,不然也不會顯示tarBar。

  16. 關鍵詞:”上拉加載”,”scroll-view”
    問題:為什么上拉加載設置了觸發事件,卻無法成功觸發?
    回答:設置屬性時候高度要固定。應為scroll-top=100%附上demo:http://www.wxappclub.com/topic/587

  17. 關鍵詞:”require”,”js調用”
    問題:如何在app.js 里調用utils下的utils.js?
    回答:[圖片上傳中。。。(1)]直接實例化之后調用官方文檔有相關資料——傳送門:https://mp.weixin.qq.com/debug/wxadoc/dev/framework/app-service/module.html?t=20161122

  18. 關鍵詞:“頁面傳值”
    問題:微信小程序頁面怎么傳值?
    回答:1. 獲取到id傳的值通過e.currentTarget.id;獲取設置的id值,并通過設置全局對象的方式來傳遞數值;
    2.通過使用data - xxxx 的方法標識來傳值通過使用data - xxxx 的方法標識來傳值,xxxx可以自定義取名。

  19. 關鍵詞:”qq”,”第三方登陸”
    問題:qq第三方登陸怎么實現?
    回答:使用oAuth2 請求接口。

  20. 關鍵詞:“url”
    問題: wx.connectSocket({url: ‘test.php’ 這個url是什么呢?
    回答:是websocket的地址,url是要跟后臺建立socket鏈接。

  21. 關鍵詞:“select”
    問題: 微信小程序里面有沒有類似于 select的東西?
    回答:itemList: [‘A’,’B’,’C’]可以作為select,然后觸發點擊事件,根據獲取到的下標值不同,來綁定不同的動作。

  22. 關鍵詞:”屏幕高度”
    問題:微信小程序如何獲取屏幕高度?
    回答:

wx.getSystemInfo({
      success: function (res) {
          this.setData({
              scrollHeight: res.windowHeight
          });
      }
});
  1. 關鍵詞:“js調用”
    問題:在js文件調用時只能寫相對路徑嗎?var common = require(‘../../common/common.js’);
    回答:是的

  2. 關鍵詞:“頁面切換”,“navigatetor”
    問題:wx.navigateTo是不是不能從2級頁面切到1級頁面?
    回答:安卓不行 ios可以
    追問:怎么解決?
    回答:可以用wx.navigateBack(OBJECT)搞定;
    例:<button type="warn" bindtap="navigateBack">退回到上一個頁面</button>
    js文件

navigateBack: function() {
        wx.navigateBack()
},
onReady:function(){
// 頁面渲染完成
},
onShow:function(){
// 頁面顯示
},
onHide:function(){
// 頁面隱藏
},
onUnload:function(){
// 頁面關閉
}
  1. 關鍵詞:””request”
    問題:我的wx.request只走了complete回調 success fail 都沒有走是什么情況?有人遇到過嗎?
    回答:參考調用方式:
wx.request({
        url: 'test.php', //僅為示例,并非真實的接口地址
        data: {x:'' ,y:''},
        header: {'content-type': 'application/json'},
        success: function(res) {
          console.log(res.data)
        }
})

以及調用案例:http://www.wxappclub.com/topic/589

  1. 關鍵詞:”ide格式化”
    問題:這個ide的代碼格式化怎么解決?
    回答:更新之后的問題。暫時坐等下個版本。代碼格式化快捷鍵:Shift+Alt+F。

  2. 關鍵詞:“后臺數據加載”,“ide”
    問題:加載后臺數據 怎么很慢的 很慢 有時候連加載都加載不出來的,怎么回事?
    回答:這個是ide的問題,數據多了要重新編譯好幾次。

  3. 關鍵詞:“本地緩存”,“更新日志”
    問題:本地緩存(localstorage)最大為10MB。 本地數據存儲的大小限制為 5M。這不矛盾么?
    回答:那個是更新日志 以前最大是5M限制 后來改為10M了。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容