原创 ES6 入門 ：let 和 const 命令

  1. let 命令  ES6 新增了let命令，用來聲明變量。它的用法類似於var，但是所聲明的變量，只在let命令所在的代碼塊內有效。 作用域規則 { let a = 10; var b = 1; } a // Refe

2020-06-08 21:47:16

原创 ES6入門 ：Generator 函數

語法上，首先可以把它理解成，Generator 函數是一個狀態機，封裝了多個內部狀態。 形式上，Generator 函數是一個普通函數，但是有兩個特徵。  特點： 1.函數名前面帶一個*，和普通函數做區分 2.內部使用yield表達式，定

2019-02-21 18:26:25

原创 ES6入門 ：Promise 對象

ES6 規定，Promise對象是一個構造函數，用來生成Promise實例。 下面代碼創造了一個Promise實例。 const promise=new Promise(function(resolve,reject){ if

2019-02-19 22:13:59

原创 ES6入門 ：Module

export 命令 模塊功能主要由兩個命令構成：export和import。export命令用於規定模塊的對外接口，import命令用於輸入其他模塊提供的功能。 一個模塊就是一個獨立的文件。該文件內部的所有變量，外部無法獲取。如果你希望外

2019-01-25 22:51:53

原创 ES6入門 ：Class 的繼承

ES6 提供了更接近傳統語言的寫法，引入了 Class（類）這個概念，作爲對象的模板。通過class關鍵字，可以定義類。 基本上，ES6 的class可以看作只是一個語法糖，它的絕大部分功能，ES5 都可以做到，新的class寫法只是讓對

2019-01-25 22:51:53

原创 ES6入門 ：變量的解構賦值

1.數組的解構賦值 ES6 允許按照一定模式，從數組和對象中提取值，對變量進行賦值，這被稱爲解構（Destructuring）。 以前，爲變量賦值，只能直接指定值。 let a = 1; let b = 2; let c = 3; E

2019-01-16 22:23:08

原创 ES6入門：對象的擴展

1. 對象的簡潔語法 //傳統對象_單體模式寫法 key-value模式 var person = { name:'pp', age:24, showName:function(){ re

2019-01-16 22:23:08

原创 ES6入門 ：數組的擴展運算符

1.擴展運算符 擴展運算符（spread）是三個點（...）。將一個數組轉爲用逗號分隔的參數序列。 console.log(...[1,2,3]) // 1 2 3 console.log(1,...[2,3,4],5) // 1 2

2019-01-16 22:23:08

原创 ES6入門 ：箭頭函數

  ES6 允許使用“箭頭”（=>）定義函數。 var f = v => v; // 等同於 var f = function (v) { return v; }; 如果箭頭函數不需要參數或需要多個參數，就使用一個圓括號代表參數部

2019-01-16 22:23:08

原创 ES6入門：模板字符串

  傳統的 JavaScript 語言，輸出模板通常是這樣寫的（下面使用了 jQuery 的方法）。 $('#result').append( 'There are <b>' + basket.count + '</b> ' +

2019-01-16 22:23:08

原创 css3 Filter 的十種特效

css3中的filter屬性可以說是簡單易用且強大，這些效果作用在圖片上實現一些特效（也可以作用在vidio上，此處只討論圖片特效）。 瀏覽器兼容性 　　目前各大瀏覽器對於css3的兼容已經非常好了，最新版本都可以支持css3，老版本的i

2018-09-29 22:40:31 2

原创 vue組件（三）—自定義事件

事件名 跟組件和 prop 不同，事件名不存在任何自動化的大小寫轉換。而是觸發的事件名需要完全匹配監聽這個事件所用的名稱。舉個例子，如果觸發一個 camelCase 名字的事件： this.$emit('myEvent') 則監聽

2018-09-29 22:40:20 3

原创 vue組件（二）--prop傳遞數據

組件組合 組件設計初衷就是要配合使用的，最常見的就是形成父子組件的關係：組件 A 在它的模板中使用了組件 B。它們之間必然需要相互通信：父組件可能要給子組件下發數據，子組件則可能要將它內部發生的事情告知父組件。然而，通過一個良好定義的接口

2018-09-29 22:40:20 1

原创 vue組件（一）——組件介紹

定義 組件 (Component) 是 Vue.js 最強大的功能之一。組件可以擴展 HTML 元素，封裝可重用的代碼。在較高層面上，組件是自定義元素，Vue.js 的編譯器爲它添加特殊功能。在有些情況下，組件也可以表現爲用 is 特性進

2018-09-29 22:40:20 4

原创 this綁定機制

爲什麼要用this： function identify() { console.log("Hello,I'm " + this.name); } let me = { name: "Kyle" }; let you = {

2018-09-05 13:43:09 2