微信小程式之 真機鍵盤彈窗遮蓋input框
正常效果：
問題效果：
發現這個問題後呢，我先去看了api，api上是這麼說的
哦吼~ 然後我也不知道是不是我的開啟方式不對還是什麼~~ 沒有效果~~ 那怎麼辦呢~~ 換方法唄~~
我只好用這個方法啦：
HTML ：
首先我們在input的父元素 新增一個三元
接著給input新增bindfocus觸發焦點 和 bindblur觸發失去焦點
js：
js檔案中的data
inputFocus函式
blurInput函式
好啦 js檔案就三行程式碼 結束~ 自己試試效果吧`~
相關推薦
微信小程式之 真機鍵盤彈窗遮蓋input框
正常效果： 問題效果： 發現這個問題後呢，我先去看了api，api上是這麼說的 哦吼~ 然後我也不知道是不是我的開啟方式不對還是什麼~~ 沒有效果~~ 那怎麼辦呢~~ 換方法唄~~ 我只好用這個方法啦： &nbs
小程式元件input:真機鍵盤彈窗遮蓋輸入框一部分樣式
問題：預設沒有點選input輸入框（評論框）的時候： 點選了input元件，鍵盤彈起時，自動上推頁面，預設鍵盤彈窗彈出到位置是input元件輸入聚焦位置（就是輸入框的游標一直閃爍的位置）；所以就是沒有設定input元件和鍵盤的位置距離導致的覆蓋相關樣式現象。 解決方
微信小程式蘋果真機取不到資料問題
本地可以看到資料，ios不行，安卓可以； 問題1：可能是tsl版本問題不支援1.2導致，部分安卓可以允許tsl低於1.2而正常顯示，而蘋果不行； 解決方法：這種網上教程比
微信小程式之wx.showActionSheet(OBJECT)彈出的後續處理
這是官方的文件這個api是用來顯示操作選單，彈出一個選單框，用來顯示一些操作，如下圖檢視文件OBJECT引數說明：引數 型別 必填 說明 itemList String Array 是 按鈕的文字陣列，陣列長度最大為6個 itemColor HexColor
微信小程序之自定義toast彈窗
pla cnblogs display pan false 返回 頁面 文件 src 微信小程序裏面的自帶彈窗icon只有兩種，success和loading。有時候用戶輸入錯誤的時候想加入一個提醒圖標，也可以使用wx.showToast中的image來添加圖片達到使用自定
微信小程式：wx.navigateBack()時彈窗一直顯示
前言 小程式使用服務需要使用者繫結手機號，在進入頁面時，判斷使用者是否授權，未授權的話，彈窗元件(自定義的)顯示 onShow(){ let isBind = xxx if(!isBind){ // 獲取彈窗元件(自定義的)例項 this.bindTip = this
18年6月最新微信小程式獲取使用者名稱、授權彈窗方法
首先說下現在wx.getUserInfo介面已經廢棄，也就是你不能通過該介面獲取nickName等資訊，更不必說授權的彈窗。其次，新的方法是通過<button open-type="getUserInfo" lang="zh_CN" bindgetuserinfo="o
微信小程式之wx.request:fail錯誤，真機預覽請求無效問題解決，安卓,ios網路預覽異常
問題描述：域名已經備案，我全部都有，也在後臺配置了，但是手機預覽，還是請求失敗， PC端是可以請求資料出來的 新版開發者工具增加了https檢查功能；可使用此功能直接檢查排查ssl協議版本問題：可能原因：0：後臺域名沒有配置0.1：域名不支援https1：沒有重啟工具；2：
微信小程式之物流狀態時間軸
一個月左右沒更新部落格了，最近有點懶了哈（工作上真的忙），很多工作上學習到的東西都沒有及時分享出來，有點愧疚，不過自己最近一直在收集資料和學習一些新技術，最主要是想要構建自己的前端技術體系和自定義一個前端規範文件，哈哈哈。說重點啦，微信小程式裡面開發的商城模組還挺多的，剛好寫了一個物流狀態的時間軸，簡單分享一
微信小程式之微信登陸 —— 微信小程式教程系列（20）
簡介： 微信登陸，在新建一個微信小程式Hello World專案的時候，就可以看到專案中出現了我們的微信頭像，其實這個Hello World專案，就有一個簡化版的微信登陸。只不過是，還沒有寫入到咱們自家的後臺中而已。 新建一個Hello World專案，找到a
微信小程式之swiper限制迴圈滑動
最近接的一個單子是使用swiper來達到頁面之間完美滑動的效果的。也就三個頁面首頁、內容頁、尾頁。 但是客戶要求首頁不能滑到尾頁，尾頁不能滑到首頁。 在官方文件中沒有找到方法，因此只能繞彎路了。 wxml頁面程式碼：重點在於 current='{{show_index}}'
11.微信小程式之canvas生成圖片並儲存到手機
在小程式中，會有這樣一種需求，儲存某一個頁面並將其分享到朋友圈。一般的做法是：將這個頁面用canvas繪製出來，通過wx.canvasToTempFilePath，把當前畫布指定區域的內容匯出生成指定大小的圖片。然後再通過wx.saveImageToPhotosAlbum，儲存圖片到系統相簿。由
微信小程式之介面互動反饋
互動反饋就是在使用者觸發某事件之後，給使用者一個反饋資訊。 在小程式中是通過以下幾種方式實現的： 1.wx.showToast()方法 showToast: function (postscollected, postcollected) {
微信小程式之側邊欄滑動實現（附完整原始碼）
目錄 一、效果圖 二、原理解析 三、原始碼 四、專案下載 同類文章推薦： 更多幹貨關注公眾號： 一、效果圖 講什麼都不如直接上效果圖好，所以我們先來看下實現效果如何。 通過滑動螢幕，或者點選左上角的圖示按鈕，都能實現側邊欄的劃出效果。 &nb
Android 分享微信小程式之圖片優化
小菜上週接入了微信分享小程式的入口，基本功能實現都沒問題，有需要的朋友可以瞭解一下 Android 分享微信小程式失敗二三事，雖然功能都正常，但整體測試發現圖片展示效果不佳。於是小菜整理了一個簡單的小方法處理一下圖片！
微信小程式之踩坑textarea 元件的 bug
微信小程式公測也有段時間了，但是裡面的坑踩了一個又一個，心也是夠累的。本文說說關於 textarea 元件的 bug。（注：本文提及的 bug，至少在 2016-12-1日還存在） 上一篇：微信小程式之踩坑之旅一，wx.request 和 wx.uploadFile 測試時使用到：
微信小程式車牌號碼模擬鍵盤輸入
微信小程式車牌號碼模擬鍵盤輸入練習， 未經允許，禁止轉載，抄襲，如需借鑑參考等，請附上該文章連線。 相關資料參考：https://blog.csdn.net/littlerboss/article/details/79877918； 先來一波預覽圖。 預
微信小程式之：雲開發初體驗--致我的第一個小程式
背景：一直關注微信小程式的發展，看著小程式一步步完善，一步步壯大，心裡癢癢，也想做一個自己的微信小程式，但是苦於只會前端，不會服務端，所以想法一直被卡著。現在小程式有了雲開發，很輕鬆實現後端功能，寫後端跟寫前端沒啥區別，真的是前端小夥伴們的福音啊。 經過幾個晚上的熬夜奮戰，我的第一個微信小程式正式
微信小程式之1--頁面跳轉錯誤
而檢視app.json的時候，是正常的，頁面寫進入了app.json. 那麼就只能是url的問題了， 先看一下目錄： 這時候寫的跳轉url為，當前頁面為login，由login 頁面跳轉mailList頁面 url: '../usion/mailList/mailList',
微信小程式之事件繫結冒泡
事件繫結格式： bind+evnetType catch+eventType 假如存在三個view盒子，分別為outer(bindtap=""),middle(catchtap),inner(bindtap); 1：當點選inner盒子的時候，inner,middle盒子繫結的函式會