原创 深入淺出vue.js---全局API的實現原理----Vue.use、Vue.minxin、Vue.compile、Vue.version

一、Vue.use Vue.use(plugin); (1)參數 { Object | Function } plugin (2)用法 安裝Vue.js插件。如果插件是一個對象,必須提供install方法。如果插件是一個函數,它會被作爲

原创 深入淺出vue.js----生命週期---初始化實例屬性、事件

一、初始化實例屬性 (1)在Vue.js的整個生命週期中,初始化實例屬性是第一步。 (2)需要實例化的屬性既有Vue.js內部需要用到的屬性(如vm._watcher),也有提供給外部使用的屬性(例如vm.$parent)。 (3)以$開

原创 vue項目在IE瀏覽器下報錯“ReferenceError: Promise未定義”

一、原因 IE一些低版本的瀏覽器對於ES6語法不支持 Promise是es6語法裏爲了解決異步函數多重嵌套的問題 說明: 或許你並沒有使用Promise,但是有可能你使用Axios等,其中原理也是Promise,進行了封裝而已 二、

原创 深入淺出vue.js----實例方法與全局API的實現原理---生命週期相關的實例方法-vm.$nextTick

一、vm.$nextTick (1)nextTick接收一個回調函數作爲參數,它的作用是將回調延遲到下次DOM更新週期之後執行。 (2)它與全局Vue.nextTick一樣,不同是是回調的this自動綁定到調用它的實例上。 (3)如果沒有

原创 深入淺出vue.js----生命週期篇幅一

一、概述 (1)每個Vue.js實例在創建時都要經過一系列初始化,例如設置數據監聽、編譯模板、將實例掛載到DOM並在數據變化時更新DOM等。 (2)同時,也會運行一些叫作生命週期鉤子的函數,只給在不同階段添加自定義代碼的機會。 二、生命週

原创 在H5頁面中使用Google Analytics

一、概述 Google-Analytics是google旗下一款網站數據記錄類服務系統 二、註冊Google Analytics賬號 https://marketingplatform.google.com/about/analytics

原创 深入淺出vue.js---全局API的實現原理----Vue.directive、Vue.filter、Vue.component

一、Vue.directive Vue.directive(id,[definition]); (1)參數 { string } id { Function | Object } [ definition ] (2)用法 註冊或獲取全局

原创 深入淺出vue.js----生命週期---初始化狀態

一、初始化狀態 (1)當我們使用Vue.js開發應用時,經常會使用一些狀態,例如props、methods、data、computed和watch。在Vue.js內部,這些玩狀態在使用之前需要進行初始化。 (2)initState函數

原创 深入淺出vue.js---全局API的實現原理----Vue.nextTick、Vue.set、Vue.delete

一、Vue.nextTick Vue.nextTick([callback,context]); (1)參數 { Function } [callback] { Object } [context] (2)用法 在下次DOM更新渲染結束

原创 深入淺出vue.js---全局API的實現原理----Vue.extend

一、Vue.extend Vue.extend( optons ); (1)參數 { object } options (2)用法 使用基礎Vue構造器創建一個“子類”,其參數是一個包含“組件選項”的對象。data選項是特例,在Vue.

原创 深入淺出Vue.js----虛擬DOM

一、什麼是虛擬DOM (1)Vue是聲明式操作DOM。 (2)我們通過描述狀態和DOM之間的映射關係是怎樣的,就可以將狀態渲染成視圖。關於狀態到視圖的轉換過程,框架會幫我們做,不需要我們自己動手去操作DOM。 (3)應用中所使用的變量都是

原创 深入淺出Vue.js----變化偵測相關的API實現原理----vm.$delete

一、作用 (1)vm.$delete的作用是刪除數據中個某個屬性。 (2)由於Vue.js的變化偵測是使用Object.defineProperty實現的,所以如果數據使用delete關鍵字刪除的,那麼無法發現數據發生了變化。 (3)爲了

原创 深入淺出Vue.js----變化偵測相關的API實現原理----vm.$watch

一、vm.$watch (1)用法 vm.$watch(expOrFn,callback,[options]) (2)參數 1、{string | Function} expOrFn 2、{Function | Object} ca

原创 深入淺出Vue.js----變化偵測相關的API實現原理----vm.$set

一、用法 vm.$set(target,key,value) (1)參數 {Object | Array} target {string | number} key {any} value (2)返回值 { Function } unw

原创 Echarts繪製三條線間有區域顏色,同時在線上添加文字提示,以及添加一條標註的線

一、效果 二、實現 (1)使用堆疊圖(stack屬性相同形成堆疊圖)實現區域的顏色,因爲剛好該需求的三條線的數據是低、中、高的緣故,只需用50%的數據去減去3%的數據就可以得到50%這條線的數據,同時97%的數據,用97%的數據減去50