原创 箭頭函數的定義與調用

(前端小白)最近在看es6語法,所以簡單的做下筆記,記下箭頭函數的定義與調用方式 1.無參數的箭頭函數 const test = () => 1 相當於 function test(){ return 1 }

原创 vue中的nextTick

vue.nextTick的官方定義是:在下次 DOM 更新循環結束之後執行延遲迴調。在修改數據之後立即使用這個方法,獲取更新後的 DOM。 實際上也就是傳進來的函數延遲到dom更新後再使用,也就是延遲執行了代碼下面有個網上的小例子:<div

原创 vue中的computed和methods的區別

computed是計算屬性的意思,我們在得到最後結果的時候可以使用computed 例如:<input type="checkbox" v-model="checkAll">computed: {checkAll: {// 當數據變化時會重

原创 layer ui使用多層彈框時,各個頁面交互問題

最近在用layer ui的彈框做項目,使用的時候有時會用到2-3級的彈框,多級彈框會遇到每個彈框的數據之間的交互問題,例如: 圖中有兩個彈框父級彈框編輯用戶,子級彈框角色分配,我所選中的複選框,需要在父級彈框裏顯示出來那我父級頁面的彈框的代

原创 vue結合bootstrap4.0使用

一般vue都是結合elementui 、mint-ui等使用,但是自己還是想結合bootstrap來使用,在使用的過程中遇到一些報錯使用bootstrap 要結合jQuery來使用的,首先要安裝依賴npm install jquery --

原创 react虛擬dom與diff算法

react擁有極速渲染的特點,這個特點依靠的就是react的虛擬dom和diff算法 對比兩個圖就可以發現標準dom機制下,用戶在應用上的操作是直接對真實dom進行操作的,在react中我們操作 的是虛擬dom,用戶的操作產生的數據改

原创 在onload事件前獲取圖片的寬高

有時候在獲取從後臺的圖片時,要對圖片進行一系列的處理,才渲染出來 我們要解決的是沒有緩存而又快速的相比onload更快的方式去獲取圖片的寬高,接下來上代碼 通過定時循環檢測獲取: // 記錄當前時間戳 var start_time = ne

原创 vue 在使用vue-router報錯 Cannot read property matched

最近在用vue,時不時的會遇到一些簡單的低級錯誤,在這也算做個小筆記提醒一下自己 報錯如上:檢查了半天才發現是這名字寫錯了