原创 vue項目中點擊非刷新按鈕,頁面刷新並且路由多了個問號解決方案

問題描述 在vue項目開發過程中,點擊查詢或重置按鈕,結果頁面刷新了一遍 後來發現路徑變成了 localhost:8080/?#/advanced​ 原因 這是因爲在 form 表單裏,點擊了button 按鈕,觸發了表單的默認事件,也就是

原创 火狐瀏覽器圖形驗證碼刷新不生效的問題(圖片src重新賦值不生效的問題)

場景之一 圖形驗證碼刷新 刷新方式:點擊一次圖片,就重新給src賦值一次,從而進行刷新。 // 這種方式,谷歌瀏覽器正常刷新,火狐瀏覽器不會刷新 ImageCodeSrc = BASE_URL + "/login/captcha.jpg"

原创 使用vue-i18n實現中英文切換

源碼地址 :vue-i18n-demo 安裝 vue-i18n npm install vue-i18n --save-dev 新建中英文對照文件 // zh.js module.exports = { language: {

原创 vue項目中使用AES實現密碼加密解密(ECB和CBC兩種模式)

區別 ECB: 是一種基礎的加密方式,密文被分割成分組長度相等的塊(不足補齊),然後單獨一個個加密,一個個輸出組成密文。​ CBC: 是一種循環模式,前一個分組的密文和當前分組的明文異或或操作後再加密,這樣做的目的是增強破解難度。(

原创 vue中使用v-for時爲什麼不能用index作爲key?

結論: 更新DOM的時候會出現性能問題 會發生一些狀態bug React 中的 key 也是如此 如果不想了解 爲什麼要用key,可以通過目錄直接跳到下一節。 爲什麼要用key? Vue 和 React 都實現了一套虛擬DOM,使我

原创 常用正則表達式公式總結

一、校驗數字的表達式 數字:^[0-9]\*$ n位的數字:^\d{n}$ 至少n位的數字:^\d{n,}$ m-n位的數字:^\d{m,n}$ 零和非零開頭的數字:^(0|[1-9][0-9]\*)$ 非零開頭的最多帶兩位小數

原创 【全棧初體驗】Vue+Node+MySQL 實現前後端分離開發

前言 這個 demo 是MVVM開發模式,我也寫過一個前後端結合開發的完整系統 demo Vue項目使用vue-cil3創建的。 使用vue-cil2創建的項目也可以實現,只是配置代理服務器的時候有一點差別。後面分別針對這兩個版本進行區

原创 上傳文件時監控讀取進度,顯示進度條

我們在使用異步事件處理時還能順便獲得一項優勢,那就是能夠監控文件的讀取進度;這對於讀取大文件、查找錯誤和預測讀取完成時間非常實用。 onloadstart 和 onprogress 事件可用於監控讀取進度。 以下示例演示瞭如何通過顯示進度條

原创 vue中手動封裝iconfont組件(三種引用方式的封裝和使用)

在線使用 有時候會因網絡問題影響用戶體驗;直接放在 本地使用 ,如果過多使用也會顯得繁瑣,所以就可以將其封裝成一個組件,也方便維護。​ 封裝基於阿里巴巴圖標庫的項目圖標。​ 初次使用iconfont項目參考:

原创 在vue項目中(本地)使用iconfont字體圖標的三種方式

使用前的準備和三種使用方式介紹,參考這裏 開始使用: 點擊下載到本地 在了路徑 src/assets 下新建文件夾 iconfont ,用來存放字體圖標的本地文件 解壓下載到本地的字體圖標文件,放到 iconfont 文件夾下 如過項

原创 【vue項目實戰】Vue工程化項目--貓眼電影移動端(三)

vue工程化第三節 組件化開發,標題部分 多處用到的代碼就在全局進行註冊 優化用戶體驗:當網速過慢時,顯示加載動畫。 播放宣傳片 保留組件狀態,避免重新渲染 keep-alive 圖片懶加載 本節完整demo 第一節 組件化開發

原创 vue進階 -- 技巧總結

一、合理利用watch的immediate屬性 例如在組件創建時需要獲取一次數據列表,然後監聽數據的變化,根據數據改變重新獲取列表。通常這麼寫: created(){ this.fetchPostList() }, watc

原创 頁面刷新後,vuex中數據丟失、清空的解決方案 vuex-persistedstate

場景之一 應用API進行用戶身份驗證,將登錄狀態保存爲Vuex狀態中的布爾值。當用戶登錄時,設置了 登錄狀態 並相應地有條件地顯示 登錄/註銷 按鈕。​ 但是當刷新頁面時,vue應用程序的狀態將丟失並重置爲默認值。​ 這導致的問

原创 vuex 使用總結(詳解)

###### 如果之前未使用過 vuex 請務必先看一下參考 參考: vue中store存儲store.commit和store.dispatch的區別及使用 vuex的安裝和簡單使用 什麼情況下應該使用 Vuex? Vuex 可以

原创 【vue項目實戰】Vue工程化項目--貓眼電影移動端

這裏是仿貓眼移動端。使用 vue-cli 創建項目。 ​ 本節先介紹並進行項目的初始化,然後把主框架搭起來,熟悉路由和組件,後面在 項目demo 持續貼出完整項目代碼。也會更新博客。 ​ 第二節傳送