原创 web手勢庫AlloyFinger運用( 控制CANVAS中圖片移動、縮放、旋轉) - 可編輯圖片指定區域位置
對 web手勢庫AlloyFinger運用( 控制CANVAS中圖片移動、縮放、旋轉) 的優化修改，上傳的可編輯的圖片在指定區域中，計算圖片信息以最合適的大小及位置顯示 // 上傳的圖片畫入指定區域位置設置： // bmp.x = s
2020-07-06 09:26:31
2
原创 微信小程序-收藏
設置swiper指示點樣式 .wxss swiper .wx-swiper-dots { width: 100%; padding-left: 20rpx; box-sizing: border-box; display: flex;
2020-07-06 09:26:31
1
原创 h5九宮格抽獎
九宮格抽獎-jquery： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge
2020-07-06 09:26:31
1
原创 使用FormData對象AJAX提交文件
FormData對象是html5的一個對象，目前的一些主流的瀏覽器都已經兼容。 它是一個html5的javascript對象，非常的強大。 FormData可以憑空創建一個對象，然後往這個對象裏面添加數據，然後直接提交，不需要寫一行htm
2020-07-06 09:26:31
1
原创 jquery 設置元素拖動效果
jquery 設置頁面元素可拖動效果 使用： setEleDrag('.go_manager_vote',120,60,function(){ console.log('執行點擊操作'); }); // 頁面元素可拖動 // e
2020-07-06 09:26:31
1
原创 未開啓橫屏時，設置了寬高爲窗口100%的視頻，豎屏方向播放時，變形問題解決
當手機未開啓橫屏時，設置了寬高爲窗口100%的視頻，豎屏方向播放時，會有拉伸，可以根據手機寬高比例判斷橫豎屏狀態，來設置旋轉視頻元素，同時更新設置視頻元素寬高（與之前狀態的寬高值對調） demo： <!DOCTYPE html> <ht
2020-06-08 04:17:17
原创 移動端頁面上下滑動，大小、透明度的變化視覺差異效果切換頁面
移動端頁面上下滑動，大小、透明度的變化視覺差異效果切換頁面 上滑動進入下一頁 ， 當前頁從 scale=1 放大至 比1的大倍數 ，並且透明度降低至0 ，下一頁從 scale=0.1 放大至 scale=1 , 透明度無變化 下滑動進入前
2020-06-08 04:17:17
原创 移動端H5頁面，上下滑動翻頁
移動端H5頁面，上下滑動翻頁 向上滑動進入下一頁 ， 當前頁（加CSS樣式outTop）向上移動移出窗口 ，下一頁（加CSS樣式inTop）向上移動進入窗口 向下滑動進入前一頁 ， 當前頁（加CSS樣式outDown）向下移動移出窗口 ，
2020-06-08 04:17:17
原创 塗抹CANVAS，判斷清除完畢執行操作
塗抹CANVAS，判斷清除完畢執行操作 clearCanvas.js代碼如下： function clearCanvas(imgSrc,Bl,callback){ var ctx = null; var mouseX = null;
2020-06-08 04:17:17
原创 蘋果手機輸入框聚焦時右側或下方出現線條解決方法
蘋果手機input框設置了border:none，當聚焦時右側或下方出現了線條，解決方法：將 border:none 改爲 border:rgba(0,0,0,0) solid 1px; 也不是每個頁面都會出來這樣的情況，但出現了還是要
2020-06-08 04:17:17
原创 CANVAS中使用跨域圖片轉base64圖片時報錯處理
CANVAS中使用跨域圖片轉base64圖片時報錯處理： function getBase64(imgUrl) { window.URL = window.URL || window.webkitURL; var xhr = new
2020-04-08 13:09:58
原创 微信小程序-設置swiper指示點樣式
.wxss樣式代碼 swiper .wx-swiper-dots { width: 100%; padding-left: 20rpx; box-sizing: border-box; display: flex; justify-c
2020-02-22 14:32:43
原创 wxParse多數據循環使用方法
微信小程序富文本解析組件wxParse多數據循環使用方法，說明文檔：https://github.com/icindy/wxParse/wiki/wxParse多數據循環使用方法 說明文檔中，沒有示例來處理除了富文本以外其它數據的處理，找
2019-06-22 00:47:11
原创 小程序實現左右滑動切換菜單+瀑布流顯示列表
小程序實現左右滑動列表區域，切換菜單（橫向滑動菜單，切換時自動設置選中的菜單窗口居中顯示），加載顯示對應瀑布流數據，頁面滾動時，設置菜單欄是否置頂顯示 自己寫的一個demo（下載地址：https://download.csdn.net/d
2019-06-11 04:56:37
原创 蘋果手機在input失焦時鍵盤縮回縮後，頁面不歸位解決方法
蘋果手機在input失焦時鍵盤縮回縮後，頁面不歸位解決方法 $("input").on("blur",function(){ window.scroll(0,0); //讓頁面歸位 });
2019-02-28 21:15:37