原创 ES6—Promise詳解

目錄 一、概述 二、詳解 三、拓展 一、概述 Promise是異步編程的一種解決方案,提供了統一的API,可以用同樣的方法處理各種異步操作。Promise類似一個容器,裏面保存着一個異步操作的結果。 Promise是ES6內置的一個構造函

原创 Angular—標籤動態綁定屬性、綁定html

目錄 一、標籤動態綁定屬性 三、綁定html 一、標籤動態綁定屬性 標籤的某屬性值從TS中定義,然後動態綁定到標籤屬性。 第一步:在TS文件中定義數據 public title = '我是一個新聞組件'; 第二步:在html模板

原创 Angular—屬性ngClass、屬性ngStyle

目錄 一、概述 二、屬性ngClass 三、屬性ngStyle 一、概述 Angular中不建議使用dom操作改變class。ngClass屬性用來給標籤動態綁定class。ngStyle屬性用來給標籤動態綁定CSS樣式。 二、屬性ngC

原创 設計模式—概述

目錄 一、前言 二、什麼是設計模式 三、設計模式的分類 一、前言 假設有一個空房間,需要日復一日往裏面放東西,最簡單的方法當然是把東西直接扔進去。但時間久了,就會發現很難從房間裏找到我們需要的東西,要調整幾樣東西的位置也不容易。所以在房間

原创 Angular—父子組件通信

目錄 一、概述 二、子組件獲取父組件傳參 三、父組件獲取子組件傳參

原创 Angular—生命週期函數

目錄 一、概述 二、詳解 三、實例 一、概述 生命週期函數也叫生命週期鉤子,是組件在創建、更新、銷燬時會觸發的一系列方法。注意,Angular指令中也有生命週期函數,暫時忽略。 二、詳解 Angular組件中主要有八個生命週期函數,如下所

原创 Angular—Angular模板中定義事件

目錄 一、概述 二、定義事件 三、表單事件 一、概述 Angular模板中使用小括號定義事件。$event爲事件對象。 二、定義事件 以click事件爲例。 onClick(e) { var dom: any = e.targe

原创 設計模式—構造器模式

目錄 一、概述 二、詳解 一、概述 構造器模式,也稱構造函數模式。對象構造器用於創建特定類型的對象。當用new關鍵字調用一個構造函數創建對象時,函數返回值爲this,即創建的對象指向函數中的this,這叫隱士返回。 二、詳解 簡單的構造

原创 Vue—vue-wait詳解

目錄 一、概述 二、引入vue-wait組件 三、常見應用 四、拓展 一、概述 vue-wait是一個複雜的裝載器和進度管理組件,常用於Vue、Vuex和Nuxt。vue-wait可以幫助管理頁面上的多個加載狀態,狀態之間不會有任何衝突。

原创 Angular—數據交互詳解

目錄 一、概述 二、get請求 三、post請求 四、Jsonp請求 五、第三方模塊axios請求數據 一、概述 Angular5.x以後get、post和服務器交互使用的是HttpClientModule模塊。 二、get請求 第一步

原创 Vue—axios詳解

目錄 一、概述 二、常用的get和post別名方法 三、拓展 四、實例 一、概述 axios是一個基於Promise的http庫,構建應用時實現API的訪問。axios是基於Promise的對ajax的一種封裝,適用於瀏覽器和nodejs

原创 Vue—scoped詳解、深度作用選擇器

目錄 一、概述 二、私有化原理 三、深度作用選擇器 四、總結 一、概述 scoped是vue中引入的概念,其設計思想是將組件樣式私有化,避免對全局樣式造成污染。 scoped是vue組件中style標籤的一個特殊屬性,通過data-v-h

原创 Vue—moment日期處理類

目錄 一、概述 二、基本用法 三、實例 四、更多日期格式 一、概述 moment是一個JS日期處理類庫,被設計爲在瀏覽器和Node.js中都能使用。 中文官網:http://momentjs.cn/ 二、基本用法 安裝moment組件

原创 Vue—組件選項之mixins

目錄 一、概述 二、詳解 三、實例 一、概述 mixins翻譯爲混入,提供了一種非常靈活的方式來分發vue組件中的可複用功能。一個混入對象可包含任意組件選項,當組件使用混入時,混入對象所包含的所有組件選項將被合併進入該組件本身的選項。 混

原创 Vue—JSX語法詳解

一、概述 JSX由React發明,是一種Javascript和xml結合的格式。JSX可以利用虛擬語法創建虛擬dom,當遇到 < ,JSX當HTML解析,當遇到 { ,JSX當JavaScript解析。 export default{