原创 創建對象--構造函數，原型模式（一）
在創建單個對象的時候，有兩個基本的方法。使用Object構造函數或者使用對象字面量。但假如說我們需要創建許多具有部分相同方法，部分相同屬性的一類對象，那麼這樣一個一個去創建這樣一類的對象，效率就十分低下，會堆砌出大量重複的代碼。 所以開發
2020-06-16 10:05:17
原创 JS數據類型的判斷
第一種方法是typeof，但是這種方法並不靠譜，它無法準確的判斷一個數據類型是數組還是對象還是null。只可以進行模糊的判斷。 console.log(typeof 2)//number console.log(typeof
2018-11-30 23:59:01
原创 JS的運行機制
因爲同步、異步還有宏任務、微任務的的原因，所以JS的程序執行順序並不是按照代碼書寫的順序來的（這是廢話...） 那麼JS的代碼執行順序到底是怎樣的呢？ 首先，同步的優先級是大於異步的，在JS程序執行的時候，遇到了異步任務，比如說ajax、
2018-11-28 13:06:01
原创 ES6之Set與Map
ES6新添加的兩個數據結構Set和Map十分相似。 Set Set本身就是一個構造函數，可以傳入一個數組作爲參數來構建一個Set的數據結構 var set = new Set([1,2,3,4,5,5,5,"5",{},{}]) /
2018-11-26 02:57:09
原创 ES6之class
之前學習創建類的傳統寫法是通過構造函數，在構造函數的原型上存在一個個數constructor，這個屬性所有實例都可以訪問，通過這個屬性可以訪問到構造函數本身。 function Person(){ } va
2018-11-26 02:57:09
原创 一次記清楚offsetXXX、clientXXX、scrollXXX的區別
今天又用到了這幾個屬性，當初記住了時間長了竟然還用混了。做個demo一次性整明白。 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title>
2018-11-20 03:11:34
原创 使用location操作瀏覽器的頁面跳轉
使用location對象可以通過很多方式來改變瀏覽器的位置，總結如下： 跳轉到新的URL loncation.assign loncation.assign("http://www.baidu.com") window.location
2018-11-14 03:02:32
原创 hasPrototypeProperty（Obj，propertyName），for-in和in的區別
實例上的屬性和方法大致可以分爲兩種，一種是在實例上的，一種是在原型對象上的。 在構造函數內部使用this聲明的屬性和方法，在創建實例時會綁定到實例上。在原型對象上聲明的屬性和方法在原型對象上。 對象尋找某個屬性或者會先在實例上尋找，然後再
2018-11-14 03:02:32
2
原创 自動滑入後停頓的原生JS輪播圖DEMO
JS代碼 <script type="text/javascript"> window.onload=function(){ with(document){ var outer=getElementById("outer"
2018-11-14 03:02:32
原创 瀏覽器窗口大小和頁面可視區大小（一）
innerWidth innerHeight outerWidth outerHeight document.doucument.Element.clientWidth / clientH
2018-11-08 03:47:42
1
原创 location對象屬性及查詢字符串的處理
Global（全局）對象中的encodeURL()和encodeURIComponent()方法可以對URI進行編碼，以便發送給瀏覽器。有效的URI中不能包含某些字符，比如說空格。而這兩個URI編碼方法可以對URI進行編碼，它們用特殊的U
2018-11-08 03:47:42
原创 關於創建對象的學習總結（一）
在創建單個對象的時候，有兩個基本的方法。使用Object構造函數或者使用對象字面量。但假如說我們需要創建許多具有部分相同方法，部分相同屬性的一類對象，那麼這樣一個一個去創建這樣一類的對象，效率就十分低下，會堆砌出大量重複的代碼。 所以開發
2018-11-08 03:47:42
原创 valueOf() , toString() , toLocaleString() , join() , parse()的使用與區別
<script type="text/javascript"> var colors=["red","blue","green"]; console.log(colors.toString());//以逗號分隔的字符串
2018-11-07 02:57:59
原创 jQuery中attr()和prop()兩種方法的區別
在老的jQuery版本中，都是使用attr()來訪問對象屬性的，比如取一個圖片的alt屬性，title屬性，但是有的屬性是這樣的，比如說input的checked=“checked”，disabled=“disabled”...再有的
2018-11-04 03:18:00
原创 用canvas和Date實現一個鐘
源碼 <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-widt
2018-11-04 03:18:00