原创 Swiper常見用法/問題(滑塊滾動方式/點擊之後停止自動滾動等問題)
如上圖所示:如需要這樣的樣式在html中寫入<div class="swiper-scrollbar"></div>JS中 var swiper3 = new Swiper('#swi_scroll',{ speed:1500,
2018-09-03 03:47:40
5
原创 微信小程序Canvas繪製圓形圖片
<canvas canvas-id="myCanvas"/> //獲取設備的信息 let mobile = wx.getSystemInfoSync(); //獲取設計圖紙換算比例（用於自適應所有屏幕） let ratio = mob
2018-09-03 03:47:39
3
原创 關於H5頁面點擊a標籤拉取QQ臨時對話的問題
<a href="http://wpa.qq.com/msgrd?v=3&uin=xxx&site=qq&menu=yes"></a>其中xxx爲QQ號碼。這裏注意的是，針對Safari瀏覽器，暫不支持臨時會話的拉取，通常採用的辦法是彈出
2018-09-03 03:47:39
原创 微信小程序圖片/視頻直傳阿里雲服務器OSS
阿里雲官方文檔:https://help.aliyun.com/document_detail/31925.html?spm=a2c4g.11186623.6.634.AMs4Fj第一步(需要由後臺提供接口
2018-09-03 03:47:39
原创 JS在一定範圍內取出一定的不重複隨機數
//循環創建一個數組的函數 function randomArr(maxcount){ var arr = []; for(var i=0;i<maxcount;i++){ arr.push(i) } retu
2018-09-03 03:47:39
原创 微信小程序用戶拒絕授權的官方推薦處理方法
小程序開發中,現在一般都需要獲取微信用戶信息,如頭像/名字等.這樣在用戶第一次進入小程序時,微信端會彈出一個是否同意授權的消息提示框.但是如果用戶第一時間點擊了拒絕,或者用戶手誤點擊了拒絕,如果沒有了後續的操作,可能你的小程序就不能使用了
2018-09-03 03:47:39
2
原创 微信小程序自定義頂部導航欄,添加背景圖,透明色等.
在微信小程序中，導航欄的顏色可以在app.json. window裏面添加navigationBarBackgroundColor屬性,但是顏色只能爲純色.不能使用rgb,或者rgba的色號. 但是這樣並不能滿足很多人的要求.微信官方給
2018-09-03 03:47:39
原创 調用手機數字鍵盤,QQ瀏覽器兼容性（輸入一個數字，鍵盤就會隱藏的問題）
調用手機數字鍵盤，僅需要加上type="number"即可，現在大部分手機瀏覽器使用這個方法都可以解決。部分手機需要加上 pattern="[0-9]*" 驗證 （但是QQ瀏覽器不兼容，會出現，輸入一個數字，鍵盤就會隱藏的問題），
2018-09-03 03:47:39
2
原创 關於（QQ、微信、微博等）的前端分享處理，以及百度地圖的調用
百度分享（微信、微博、QQ、豆瓣等鏈接的分享寫法）HTML:<div class="bdsharebuttonbox"> <a href="##" class="bds_douban fa fa-weibo" data-cmd="
2018-09-03 03:47:13
3
原创 部分瀏覽器會將網頁某些內容默認設置爲關鍵字的解決辦法
部分瀏覽器會將網站內容的字體設置爲關鍵字，如UC瀏覽器，會將“”微信“”兩個字設置爲關鍵字，字體點擊將能搜索，顏色會變成a標籤的樣式，微信兩個字會默認換行，此時僅需要對a標籤加上display: inlin
2018-09-03 03:47:13
原创 鼠標移入圖片變成碎片/移出圖片復原動畫效果
圖片外面只需要一個包裹的div<div class="box"></div>.box{ width: 640px; height: 640px; margin: 0 auto; margin-top: 100px; positi
2018-09-03 03:47:13
原创 微信小程序引入wxs文件,根據後臺返回數值前端展示不同的文字或顏色.
如圖所示，當後臺返回的狀態status 爲 0,1 ，2，3 時。前端展示爲圖上所示，使用微信的wxs文件的方法將使其變得更加簡便新建一個wxs文件，例如function status(id) { var statusJson = {
2018-09-03 03:47:13
2
原创 QQ裏面打開H5頁面，某些數字會默認變爲a標籤，字體變藍，文字換行的解決辦法
只需要加上，<meta content="telephone=no" name="format-detection">即可或者手動改變a標籤樣式。
2018-09-03 03:47:12