原创 關於layer的常見用法

(1)普通消息提示 layer.open({ content: content, skin: 'msg', time: 1.5 }); (2)數據加載中 layer.open({ type: 2,

原创 JS對手機號碼和驗證碼、QQ號碼進行驗證

//調用layer var layerCommon = function(content) { layer.open({ content: content, skin: 'msg',

原创 判斷當前瀏覽器類型/判斷是否是在微信端

function myBrowser(){ var userAgent = navigator.userAgent; //取得瀏覽器的userAgent字符串 var isOpera = userAgent.indexOf

原创 微信小程序自定義頂部導航欄(兼容適配所有機型)

在微信小程序中,自定義導航欄的顏色 可以在app.json.  window裏面添加navigationBarBackgroundColor屬性。 但是顏色只能爲十六進制顏色碼,不能使用rgb,或者rgba.。 爲了滿足更多用戶的需求,微

原创 Vue在所有的文件引用路徑中,添加前綴域名/項目不在服務器根目錄,router配置

Vue在所有的文件引用路徑中,添加前綴域名 在build文件夾打開webpack.base.conf.js文件 module.exports = { output: { filename: "[name].js",

原创 vue項目執行npm run build 打包出現某些圖片,字體,資源文件路徑404,無法加載的問題

如圖所示: 如果出現如圖的錯誤。首先我們第一步是考慮進入dist文件夾裏面的static文件夾 正常情況下static文件夾是非常乾淨的 如果你發現你的static文件夾出現了多餘的img、fonts文件夾等。則可以考慮如下的解決方式

原创 vue router路由跳轉帶參數方法以及帶參數後無法跳轉的問題

在開發項目的過程中,經常會遇到某一個場景. eg:點擊某個東西,會進入當前那個東西的詳情頁. 此時一般的處理方式就是需要獲取到當前點擊對象的id.跳轉到新頁面,根據這個id通過網絡請求獲取到詳細的參數. 在vue中.假如我們創建了兩個vu

原创 vue自定義底部導航欄Tabbar

如圖所示,要完成類似的一個底部導航切換。 首先。我們需要分爲5個大的VUE文件。可以根據自己的習慣來放在不同的位置。 我將5個主要的VUE文件放在了5個不同的文件夾 然後,在組件文件夾裏新建Tabbar.vue /以及Item.vue

原创 微信小程序canvas超出屏幕實現左右滑動的方法

要實現下圖這種關於canvas的滑動跟所有人的想法相同,第一次使用canvas繪製的折線圖,我選擇了放在scroll-view 內,在開發者工具上是可以實現滑動的,但是在真機上面發現不能滑動.原因是canvas層級是最高的,後來發現官方文

原创 關於微信端打開網頁,不支持第三方的微信支付的問題

目前,在關於微信端打開網頁,是不支持第三方的微信支付的。就像在支付寶打開頁面,不支持微信支付的解決辦法一樣。通常採用這樣的提示方法

原创 小程序禁止頁面拉動(非禁止小下拉刷新)

在微信小程序中,用力往下拉動,頁面頂部會出現一段空白的地方。在某些需求下,需要禁止拉動。這個時候可以在page裏面對應的的json文件裏面,加上"disableScroll": true加上這個屬性,就會禁止頁面拉動。但是這裏注意的是,在

原创 手機百度APP H5網頁position:fixed屬性失效. DIV結構被自動隱藏

如下圖,在很多H5活動頁都會有一個固定在底部的下載按鈕,由於有設計好的字體,爲了方便,通常會選擇用一個圖片放在div裏面,再對div使用position:fixed屬性. 但是由於手機百度APP裏面有一個功能,叫做自動屏蔽廣告.由於大多數

原创 JavaScript格式化日期時間

/* 獲取時間數組-- data(爲當前日期) */ function getTimeArray(date) { var year = date.getFullYear(); var month = date.getMon

原创 關於微信小程序下拉刷新,真機測試不彈回的處理辦法

onPullDownRefresh: function() { this.myRecordingA(1,answerUrl); wx.stopPullDownRefresh(); }, //my

原创 微信小程序文字滾動卡頓的解決辦法

目前,針對微信小程序,文字滾動的效果。傳統使用定時器,改變px像素點。是會出現卡頓的情況的,動畫會非常不流暢。這裏建議的是使用css3動畫。但是有一個點需要注意的是,就算是使用CSS3屬性,我們也不能去更改bottom、top、margi