原创 js 處理同時綁定單擊和雙擊的方法
var timeout =null; $("#Btn").on("click",function(){ clearTimeout(timeout);//停止單擊定時事件 timeout= window.s
2019-10-11 14:35:39
原创 js記錄鼠標動作並按發生時間重現
場景 demo 演示記錄鼠標在一個區域內的動作，並記錄下來。點擊回放時，按時序回放動作 源代碼 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">
2019-08-31 16:05:07
2
原创 js計算兩個多邊形是否重合，可直接運行
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-widt
2019-07-18 15:15:07
原创 offsetLeft，offsetTop,與getClientRect[0].x,getClientRect[0].y 關係
getClientRect是元素的絕對位置，絕對指的是相對於顯示器視口的決定定位。offsetLeft的理解方式同position:absolute,相對的是上一個不爲static的元素，而不是body或者html之類的 如果頁面上只有一個
2019-06-28 11:35:04
1
原创 #思考# 移動端絕對定位在不同設備適配問題
需求：需要展示的數據已在數據庫設置好，並且是以大屏幕爲準，現在需要在不同設備上顯示出來 實現：所有物體都採用絕對定位，根據實際屏幕與數據庫設置的屏幕尺寸比例，對數據進行縮放 背景 居中鋪滿 background-position: ce
2019-06-25 21:35:07
1
原创 #思考# 鼠標拖拽mousemove和移動端touchmove問題
需求 移動實現手指觸摸移動物體 PC端實現鼠標拖拽物體 實現 移動端 通過touchstart和touchmove事件實現 1、touchstart時記錄手指按下的位置 x=event.touch[0].pageX, y=event.
2019-06-25 21:05:03
1
原创 計算一點繞另一點旋轉n度後的座標（親測）
遇到問題先網上找一找（因爲自己已經忘完了……），搜到好幾個如下的答案：一、 假設o點爲圓心(原點0,0)，則有計算公式： b.x = a.xcos(angle) - a.ysin(angle) b.y = a.xsin(angle) +
2019-06-24 21:26:14
17
原创 深入理解css中的margin屬性（最新瀏覽器支持）
本文啓發於博客園一篇2016年的“深入理解css中的margin屬性”文章，根據當前瀏覽器（chrome 71.0.3578.98（正式版本） （64 位）），加上自己的理解，每個例子都是親測過 這篇博文主要分爲以下幾個部分： margin
2019-01-28 16:45:53
1