原创 Vue雙向綁定的實現原理

轉自:https://www.w3cplus.com/vue/vue-two-way-binding-object-defineproperty.html2016年,Vue.js可謂是大放異彩,以迅雷不及掩耳之勢趕React超Angula

原创 vuejs中的事件綁定

      vuejs中的事件綁定,使用<v-on:事件名 = 函數名>來完成的,這裏函數名是定義在Vue實例中的methods對象中的,Vue實例可以直接訪問其中的方法.事件綁定的方式 (1) 內聯直接把js寫在標籤上調用方法 <

原创 Typescript:類

1.類的定義class Person { name: String;//屬性不加修飾符時,默認是public的 age: number; //構造方法 與java不同,不是使用類名,而是使用constructor

原创 Vue2.0 v-for 中 :key 到底有什麼用?

轉自:Vue2.0 v-for 中 :key 到底有什麼用?對key的用途的官方定義:key當 Vue.js 用 v-for 正在更新已渲染過的元素列表時,它默認用“就地複用”策略。如果數據項的順序被改變,Vue 將不會移動 DOM 元素

原创 用vue-cli搭建vue開發環境

vue.js有著名的全家桶系列,包含了vue-router,vuex, vue-resource,再加上構建工具vue-cli,就是一個完整的vue項目的核心構成。1.vue-cli 是vue.js的腳手架,用於自動生成vue.js+we

原创 Typescript:函數定義

回顧JavaScript中的函數定義:/*普通函數*/ function add(a, b) { console.log(a + b); } add(1, 2); /*匿名函數*/ var add1 = function (a,

原创 ES7特性

ES7特性只有兩個:Array.prototype.includes和求冪運算  **Array.prototype.includes()                         作用:是查找一個值在不在數組裏,若在,則返回tru

原创 es6 javascript對象方法Object.assign()

es6 javascript對象方法Object.assign()1  基本用法Object.assign方法用於對象的合併,將源對象( source )的所有可枚舉屬性,複製到目標對象( target )。var target = {

原创 JS中判斷null、undefined與NaN的方法

轉自:http://www.jb51.net/article/48481.htm1.判斷undefined:1234var tmp = undefined; if (typeof(tmp) == "undefined"){ alert("

原创 Vue雙向綁定

轉自:vue.js關於Object.defineProperty的利用原理 https://www.jianshu.com/p/07ba2b0c8fca      把一個普通對象(a={b:1})傳給 Vue 實例作爲它的 data 選

原创 javascript中爲什麼有時候會使用雙邏輯非運算符的?

轉自 :https://blog.csdn.net/ansenamerson/article/details/71247425目錄(?)[+]雙邏輯非操作符的作用雙邏輯非操作,會把一個值(數字,字符串…..)轉換爲布爾值。第一次邏輯非操作

原创 vue數據綁定

1.數據綁定{{}}        {{}}可以很方便的讓我們將數據源對象的屬性渲染到Vue的DOM元素中。弊端:當網速慢,數據加載失敗、JavaScript報錯或者用戶禁用頁面所有JavaScript時,會在瀏覽器中直接渲染插值比如{{

原创 Typescript:接口

       接口的作用:在面向對象的編程中,接口是一種規範的定義,它定義了行爲和動作的規範,在程序設計裏面,接口起到一種限制和規範的作用。接口定義了某一批類所需要遵守的規範,接口不關心這些類的內部狀態數據,也不關心這些類裏方法的實現細節

原创 Typescript:泛型

       使用泛型可以來創建可重用的組件,一個組件可以支持多種類型的數據。泛型就是解決 類 接口 方法的複用性、以及對不特定數據類型的支持(類型校驗)       泛型:可以支持任意的數據類型// T表示泛型,具體什麼類型是調用這個方

原创 vue計算屬性詳解

轉自:vue計算屬性詳解——小白速會vue計算屬性詳解——小白速會一、什麼是計算屬性模板內的表達式非常便利,但是設計它們的初衷是用於簡單運算的。在模板中放入太多的邏輯會讓模板過重且難以維護。例如:<div id="example">