原创 動畫幀requestAnimationFrame / 取消動畫幀cancelAnimationFrame(index)
requestAnimationFrame 動畫幀 性能好 1.會把每一幀中的所有DOM操作集中起來，在一次重繪或迴流中就完成，並且重繪或迴流的時間間隔緊緊跟隨瀏覽器的刷新頻率 2.在隱藏或不可見的元素中，將不會進行重新重
2020-07-01 12:28:53
原创 案例25：隨機打亂圖片
<!DOCTYPE html > <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title
2020-07-01 12:28:53
原创 案例26：查找替換文字
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <link rel="style
2020-07-01 12:28:53
原创 Tween動畫框架
Tween動畫 t current time（當前時間） b beginning value（初始值） c change in value（變化量） d duration（持續時間） 框架代碼： var
2020-07-01 12:28:53
原创 mTween動畫框架封裝-3
21.transform 22.添加transform的處理 23.特殊樣式獲取、批量設置 21.transform 22.添加transform的處理 /* css 函數 */ var transformAttr = [
2020-07-01 12:28:53
原创 event案例：留言板-事件委託
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, ini
2020-05-01 13:12:54
原创 案例27：百度音樂全選-onchange監聽單選框複選框
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=dev
2020-05-01 13:12:54
原创 案例：下拉菜單
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-wi
2020-05-01 13:12:54
原创 案例28：無限極菜單-遞歸
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-
2020-05-01 13:12:54
原创 案例：鍵盤控制div位置縮放
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-w
2020-05-01 13:12:54
原创 案例：鼠標滾輪改變div高度
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-wi
2020-05-01 13:12:54
原创 案例：鼠標拖拽
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, ini
2020-05-01 13:12:54
原创 案例：鼠標拖拽
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-
2020-05-01 13:12:54
原创 案例：自定義一個右鍵菜單
（另一種筆記裏找） 自定義右鍵菜單 - contextmenu 右鍵菜單事件 - e.preventDefault()/return false 阻止默認事件 - e.clientX/e.clientY 鼠標位
2020-05-01 13:12:54
原创 案例：仿京東放大鏡
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=devic
2020-05-01 13:12:54