原创 ES6 Map數據結構
一、Map的基本用法 JavaScript對象本質上是鍵值對的集合，但是傳統上只能用字符串當作鍵，在使用上會有很大的限制。 ES6提供了Map數據結構，類似於對象，也是鍵值對的集合，但是鍵不止能用字符串，各種類型的值都可以當作鍵，
2020-07-08 01:08:18
4
原创 ES6 Set數據結構
一、Set的基本用法 ES6提供的Set集合用於存儲不重複的數據 Set本身是一個構造函數，用來生成 Set 數據結構。 const s = new Set(); s.add(1); s.add(1); console.log([
2020-07-04 09:23:37
1
原创 ES6 class的繼承
ES5中的繼承通過修改原型鏈實現繼承，而在ES6中class 可以通過extends關鍵字實現繼承 ,要清晰和方便很多。 class Animal{ constructor(x, y) { this.x = x;
2020-07-04 09:23:37
1
原创 js數組方法（部分）
JavaScript 數組的力量隱藏在數組方法中。 一、數組轉換爲字符串 1.String(arr) 返回值 string 將數組中的每一個元素用逗號連接。 toString() 把數組轉換爲數組值（逗號分隔）的字符串。 v
2020-06-25 12:19:33
1
原创 異步加載和加載時間線
一、異步加載 異步加載又叫非阻塞，瀏覽器在加載執行 js 同時，還會繼續進行後續頁面的處理。 異步加載js，按需加載，用到的時候再加載，不用到不加載。 異步加載的三種方式： 1.defer屬性：在文檔完成解析完成開始執行，並且在D
2020-06-25 12:19:33
1
原创 ES6 class的基本語法
在學習ES6 class類之前，先看下傳統生成實例對象的方法（構造函數）。 function Person(name, age){ this.name = name; this.age = age; thi
2020-06-25 12:19:33
原创 Bootstrap3柵格系統
Bootstrap 提供了一套響應式、移動設備優先的流式柵格系統，隨着屏幕或視口（viewport）尺寸的增加，系統會自動分爲最多12列。 1、“行（row）”必須包含在 .container （固定寬度）或 .container
2020-06-25 12:19:33
原创 Bootstrap3字體圖標組件
如何使用 因爲Bootstrap已經把許多圖標放在css樣式裏，使用時就只需要引用所需要的圖標對應的圖標類就行了。所有的圖標都需要一個glyphicon基類和對應每個圖標的類。 不能和其他組件混合使用 一個圖標使用一個單獨的元素。
2020-06-25 12:19:22
原创 TypeScript的基礎類型
TS是什麼？ TypeScript是ECMAScript 2015的語法超集，是JavaScript的語法糖。JavaScript程序可以直接移植到TypeScript，TypeScript需要編譯（語法轉換）生成JavaScri
2020-06-25 12:19:22
原创 對象屬性的保護
一個對象的屬性在沒有做任何處理的情況下，是可以被輕易修改或刪除，是非常不安全的。一些重要的數據，也不希望被隨意修改或刪除。 每個屬性都有四大特徵 使用Object.defineProperty()或Object.definePro
2020-06-16 08:53:45
原创 AJAX請求的4個步驟
一、創建XHR對象 XMLHttpRequest（W3C標準） 現在的瀏覽器基本都支持XHR對象，但IE5,6是例外。這時候就需要兼容性的寫法 二、監聽XHR狀態改變事件 onreadystatechange()事件用於
2020-06-16 08:53:45
原创 php中的函數與循環
一、函數 創建randColor函數 返回一個隨機的表示顏色的字符串 rgb(0-255,0-255,0-255); mt_rand(min.max) 使用 Mersenne Twister 算法返回隨機整數,包含首尾。 二、
2020-06-08 15:46:24
原创 五層網絡
一、應用層 應用層是網絡應用程序及其應用層協議存留的地方。 應用層包含許多協議，例如HTTP(它爲web文檔提供了請求和傳送)、SMTP(它提供了電子郵件報文的傳輸)和FTP(它提供了兩個端系統之間的文件傳送)。 二、運輸層 負責
2020-06-03 17:41:36
原创 jQuery獲取元素尺寸的方法
一、.width() 爲匹配的元素集合中獲取第一個元素的當前計算寬度值。給每個匹配的元素設置CSS寬度。 內容寬度 二、.height() 獲取匹配元素集合中的第一個元素的當前計算高度值。設置每一個匹配元素的高度值。 內容高度 三
2020-05-25 01:58:24
原创 jQuery遍歷DOM樹方法
一、.next() 取得匹配的元素集合中每一個元素緊鄰的後面同輩元素的元素集合。如果提供一個選擇器，那麼只有緊跟着的兄弟元素滿足選擇器時，纔會返回此元素。 二、.prev() 取得一個包含匹配的元素集合中每一個元素緊鄰的前一個同輩
2020-05-25 01:58:24