博客 / 列表

高級BUG開發 - 谷歌免費字體庫

網站地址：https://fonts.google.com/?lang=zh_Hans

字體 , google , fonts

高級BUG開發 - vue3 上傳插件vue-file-agent-next

一、安裝插件 pnpm add @boindil/vue-file-agent-next 二、基本使用 /* main.ts */ import VueFileAgentNext from "@boindil/vue-file-agent-next"; import "@boindil/vue-file-agent-next/dist/vue-file-agent-next.css"; cons

上傳 , vue3 , 前端

高級BUG開發 - 在 Vue 3 項目配置 rem

在 Vue 3 中配置 rem 時，設計稿1920，如果你希望實現一個最小寬度為 1024px 的適配，意思是當屏幕寬度小於 1024px 時不再縮小字體大小，始終保持最小寬度的 rem 配置。可以通過動態設置根元素的字體大小來實現。 一、安裝插件 pnpm install amfe-flexible --save 二、自定義方法 根目錄新建 utils/rem.js文件 (function ()

vue3 , rem , HTML

高級BUG開發 - vue3項目中使用lodash

1. 安裝lodash npm i lodash --save 2. 全局使用 main.ts ....... import _ from 'lodash' const app = createApp(App) app.config.globalProperties.lodash = _; // 設置全局變了 3. 界面使用 ...... import { getCurrentInstanc

lodash , vue3

高級BUG開發 - vue3+vite項目h5/web配置瀏覽器自適應適配（postcss-px-to-viewport-8-plugin）

注意，項目中不要寫行內樣式 vue3+vite項目配置適配H5主要安裝一下兩個插件： amfe-flexible（主要用於動態設置根元素字體大小(rem)，以根據屏幕尺寸進行自適應佈局） postcss-px-to-viewport-8-plugin（將px單位轉換為rem） 開始配置： 第一步、安裝amfe-flexible插件 cnpm install amfe-flexi

縮放 , 瀏覽器 , vue3 , h5頁面 , 適配器模式

高級BUG開發 - 在vue3+ts+vite項目中用BMap百度地圖自定義定位icon不顯示

自定義icon路徑，不能直接使用路徑地址，需要require包裹 var myIcon = new window.BMap.Icon(require("@/assets/icon.png", new window.BMap.Size(26, 32)); 那麼問題來了，vite+typescript項目不允許使用靜態資源加載方法require，如果使用require關鍵字就會報

vite , vue3 , 百度地圖 , typescript

高級BUG開發 - vue項目中使用unicode引入iconfont，動態生成圖標的問題。

vue項目中，採用unicode引入iconfont，如果靜態寫圖標是可以正常渲染的 i class="iconfront"#734;/i 但是如果從接口獲取數據，直接渲染字符串 i class="iconfront"{{myIcon}}/i 最後發現使用v-html渲染就可以了 i class="iconfront" v-html="myIcon"/i

vue.js , iconfont

高級BUG開發 - vue項目下載文件，重命名，監測進度。

摘要：當後台返回一個文件地址給前端，需要前端下載並重命名，展示下載進度。 使用技術：ajax、blob、vue插件file-saver 1、插件 我們不做過多解釋，我們這裏只是使用，這是插件教程地址：http://vuejscomponent.com/pac... 2、項目代碼 import FileSaver from 'file-saver' // URL：文件存放地址，fileName

vue.js , 下載

高級BUG開發 - vue3中清空input type="file"上傳文件

1、添加ref input type="file" ref="uploadFile" / 2、獲取input file ... setup () { let uploadFile = ref('uploadFile') return { uploadFile } 3、執行清空操作 setup () { ... const clearInput = () = { uploadFile

vue.js , file , vue3