原创 Vue定義組件的 v-model的兩種方式

這些都是很基礎,但又容易忽略的小知識點。 一、正常的註冊方法 一個組件上的 v-model 默認會利用名爲 value 的 prop 和名爲 input 的事件。 Vue.component('base-checkbox', { p

原创 Vue的一些特殊API紀錄

$router $router是VueRouter的一個實例,是一個全局的對象,主要實現路由的跳轉使用。常用的router.push()和router.replace()方法。push方法會像瀏覽器的history棧添加一個新紀錄。rep

原创 Vue通過provide/inject模擬實現Vuex

我們知道,在做 Vue 大型項目時,可以使用 Vuex 做狀態管理,它是一個專爲 Vue.js 開發的狀態管理模式,用於集中式存儲管理應用的所有組件的狀態,並以相應的規則保證狀態以一種可預測的方式發生變化。但是由於Vuex的包很大,一些小

原创 JavaScript數組奇巧淫技

一、改變原數組 push:向數組尾部添加元素,返回添加後數組的長度。 pop:去除數組最後一個元素,返回被去除的元素。 shift: 去除數組第一個元素,返回被去除的元素。 unshift:向數組頭部添加元素,返回添加後數組的長度。 re

原创 JavaScript數組合並以及對象合併

數組合並: let a = [1,2]; let b = [5,6]; // 方法一: a.concat(b); // 方法二: a.forEach(item => b.push(item)) // 方法三: [...a,...b

原创 Vue 全局守衛結合addRoute實現路由權限控制

思路就是前端寫好全部的菜單信息,通過接口從後端拿相應權限。拿到之後使用全局守衛結合addRoute實現路由權限控制。 在日常開發中路由權限控制是經常遇到的,以下是我的部分代碼實現: 名詞解釋: 全局守衛: 全局路由守衛每次都判斷用戶是否已

原创 JavaScript 利用 | | 和 & & 賦值

我們都知道JavaScript在條件判斷時會將對象默認轉換爲boolean類型數據。null,undefined,0,”“返回false,其他返回true。 平常開發當中對於條件判斷賦值我們一般都是使用如if判斷,邏輯運算符等方法。但是使

原创 leetcode解題紀錄---羅馬數字轉整數

題目描述: 羅馬數字包含以下七種字符: I, V, X, L,C,D 和 M。 字符          數值 I             1 V             5 X             10 L             5

原创 五種實現JavaScript對象繼承的方法

JavaScript是一門基於對象的語言,不是面向對象的語言。因爲它沒有自己的類(class)!所以對象繼承的實現就尤爲重要!!! 一、原型鏈繼承 核心: 將父類的實例作爲子類的原型 function SuperType() {

原创 如何判斷一個對象是否屬於某個類?

如何判斷一個對象是否屬於某個類? if(a instanceof Person){ alert('yes'); } // 判斷對象類型最好的方式 // 對於 Object 對象,直接調用 toString() 就能返回 [obj

原创 Vue路由守衛理解

全局守衛 vue-router全局有三個守衛: router.beforeEach 全局前置守衛 進入路由之前 router.beforeResolve 全局解析守衛(2.5.0+) 在beforeRouteEnter調用之後調用 rou

原创 Vue父組件對子組件生命週期的監聽

Vue父組件對子組件生命週期的監聽 方法一: // Parent.vue <Child @mounted="doSomething"/> // Child.vue mounted() { this.$emit("mount

原创 深入學習瀏覽器的緩存機制

一、強緩存 對於強緩存,瀏覽器在第一次請求的時候,會直接下載資源,然後緩存在本地,第二次請求的時候,直接使用緩存。 強緩存方案 Expires:服務端的響應頭,第一次請求的時候,告訴客戶端,該資源什麼時候會過期。該字段是 http1.0 

原创 修改Vue數組的三組方法

衆所周知由於 JavaScript 的限制,Vue 不能檢測到以下數組的變動: 當你利用索引直接設置一個數組項時,例如:vm.items[indexOfItem] = newValue 當你修改數組的長度時,例如:vm.items.len

原创 深入學習面向過程與面向對象

一、面向過程 面向過程就是分析出解決問題所需要的步驟,然後用函數把這些步驟一步一步實現,使用的時候一個一個依次調用就可以了。 二、面向對象 面向對象是把構成問題事物分解成各個對象,建立對象的目的不是爲了完成一個步驟,而是爲了描敘某個事物在