原创 vue路由傳參的三種方式以及解決vue路由傳參頁面刷新參數丟失問題

最近項目中涉及到跨頁面傳參數和後臺進行數據交互,看到需求之後第一反應就是用路由傳參來解決;Vue中給我們提供了三種路由傳參方式,下面我們一個一個的來看一下: 方法一:params傳參: this.$router.push({

原创 簡單實現節流函數和防抖函數,我奶奶看完都懂了

在日常開發中有很多場景我們都需要用到節流函數和防抖函數,比如:實現輸入框的模糊查詢因爲需要輪詢ajax,影響瀏覽器性能,所以需要用到節流函數;實現手機號、姓名之類的的驗證,往往我們只需要驗證一次,這個時候我們就需要用到防抖函數;但

原创 關於JSON解析的問題(js序列化及反序列化)

我們都知道,現在的開發模式都是前後端分離的,後臺返回數據給前端,前端負責數據交互並渲染到頁面,所以我們需要從後端接口上獲取數據顯示到頁面上。在接受服務器端數據數據時,一般是字符串。這時,就需要用到JSON裏面的API來進行轉換了;

原创 JavaScript設計模式——職責鏈模式

  職責鏈模式是設計模式中行爲型的一種設計模式;   定義:   使多個對象都有機會處理請求,從而避免請求的發送者與接收者之間的耦合關係,將這些處理請求的對象形成一個鏈,並沿着這個鏈傳遞請求,直到有一個對象處理它爲止;    白話解釋

原创 Javascript設計模式——建造者模式

  建造者模式是相對比較簡單的一種設計模式,屬於創建型模式的一種;   定義:將一個複雜的對象分解成多個簡單的對象來進行構建,將複雜的構建層與表現層分離,使相同的構建過程可以創建不同的表示模式;     優點: 建造者模式的封裝性比較好,

原创 JavaScript設計模式——適配器模式

  適配器模式是設計模式行爲型模式中的一種模式;   定義:   適配器用來解決兩個已有接口之間不匹配的問題,它並不需要考慮接口是如何實現,也不用考慮將來該如何修改;適配器不需要修改已有接口,就可以使他們協同工作;   白話解釋:  

原创 vue-router路由元信息及keep-alive組件級緩存

  路由元信息?(黑人問號臉???)是不是這麼官方的解釋很多人都會一臉懵?那麼我們說meta,是不是很多人恍然大悟,因爲在項目中用到或者看到過呢?   是的,路由元信息就是我們定義路由時配置的meta字段;那麼這個meta的作用是什麼呢?

原创 AntV F2和vue-cli構建移動端可視化視圖過程詳解

這篇文章主要介紹了AntV F2和vue-cli構建移動端可視化視圖過程詳解,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下 AntV F2是螞蟻金服旗下的一個專注

原创 vue.js中ref及$refs的使用方法解析

這篇文章主要介紹了vue.js中ref及$refs的使用方法解析,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下 關於ref和$refs的用法及講解,vue.js中

原创 javascript實現函數柯里化與反柯里化過程解析

這篇文章主要介紹了javascript實現函數柯里化與反柯里化過程解析,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下 函數柯里化(黑人問號臉)???Curryin

原创 簡單實現節流函數和防抖函數過程解析

這篇文章主要介紹了簡單實現節流函數和防抖函數過程解析,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下 在日常開發中有很多場景我們都需要用到節流函數和防抖函數,比如:

原创 vue實現手機號碼的校驗實例代碼(防抖函數的應用場景)

這篇文章主要給大家介紹了關於vue實現手機號碼的校驗的相關資料,主要是防抖函數的應用場景,文中通過示例代碼介紹的非常詳細,對大家學習或者使用vue具有一定的參考學習價值,需要的朋友們下面來一起學習學習吧 前言 上一

原创 一文看懂如何簡單實現節流函數和防抖函數

這篇文章主要給大家介紹瞭如何通過一文看懂簡單實現節流函數和防抖函數的相關資料,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面來一起學習學習吧 前言 在日常開發中有很多場

原创 vue實現輸入框的模糊查詢的示例代碼(節流函數的應用場景)

這篇文章主要介紹了vue實現輸入框的模糊查詢的示例代碼(節流函數的應用場景),文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨着小編來一起學習學習吧 上一篇講到了jav

原创 vue中的v-if和v-show的區別詳解

這篇文章主要介紹了vue中的v-if和v-show的區別詳解,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨着小編來一起學習學習吧 v-if和v-show的區別是前端