原创 谷歌擴展V2升級V3一些功能的彙總

  擴展的頁面通信 service-worker.js(原v2版本的background.js)與popup頁面的通信 popup頁面不能直接使用緩存(cookie等),必須在service-worker等頁面使用,使用sendM

原创 谷歌擴展相關問題及解決方案

1、谷歌擴展的background: 瀏覽器擴展頁面分爲background和popup,具體就不多解釋啦 其中background部分是常駐瀏覽器的,在manifest.json配置中可以配置多個js,但是隻能配置一個html,且是二選一

原创 H5跳轉微信小程序query參數攜帶與獲取

H5跳轉小程序有四種方式: 1、使用wx-open-launch-weapp標籤跳轉 2、URL Scheme 3、URLLink 4、ShortLink 其中我感覺使用標籤是最好的,參數什麼的都是自定義可控的: <wx-open-lau

原创 vite.config配置環境

正常開發中前端打包後的dist代碼是作爲一個整體發到服務器中的,我們在vite.config裏面配置base:‘/’相對路徑就可以了 但是往往項目是多樣化的,有時候會用各種轉嫁,橋接的方式去發版 這個時候如果還使用了ngnix代理,那麼相對

原创 vue3+vite build打包刪除控制檯打印

很簡單,直接在vite.config.ts裏面添加配置即可: export default ({ mode }) => defineConfig({ build: { minify: "terser", terser

原创 vue3+ swiper8

swiper是一個非常好用的圖片切換組件,但是vue3 + swiper8 版本的文檔看上去會有點懵逼(一部分是因爲版本太多了,一部分是因爲很少用) 此處記錄下我的使用方法: 安裝: npm i swiper 按照官網來使用: htm

原创 uniapp-小程序

使用uniapp開發小程序遇到的坑: 使用uni-swipe-action-item左右滑動會報錯 swiperaction.closeOther is not a function    :auto-close="autoClose"設置

原创 升級element-plus

之前用的是    "element-plus": "^1.0.2-beta.53"版本,什麼都處理好了,但是會el-select裏面使用v-if的時候控制檯會報錯 查詢以後我升級到:"element-plus": "^1.2.0-beta.

原创 vue3 路由跳轉:Cannot read properties of undefined (reading 'push')

在vue2中我們通常會在全局的接口請求裏面設置攔截器,如果登錄失效或者說其他情況需要跳轉到登錄頁面或者說其他頁面的,我們就使用this.$router.push實現vue3中同樣使用改方式: import { useRouter } fr

原创 element-plus 輸入框只能輸入數字和小數

只能輸入數字: <el-input oninput ="value=value.replace(/[^0-9]/g,'')" placeholder="請輸入"> 只能輸入數字和兩位小數(多餘小數點會去掉) <el-input oni

原创 集中管理正則

在項目中,特別是後臺管理項目中我們需要很多正則的校驗,如果每個頁面一個個的寫,對於我來說很不爽 如果集中管理那豈不是更好? 我習慣在src下面建一個until文件夾,裏面建一個reg.js文件,放置正則: //郵箱 const email

原创 [vite] Internal server error: Invalid end tag.

使用vue3+vite+ant搭建的前端框架 在開發頁面的時候發現了一直報錯: [vite] Internal server error: Invalid end tag. 找也找不到爲什麼,網上查的方法都沒有用。 後來發現是html 的原

原创 vue3 reactive值不更新

即上一個隨筆裏面的form表單數據定義的問題之後,又出現了另一個問題。 頁面裏面有一個數組: let ruleForm = reactive([     {     name:'123456'     } ]) 我要動態的修改這個數

原创 Cannot read property 'xxxx' of null

在使用的vue3+element-plus的項目中,我使用了form表單對數據進行校驗。 但是使用了: refDom.value.validate((valid) => {}) 後,過一會控制檯會報錯: Cannot read proper

原创 谷歌插件開發(五)

因爲加入了新的Qitmeer團隊,重啓這個插件的開發。 經過之前的積累目前存在幾個問題: 1、數據存儲問題:對於數據庫的不熟悉導致之前的數據庫很稀爛 2、對於用戶數據的交互顯得很天真:之前只是實現了彈出錢包和把js注入當前頁面,沒有真正的實