微信小程式之scroll-view的坑
好久沒動小程式了，今天打算複習複習，結果剛寫了一個scroll-view就遇到了一個坑，這怎麼能忍，對比看文件也沒發現那裡出了問題，沒辦法只能去翻翻微信給的demo,發現scroll-view一個必要屬性和兩個必要樣式，缺其一就無法完成scroll-view。
1.水平滑動的scroll-view
水平滑動的scroll-view,需要給scroll-view一個固定的寬度，設定屬性scroll-x,並且設定樣式white-space:nowrap;（這個很重要，不設定這個樣式，無法完成scroll-view的效果，我的坑也是遇在這了，三個條件缺一不可）
2.豎直滑動的scroll-view
豎直滑動的scroll-view,需要給scroll-view一個固定的高度，設定屬性scroll-y,並且設定樣式white-space:nowrap;（三個條件缺一不可）
相關推薦
微信小程式之scroll-view的坑
好久沒動小程式了，今天打算複習複習，結果剛寫了一個scroll-view就遇到了一個坑，這怎麼能忍，對比看文件也沒發現那裡出了問題，沒辦法只能去翻翻微信給的demo,發現scroll-view一個必要屬性和兩個必要樣式，缺其一就無法完成scroll-view。 1.水平滑動
微信小程式中 scroll-view觸底事件不觸發的解決方法
scroll-view元件是否設定了確定的高度，若沒有請設定 scroll-view元件的 lower-threshold 引數是否帶了單位，若帶了單位如 px、rpx等，請去除，只使用數值。 若設定了上面兩項還是沒有效果，將 scroll-view的高度設定為具
【微信小程式】scroll-view 注意事項
之前用到scroll-view的時候踩過一次坑，解決後，覺得不是什麼很深的坑，遂沒有做記錄，結果這次又用到了，同一個坑又掉進去一次，心裡很難受，難受我沒長腦子，也難受我眼高手低，所以這一次，我決定記錄下來，給自己一個警醒！ 橫向滑動注意事項： 1、scroll-view
解決微信小程式元件scroll-view中bindscrolltolower事件觸發不了的問題
微信小程式學習了有一段時間了，在學習的過程中遇到了很多的問題。今天我就來和大家分享一下我在使用scroll-view元件時遇到的關於bindscrolltolower事件觸發不了的問題。 scroll-view是微信小程式中的一個檢視容器元件，用來顯示可滾動的
關於微信小程式的scroll-view的使用
(上下推動的程式碼是沒有問題的 只是左右有問題) 希望能給初學者一些指導 在微信小程式的scroll-view的使用中 筆者發現一個問題 就是在Y軸上下的拖動的時候 只改變scroll-y 為scroll-x僅僅是不夠的 scroll-還要比scroll-y再多上一個
微信小程式之踩坑textarea 元件的 bug
微信小程式公測也有段時間了，但是裡面的坑踩了一個又一個，心也是夠累的。本文說說關於 textarea 元件的 bug。（注：本文提及的 bug，至少在 2016-12-1日還存在） 上一篇：微信小程式之踩坑之旅一，wx.request 和 wx.uploadFile 測試時使用到：
微信小程式：web-view巢狀H5實現微信支付功能解決方案及填坑
最近一個多月加班比較嚴重，偶爾休息一天也是在補睡眠+陪家人，比較長時間沒有來進行總結記錄了。今天不加班，開始為這段時間做的東西進行下經驗總結。 這段時間因為公司需要，接觸了一些.Net前後臺開發，慢慢了解了一些WCF、H5站點、WebService、Soap、Linq等，也
微信小程式之view動態佈局
wxml <view class='main'> <view wx:for="{{long}}" wx:key="*this" class='items'> <view class='il'>{{item[0].acmonth}}</
微信小程式之動態新增、刪除指定內容(view)和獲取input值
這次遇到個問題： 1. 動態的新增指定的view內容。。嗯。。很簡單。。wx:for就搞定 2. 動態新增的內容中有input，最終獲取值的時候，要獲取到所有input的值並且是一個數組。。嗯。。 3. 動態刪除指定的已經新增的view內容。。 思路： 1. wx:for 迴圈view，新
微信小程式之view,text換行,跳轉
view換行：white-space:pre-line; text換行:word-break:break-all; 1.wx.switchTab({=====》跳到tabbar內的某個頁面 url:"" }) 2.wx.redirectTo({=====>關閉當前頁面，跳轉到應用內的某個頁面
【微信小程式】微信小程式掉進的坑之與後臺資料互動
一、與後臺的資料互動 注：服務端語言為Java. 在進行資料互動時，用的是Servlet進行資料的獲取和回傳。 在小程式中提交引數時需要在header寫入 header: {
（三）微信小程式之容器元件view實現水平和縱向佈局
專案中最常用的兩種佈局方式，水平佈局和垂直佈局，在微信小程式中實現起來也比較簡單。 1.橫向水平佈局： 實現水平佈局，需要四個view容器元件，其中一個是父容器。如下： <!--index.wxml--> <view class="content"&g
微信小程式開發（入坑之旅）一：域名問題。
3、按照步驟來，經歷了註冊開發者->申請小程式開發->填寫小程式資訊->獲取小程式ID和祕鑰->下載開發者工具->新建專案。 tips：注意：按照教程建立新專案後，
微信小程式之音訊播放-wx.createInnerAudioContext()小坑
咱們先看看官方示例地址：https://mp.weixin.qq.com/debug/wxadoc/dev/api/createInnerAudioContext.html建立innerAudioCon
微信小程式之Data當前日期坑
獲取當前日期。 var userDate = new Date().toLocaleDateString() 注意:微信小程式中 手機的地區版本差異會導致不同的格式 從而出現一些日期的計算出現差錯
【微信小程式】微信小程式掉進的坑之模板訊息
一、關於formId 在小程式開發文件中我們可以瞭解到傳送模板訊息需要以下引數: 在form_id引數中，我選擇了使用表單提交獲取formId的方法。 程式碼如下： 當在微信開發
微信小程式之物流狀態時間軸
一個月左右沒更新部落格了，最近有點懶了哈（工作上真的忙），很多工作上學習到的東西都沒有及時分享出來，有點愧疚，不過自己最近一直在收集資料和學習一些新技術，最主要是想要構建自己的前端技術體系和自定義一個前端規範文件，哈哈哈。說重點啦，微信小程式裡面開發的商城模組還挺多的，剛好寫了一個物流狀態的時間軸，簡單分享一
微信小程式之微信登陸 —— 微信小程式教程系列（20）
簡介： 微信登陸，在新建一個微信小程式Hello World專案的時候，就可以看到專案中出現了我們的微信頭像，其實這個Hello World專案，就有一個簡化版的微信登陸。只不過是，還沒有寫入到咱們自家的後臺中而已。 新建一個Hello World專案，找到a
微信小程式之swiper限制迴圈滑動
最近接的一個單子是使用swiper來達到頁面之間完美滑動的效果的。也就三個頁面首頁、內容頁、尾頁。 但是客戶要求首頁不能滑到尾頁，尾頁不能滑到首頁。 在官方文件中沒有找到方法，因此只能繞彎路了。 wxml頁面程式碼：重點在於 current='{{show_index}}'
11.微信小程式之canvas生成圖片並儲存到手機
在小程式中，會有這樣一種需求，儲存某一個頁面並將其分享到朋友圈。一般的做法是：將這個頁面用canvas繪製出來，通過wx.canvasToTempFilePath，把當前畫布指定區域的內容匯出生成指定大小的圖片。然後再通過wx.saveImageToPhotosAlbum，儲存圖片到系統相簿。由