1、wx.uploadFile上傳圖片,控制臺拋出錯誤"uploadFile:fail Error:Hostname/IP doesn't match certificate's altnames:"Host:......""。
解答:服務器域名解析不正確,上傳地址不是被解析的域名地址。
2、wx.request() 怎么設置成同步?
解答:reqeust是發起網絡請求。沒有同步接口。
3、體驗者使用的是Android手機在體驗版生成二維碼并掃碼后點擊“前往體驗版”沒有任何反應。
解答:微信版本更新至6.5.2版本,版本過低導致。
4、iphone 6.5.3 在ScrollView中即使如下設置,每次進頁面輸入框還是會獲取焦點,彈出輸入法。
<input class="input" placeholder="限30個字" bindinput="bindKeyInput" focus="false" auto-focus="false"/>
解答:不要加“auto-focus="false" ,這樣來控制focus={{isFocus}}就好了。
?<input class="input" placeholder="限30個字" bindinput="bindKeyInput" focus="{{isFocus}}"/>
5、最新mac版工具不能使用?,進入頁面就出現獲取appservice 失敗。
解答:工具設置中設置直接鏈接網絡或者系統中的代理軟件選擇工具直接鏈接網絡。
6、小程序統一下單的時,返回錯誤:“您沒有原生支付權限”。
解答:trade_type 需要使用 JSAPI。
7、安卓手機請求報錯fail ssl hand shake error 。
解答:因為你的SSL證書不是認證機構頒發的,去阿里云,騰訊云申請免費證書替換服務器上的綁定證書即可。
8、微信小程序怎么動態獲取文字寬高?
解答:無法獲取,需要自己計算。
9、通訊域名綁定之后是否還能更改嗎?可以直接綁定IP地址嗎?
解答:一個月可以修改三次,管理員后臺可以設置且一次可以添加多個。
10、請問怎么清空input 組件的內容?
解答:目前只有此種方法能夠清空:button form-type="form-reset"。
這種錯誤多半是該js文件中沒有Page這個方法,就算是空的js也必須要把Page({ })寫上去?
這種錯誤多半是該json文件沒有內容,所以必須要加上{ },就算是空內容也要加上{ }。
補一句:小程序里json文件中不允許有注釋不然會報錯。
這個錯誤就很明顯了。小程序中的背景圖片不能使用本地的路徑,要么使用在服務器上的圖片路徑,要么編碼成base64位。
image標簽才可以使用本地路徑。
14、點擊view之后,獲取該view的text值?
? 這個的解決辦法就是:把view的text值放在data數據里面,然后點擊事件觸發的時候就獲取對應data的數據
15、獲取input輸入框的值:
給input綁定事件:bindinput= ' code (自定義事件名稱)',
然后在page里面:
code:function(e){
? ? vartxt= e.detail.value//這個txt就是監聽到的值
}
16、給每個單獨的頁面設置頂部導航欄的效果:
在需要設置頂部導航欄的頁面的json文件中寫下配置導航欄的代碼:
{
? ? "backgroundTextStyle": "light",
? ? "navigationBarBackgroundColor": "#C79C77",
? ? "navigationBarTitleText": "忘記密碼",
? ? "navigationBarTextStyle": "white"}
注意:不要寫成這樣哦:
{
? ? "window": {
? ? ? ? ? "backgroundTextStyle": "light",
? ? ? ? "navigationBarBackgroundColor": "#C79C77",
? ? ? ? "navigationBarTitleText": "忘記密碼",
? ? ? ? "navigationBarTextStyle": "white"? ? }
}
這樣是不行的,要去掉window才可以。如果不配置的話就默認使用app.json里面的導航欄配置。
17、動態修改元素的css樣式:
<view style='color:{{bg}}'></view>
bg是在page的data里面申明的顏色
data: {
? ? bg:""}
然后在某個事件觸發的時候setData該值就能動態修改了,比如觸發名稱為tap的事件:
tap:function(){
? ? this.setData({
? ? ? ? bg:"skyblue"? ? })
}
在wx:for={{}}后面加上wx:key=""可消除警告
19、小程序里的text標簽,使用換行的時候出現的問題:
<text>合計:
? ? <text>¥666666</text>
</text>
上面的寫法和下面的寫法是不一樣的
<text>合計:<text>¥666666</text></text>
這就很奇怪了,在HTML中,這不是一樣的嗎。。。反正在微信小程序里,如果text標簽后面有換行,顯示的時候也會把換行自動加進去,和HTML中的不一樣。
20、小程序中的textarea,有個auto-height屬性,自增高,本來挺好的屬性,但是有一點小問題
<textarea placeholder='請輸入留言內容' auto-height="true" show-confirm-bar="false"></textarea>
就是當文字在第二行時,并不會自動增加高度,只會出現滾動條。只有在第三行出現時才自增高度
這種情況多半是在該json文件里面的最后一個json數據多了一個“,”逗號。例如:
{
? ? "navigationBarTitleText": "地址修改",
}
22、在使用setData動態修改數據的時候,如果出現數據修改了,在調試器的AppData里面數據也在同時變化,但是就是頁面渲染不了數據,即總是顯示不出來
這種情況多半是setData設置的數據是某個數據里的子數據,不是根數據點;例如:
data里面的某個數據swiperList
swiperList:[{ //每個導航欄商品數據
? ? ? ? ? ? pid:0,
? ? ? ? ? ? adSrc:"../../public/img/index/idx-ad.png",
? ? ? ? ? ? //當前導航欄所有的商品數據
? ? ? ? ? ? GoodsList: [{? ? ? ? ?
? ? ? ? ? ? ? ? Gid:0,
? ? ? ? ? ? ? ? imgSrc: "../../public/img/order/order-img.png",
? ? ? ? ? ? ? ? Gname: "聯聯想聯想聯想聯想",
? ? ? ? ? ? ? ? GnewPrice: "1",
? ? ? ? ? ? ? ? GoldPrice: "111",
? ? ? ? ? ? ? ? Gtip: "促銷",
? ? ? ? ? ? ? ? GtipContent: "顯示折扣8.8折,最后兩小時",
? ? ? ? ? ? ? ? Gnum: "0"
? ? ? ? ? ? }, {? ? ? ? ?
? ? ? ? ? ? ? ? Gid: 11,
? ? ? ? ? ? ? ? imgSrc: "../../public/img/order/order-img.png",
? ? ? ? ? ? ? ? Gname: "聯聯想聯想聯想聯想",
? ? ? ? ? ? ? ? GnewPrice: "2",
? ? ? ? ? ? ? ? GoldPrice: "222",
? ? ? ? ? ? ? ? Gtip: "促銷",
? ? ? ? ? ? ? ? GtipContent: "顯示折扣8.8折,最后兩小時",
? ? ? ? ? ? ? ? Gnum: "0"
? ? ? ? ? ? }],
? ? ? ? }]
我要動態修改里面GoodsList的值,最初我使用動態修改子數據點
var goods = this.data.swiperList[page].GoodsList[idx];
var num = goods.Gnum;//當前商品原來的數量? ? ? ?
num--;
goods.Gnum = num;//修改增加后的商品數量
this.setData({
? ? goods: goods, //修改商品的數量
})
這樣修改之后,值是修改了,但是就是渲染不出來。最后修改為根數據點就正常了。
this.setData({
? ? swiperList: this.data.swiperList, //修改商品的數量})
這個是小程序獲取設置權限的時候得到的一個對象,我想獲取里面scope.userLocation的布爾值,最初我以為對象都是可以用“.”來進行操作的,但是這樣不行,只有通過下面這種方式。
res.authSetting["scope.userLocation"],這樣就能獲取到需要的布爾值了。因為讀取對象的屬性,有兩種方法,一種是使用點運算符,還有一種是使用方括號運算符,如果key值為數字也用方括號運算符。
情景再現:
(1) 我自定義了一個myLoading的函數,然后通過某個事件需要調用該函數
25、scroll-view組件?
水平滾動使用方法:
(1) scroll-view的css需要設置white-space:nowrap;這個屬性。還有需要設置scroll-x?
(2) scroll-view的子集需要設置display:inline-block
?垂直滾動使用方法:需要給scroll-view一個固定高度
通用說明:
(1)?scroll-top,scroll-left是指定滾動條滾動到設置的位置,不帶單位,就一個數值。
(2)?scroll-left是水平滾動的時候用的,scroll-top是垂直滾動的時候用的。它們的值可以是動態的,也就是可以通過setData來動態設置數值。
(3)?scroll-with-animation 是水平或者垂直滾動時的動畫效果,如果沒有這個屬性,當設置scroll-top,scroll-left的值的時候,就是直接跳轉到指定位置,并沒有滑到指定位置的動畫效果。
方法:在 app.json中設置tabar屬性
"tabBar": {
? ? "color": "#333",
? ? "selectedColor": "#972524",
? ? "backgroundColor": "#fff",
? ? "list": [
? ? ? ? {
? ? ? ? ? ? "pagePath": "pages/index/index",
? ? ? ? ? ? "iconPath": "/public/img/index/idx-k.png",
? ? ? ? ? ? "selectedIconPath": "/public/img/index/idx-s.png",
? ? ? ? ? ? "text": "首頁"
? ? ? ? },
? ? ? ? {
? ? ? ? ? ? "pagePath": "pages/examNewsIfo/examNewsIfo",
? ? ? ? ? ? "iconPath": "/public/img/index/zx-k.png",
? ? ? ? ? ? "selectedIconPath": "/public/img/index/zx-s.png",
? ? ? ? ? ? "text": "招考資訊"
? ? ? ? },
? ? ? ? {
? ? ? ? ? ? "pagePath": "pages/startCourseList/startCourseList",
? ? ? ? ? ? "iconPath": "/public/img/index/kb-k.png",
? ? ? ? ? ? "selectedIconPath": "/public/img/index/kb-s.png",
? ? ? ? ? ? "text": "近期開班"
? ? ? ? },
? ? ? ? {
? ? ? ? ? ? "pagePath": "pages/myCenter/myCenter",
? ? ? ? ? ? "iconPath": "/public/img/index/my-k.png",
? ? ? ? ? ? "selectedIconPath": "/public/img/index/my-s.png",
? ? ? ? ? ? "text": "我的"
? ? ? ? }]
? ? }
(1) color 是未選中的顏色,selectedColor是選中的顏色,background是每個tab的背景色
(2) list是tab底部導航欄的信息,pagePath是頁面路徑,iconPath是未選中時的圖標路徑,selectedIconPath是選中時的圖標路徑,text是文字內容
(3) 如果有其它的?navigator 組件要跳轉到tabBar所在的頁面,需要設置?navigator 的?open-type='switchTab'
(4) 如果是通過api跳轉的,則需要調用?wx.switchTab? 這個api
(5) 可以動態設置tabBar的內容,具體的介紹 可看官網文檔:界面------》設置tabBar
(6) taBar的圖標大小是不能改的,如果想圖片顯示小一點,可以把圖片的畫布修改大一點,內容部分修改小一點就行了
27、微信小程序的分享功能,實際上就是 轉發?
詳細說明請看官方文檔:開放接口------》轉發
第一種用法是:?
onShareAppMessage這個方法在每個頁面 js 中 page里面,這個函數需要return一個對象,如果不設置這個函數,那么右上角的···則沒有轉發這個功能。
返回的對象有三個值:
title:這是轉發的標題。默認值是當前小程序的名稱
path:這是轉發路徑。默認值是當前頁面,如果自己設定則是以 / 開頭的完整路徑:例如: /pages/index/index? ? ? 就是 pages文件夾 下面 index文件夾 里的 index.wxml
imageUrl:自定義圖片路徑,可以是本地文件路徑、代碼包文件路徑或者網絡圖片路徑。支持PNG及JPG。顯示圖片長寬比是 5:4。默認值是當前頁面的截圖
第二種用法是:
buttion?這個組件,添加? open-type="share" 屬性 ,點擊button的時候就能觸發 onShareAppMessage 這個函數,當然,如果沒定義這個函數,那么就沒作用。
注意:沒有網上說的 desc 這個屬性。估計是改版了的原因。??