台部落猿音

一、什麼是WebSocket WebSocket是HTML5一種新的協議，是一種網絡通訊協議，該協議最大的特點是：服務器主動可以向客戶端推送消息，當然客戶端也可以主動向服務器發送信息，是真正的平等雙向對話。之所以使用WebSoc

2020-06-15 08:34:19

在建Vue項目的過程中，可能會出現以下報錯這時候別慌，可能你你的路由太少，甚至只有一個路由。在路由切換時路由重複點擊所導致的錯誤，雖然這個錯誤不影響功能，但一般不要給它報錯解決方法一，添加兩個及以上的路由解決方法二，在你的

2020-06-15 08:34:19

什麼是閉包從作用上說：既能重用一個變量，又能保護變量不會被全局污染的一種編程方式閉包的本質/原理外層函數的作用域對象，被內層函數引用着無法釋放，就形成閉包對象要理解上面這兩句話首先我們來看一個小例子 <script

2020-06-15 08:34:19

(1).v-bind指令：需求：動態獲取屬性值時，可以使用v-bind指令標準寫法：<元素 v-bind:屬性名=“js表達式”> 簡寫：<元素 :屬性名=“js表達式”> 例子： <!DOCTYPE html> <html

2020-05-20 23:52:19

(4)v-else-if指令功能：多個元素多選一顯示寫法： <元素1 v-if=“返回bool值的表達式”> <元素2 v-else-if=“返回bool值的表達式”> … … <元素n v-else> 注意：

2020-05-20 23:52:19

(5).v-for指令功能：根據數組中的內容反覆生成多個相同結構的元素。用法：<要反覆生成的元素 v-for="(value,i) of 數組/對象"> 注意： 1.要反覆生成的元素，只需要寫一個當做模板即可！ 2. v-f

2020-05-20 23:52:19

(10)v-pre指令極端的問題: 如果元素的內容正文中剛好也包含{{}}，但是不想被vue編譯，而是原樣顯示！寫法：<元素 v-pre> … {{xxx}}…</元素> 示例: 防止內容中的{{}}被vue編譯 <!DOCT

2020-05-20 23:52:19

(9)v-once指令問題:有些綁定只在首次加載時，修改一次。之後其他地方的修改，都不會影響這裏的顯示結果。如果一個元素之後不需要再更新，但是卻佔着虛擬DOM樹中的一個位置，會影響虛擬DOM樹的遍歷速度！解決: 如果只在首次加

2020-05-20 23:52:19

綁定內聯樣式(style屬性): 做法: 將整個style屬性，看作一個對象來綁定: 1). HTML中: <元素 :style="變量"> "css屬性:值; css屬性:值

2020-05-20 23:52:19

(6).v-on指令：事件綁定寫法： <元素 v-on:事件名=“處理函數名(實參值)”> 簡寫：<元素 @事件名=“處理函數名(實參值)”，如果處理函數不需要實參值，則()可省略: <元素 @事件名=“處理函數名” 示例1：

2020-05-20 23:52:19

(2).v-show指令功能: 控制一個元素的顯示隱藏如何: <元素 v-show=“返回bool類型的js表達式”> 原理: new vue()掃描到v-show時，就會先自動計算=後的js表達式的值，得到一個bool值

2020-05-20 23:52:19

(7).v-html指令問題：如果要綁定的變量值是一段HTML代碼，則使用{{}}綁定，會保持HTML代碼的原樣，而不經過編譯，直接顯示在頁面上。解決: 今後，只要要綁定的變量值是一段HTML代碼，則必須用v-html指令代替

2020-05-20 23:52:19

(3). v-if和v-else指令功能：兩個元素二選一顯示語法：<元素1 v-if=“返回bool值的表達式”><元素2 v-else> 注意: v-if和v-else兩個元素必須緊挨着，中間不能插入其他元素 v-el

2020-05-20 23:52:19

(8).v-cloak和v-text指令功能:防止用戶短暫看到{{}}, 問題:當網速慢時，如果js代碼還未下載執行，則用戶有可能短暫看到頁面上的{{}}語法——尷尬！解決方法方法一.v-cloak指令原理: 在new V

2020-05-20 23:52:19

(11)v-model指令（雙向綁定）單向綁定：只能將new Vue()中模型對象中變量值的修改更新到頁面上顯示。如果頁面中元素內容發生變化，無法自動將更改更新回new Vue()中的模型對象中保存。解決：今後只要希望自動獲

2020-05-20 23:52:19