原创 回調函數和閉包

  回調函數就是一個通過函數指針調用的函數。如果你把函數的指針(地址)作爲參數傳遞給另一個函數,當這個指針被用爲調用它所指向的函數時,我們就說這是回調函數。回調函數不是由該函數的實現方直接調用,而是在特定的事件或條件發生時由另外的一方調用

原创 created和mounted區別

有改變dom的時候 就用mounted 沒有改變dom操作就用created created:在模板渲染成html前調用,即通常初始化某些屬性值,然後再渲染成視圖。 mounted:在模板渲染成html後調用,通常是初始化頁面完成後,再對

原创 字符串拼接 多請求數據合併 確保都請求成功才執行

var name = '小明'; var age = 20; var message = '你好, ' + name + ', 你今年' + age + '歲了!'; alert(message); es6寫法 var name

原创 多個數組對象求和

var arr=[{a:1,b:2,c:3}, {a:2,b:2,c:2}, {a:1,b:2,c:7}, {a:2,b:2,c:3}]; var obj={}; var numa_i=0;

原创 點擊登錄彈出層以及遮罩層關閉

function openNew(){ //獲取頁面的高度和寬度 var sHeight=document.documentElement.scrollHeight; var sWidth=document.docu

原创 vue組件之間的通信傳值方式

vue是數據驅動視圖更新的框架, 所以對於vue來說組件間的數據通信非常重要,那麼組件之間如何進行數據通信的呢? 首先我們需要知道在vue中組件之間存在什麼樣的關係, 才更容易理解他們的通信方式, 就好像過年回家,坐着一屋子的陌生人,相互

原创 JS 多維數組扁平化 處理

// 多維數組扁平化 var arr=[1,2,[3,4,[5,6,7]],9,[10,11]] // 1) 方法一 循環數組+遞歸調用 function steamroller (arr){ // 1.創建一個新數組,保存扁

原创 Vue入門小結

1、指令 {{msg}}/v-text #文本插值 v-html #原始html v-once #只渲染一次 v-show #css控制顯示隱藏 v-if #根據表達式渲染元素 #用 key 管理

原创 async await處理異步請求數據

vue使用axios向後端發送請求。默認是異步發送請求。     例如:         handleSubmitTest(systemId) {             fetchGetProjectInfoBySystemId(sy

原创 原生JS獲取HTML DOM元素

通過ID獲取(getElementById) document.getElementById('id') 通過name屬性(getElementsByName) document.getElementsByName('name'

原创 vue中nextTick和$nextTick的區別

<ul id="app"> <li v-for="item in Array">{{item}}</div> </ul> <script> new Vue({ el:'#demo', data:{

原创 Promise-當一個接口需要依賴另一個接口的請求數據

場景一:先調用getData1,再調用getData2,再調用getData3 ... //創建一個Promise實例,獲取數據。並把數據傳遞給處理函數resolve和reject。需要注意的是Promise在聲明的時候就執行了。

原创 vue中async await請求處理

Promise.all() 用法示例: const wait = ms => new Promise((resolve, reject) => { setTimeout(() => { console.log(`

原创 vue extend 的基本使用

vue extend 的基本使用 vue.extend 局部註冊 的應用2 請注意,extend創建的是一個組件構造器,而不是一個具體的組件實例。所以他不能直接在new Vue中這樣使用: new Vue({components: fuc

原创 js 時間戳轉爲日期格式

js 時間戳轉爲日期格式   什麼是Unix時間戳(Unix timestamp): Unix時間戳(Unix timestamp),或稱Unix時間(Unix time)、POSIX時間(POSIX time),是一種時間表示方式,定義