微信小程式踩坑之路--01 元件層級過高
問題描述
我在開發小程式的過程中，遇到video，textarea等元件層級過高，其他元素無法遮蓋這些元件，讓人抓狂。
案例1
textarea元件元素過高，當有toast彈出時，文字浮於上方，效果如圖所示：
我們看到textarea元件文字層級高於toast，那麼怎麼解決吶？
首先我們在網上找資料，看到的大部分解決方案是讓元件隱藏，但是在這個情況下，是不合適的。我找到原因是因為出現這種情況是在頁面超出一屏，滑動的情況下，那麼我們就有解決的方案了。我們可以判斷頁面滑動的話，預設回到頂部，這樣子的話，就解決這個問題了，效果如圖。
另一個原因是這個toast元件是自定義元件，層級不高，如果上面方法不合適的話，就只能選擇小程式的元件了，這就需要和設計大大溝通了。
案例2
video元件問題 ：
如上圖所示，我們可以看到有一個上傳視訊的按鈕和錄製語音按鈕，點選錄製語音，會有彈框從底部彈出，但是由於video的層級過高，會懸浮於錄製語音元件中，這種情況下，我們可以選擇讓上傳視訊入口隱藏。效果如圖所示。
相關推薦
微信小程式踩坑之路--01 元件層級過高
問題描述 我在開發小程式的過程中，遇到video，textarea等元件層級過高，其他元素無法遮蓋這些元件，讓人抓狂。 案例1 textarea元件元素過高，當有toast彈出時，文字浮於上方，效果如圖所示： 我們看到textarea元件文字
微信小程式踩坑之微信支付提示商戶未開通支付許可權
繼上次踩坑事件後 我們現在API祕藥都是採用數字+小寫字母 後面不多久公司就成為了微信服務商 工作起來 效率提高不少 然鵝我今天又踩了一個坑 給客戶開通了微信支付客戶不給賬號給我登入 拿不到裡面的一些資料 和APPID授權啥的 都是指導客戶開通 這些弄完之後 測試小程式支付
微信小程式填坑之路（三）：佈局適配方案（rpx、px、vw、vh）
因為小程式是以微信為平臺執行的，可以同時執行在android與ios的裝置上，所以不可避免的會遇到佈局適配問題，特別是在iphone5上，因為螢幕尺寸小的緣故，也是適配問題最多的機型，下面就簡單介紹幾種適配方法。 rpx適配 rpx是小程式中
一名Android開發者的微信小程式填坑之路(2)
前言 上一篇是九月二十七日寫的，而這一篇我動筆的時間是十月十日（特殊的日子），中間相隔十三天——當然是因為國慶節。說老實話，這十三天裡面我都沒有碰和小程式有關的東西——畢竟學習小程式的開發也只是起於興趣，而平時的工作並不會涉及與其相關的東西——但是在這十三天裡
微信小程式填坑之路（一）：text空格符號以及省略號
1、text的空格符 首先需要設定<text> 控制元件的decode值 decode可以解析的有 < > & &
微信小程式填坑之路（四）--2016.12.21 更新
今天又一次更新，繼續填坑了。。 更新概述 新增分享、模板訊息、客服訊息、掃一掃、帶引數二維碼（當前僅限開發者和體驗者使用）等功能新增 4 個新 API， 2個新元件拓展了 10 個元件屬性，新增 6 個元件事件修復數十個 API 以及元件 bug，優化部分互動體驗開發者工
微信小程式填坑之路（四）：微信登入獲取openid、unionid
在微信小程式中，因為各種各樣的原因我們會需要獲取到使用者的openid或者unionid下面就簡單來講一下在小程式中如何獲取openid和unionid。 步驟一：微信登入獲取登入憑證
微信小程式填坑之路之springmvc與小程式的資料互動（json）
springmvc框架寫到現在終於牽扯到小程式了（所以別說我“不務正業”），對於一個應用程式來說，它的本質其實就是無數個對資料進行增刪改查的操作，這裡起到至關重要的就是資料，於是這篇帖子的目的就是實現小程式與後臺資料的互動。小程式使用的是wx.request的api來提交和接
微信小程式填坑之路（二）：cover-view
在一些情況下，我們需要對map、video、canvas、camera這些微信小程式的原生控制元件，進行自定義，比如在camera上新增一個矩形線框作為拍照區域，這時我們就需要使用到cover-view
微信小程式填坑之路(三)--上傳頭像
public class FileUploadServlet extends HttpServlet { private static final long serialVersionUID = 1L; private static Logger logger = LoggerFactory
一名Android開發者的微信小程式填坑之路(1)
前言 首先要宣告的是，我是一名 Android 開發者，之前基本沒有前端開發經驗，甚至連 JS ，HTML 都是為了開發小程式現學的一些皮毛——所以文章中所提到的一些點也許在資深前端開發者看來只是小case，但是站在一個 Android 開發者的角度來看確實是
微信小程式 踩坑之JSON.parse ()轉換失敗問題
微信小程式：json、map、字串轉換 JSON.parse (<anonymous>)轉換失敗，可以使用微信小程式快取機制解決 /*****index.js*****/ formSubmit: function (e) { wx.setStorage
微信小程式填坑之路：專案開發簡介
前言 最近因為公司要求進行微信小程式開發，這裡記錄一下這一個多月下來的開發心得。首先，我得說明一下，我並不是一名前端，以前一直是從事Android開發，對html、css、js等也就是了解，可以
微信小程式踩坑—本地快取
同一個微信使用者，同一個小程式 storage 上限為 10MB。 1.wx.setStorageSync(KEY,DATA) 將data 同步儲存在本地快取中指定的 key 中，會覆蓋掉原來該 key 對應的內容。 var userInfo = res.data.da
微信小程式踩坑–設定cookie保持session
由於每次wx.request()都會先經過微信服務端再到伺服器端，所以每一次request都會建立一個新的session。並且微信小程式是沒有cookie機制的，要維持會話需要自己來儲存cookie,並且請求的時候加上帶有sessionid的cookie。 客戶端向服務端發起請求時，sessio
微信小程式 踩坑實錄
最近幾個月工作飽和度較高，寫了一些小程式相關資料都在公司內網wiki中。 正好有朋友想做小程式相關，想看些資料。趁著 這個契機，把文章發出來給大家分享一下。 文章簡陋，勿噴。 開發前 需要與產品商榷的頁面細節 序號
微信小程式踩坑總結
1，滑動頁面的時候會出現留白。解決：最外層套一個scroll，不設定x、y滑動。注意距離要撐開，內層要有一個大的view，給它一個小margin-top 2，button出現多餘的邊框。解決：button::after設定border為none 3，自定義元件。自定義元件如果是page（{}
微信小程式的摸索之路--從demo入手揭開神祕面紗
微信小程式推出已久，除了普通開發版本，如今已經支援雲開發版本。框架上的選擇也有很多，比較火的應該屬 mpvue 和 wepy 吧。但是我還是選擇先從普通開發版本和原生語言開始入手微信小程式，然後再考慮框架的事情。 專案結構 剛接觸小程式的我，一看到也是有點懵逼
微信小程式踩坑日誌（二）
indexOf 在wxml檔案中不能使用 Object.keys() toString() indexOf() ； 其中indexOf()方法在wxml中怎麼樣都返回undefined； textarea textarea在小程式中算是一個比較大的坑了；
微信小程式踩坑（1）：wx.showModal模態對話方塊中content換行
問題：wx.showModal 對話方塊內容不能換行？ 如上圖所示，模態對話方塊中content是沒有換行的，但是我們需求中有需要換行提醒的業務，那怎麼辦呢？官方API中並沒有告訴我們怎麼做！ 解決方案：使用“\r\n”換行 原始碼 wx.showModal({