原创 jq 獲取元素的尺寸
jq 獲取元素的尺寸 獲取元素尺寸 jquery-3.4.1 是可以獲取隱藏元素的寬高的，下面的方法都可以獲取隱藏元素的寬高 方法作用 width()獲取元素的內容寬度 height()獲取元素的內容高度 innerWid
2020-06-28 19:03:57
6
原创 ES6 用class方式實現鼠標拖拽
ES6 用class方式實現鼠標拖拽 鼠標拖拽div ，div隨機顏色生成 <script> //1.首先創建一個拖拽類 class Drag { constru
2020-06-28 18:06:56
原创 taro 實現購物車邏輯
taro 實現購物車邏輯 效果 taro是什麼？ Taro 是一套遵循 React 語法規範的 多端開發 解決方案。 現如今市面上端的形態多種多樣，Web、React-Native、微信小程序等各種端大行其道，當業務要求同
2020-06-28 18:06:56
8
原创 js 改變this指向
js 改變this指向 js 改變this 指向 js中改變this指向的三個方法 1.call（this指向，實參1，實參2） 實參可以有無數個，中間用逗號隔開 2.apply（this指向，[實參1，實參2]） 參數有兩個
2020-06-28 18:06:56
原创 jq 獲取元素
jq獲取元素 jq獲取元素 jq的獲取元素的方式類似於css獲取元素的操作 css中的選擇器，jq也支持。 實例效果 $('div')得到所有div $('#div')得到id爲div的元素 $('.div')得到clas
2020-06-28 18:06:56
原创 jq 九宮格 類似華容道效果
jq 九宮格 類似華容道效果 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" conte
2020-06-28 18:06:56
原创 ES6 生成器函數
ES6生成器函數 生成器函數 生成器函數與普通函數的區別 普通函數生成器函數 普通函數一旦運行，不能中途暫停生成器函數可以中途暫停 普通函數每次都從開始的時候開始執行生成器函數是從上次暫停的位置繼續執行 生成器函數創
2020-06-28 18:06:56
原创 ES6 構造函數
ES6 構造函數 ES6構造函數 //es6_構造函數 class Cat{ constructor(name,age){ this.name=name || '小貓'; //默認值 ‘小
2020-06-28 18:06:56
原创 js clientX pageX offsetX screenX
js clientX pageX offsetX screenX pageX pageY:鼠標指針的位置，相對於文檔開頭左上角的位置。 offsetX offsetY:鼠標相對於事件源元素左上角的x,y座標 clientX cl
2020-06-28 18:06:56
原创 js 函數中方法定義在函數內部，定義在函數外，與prototype上的區別
js 函數中方法定義在函數內部，定義在函數外，與prototype上的區別 區別 方法調用描述 構造函數內函數名直接調用報錯 函數外函數名直接調用正常執行 函數外 prototype上函數名直接調用報錯 構造函數內實例化對
2020-06-28 18:06:56
原创 ES6 模板字符串與解構賦值
ES6 模板字符串與解構賦值 解構賦值 展開運算符 模板字符串 特點 模板字符串可以換行 模板字符串中變量表達方式 ${變量/表達式} <script> //模板字符串 //特點：模板字符串可以換行
2020-06-28 18:06:56
原创 jq 常用工具方法
jq 常用工具方法 jq 常用工具方法 方法作用參數返回值 $.type()區分所有類型要判斷的變量字符串 $.isFunction()判斷是否是函數要判斷的變量true：是函數 false：不是函數 $.isEmptyO
2020-06-28 18:06:56
原创 jq get(0) 問題
jq get(0) 問題 jq get(0)問題 注：這裏所說的get不是ajax裏的get。 get()： 將jq獲取的元素轉成js原生的元素 問題：爲什麼在用get的時候，哪怕只有一個元素，都需要寫參數0？ <!DOCT
2020-06-28 18:06:56
原创 jq 事件
jq 事件 jq事件 jq中的事件操作，都是基於js的addEventListener語法 特點： 1.一個元素的多個事件，都會執行，不會覆蓋 2.支持多個事件添加 3.支持事件委託 4.事件的命名空間 <div id="
2020-06-28 18:06:56
原创 js效果 div跟隨鼠標移動
js效果 div跟隨鼠標移動 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content
2019-10-28 14:13:08
6