原创 Vue項目中API設計及攔截器使用

合理添加攔截器、明確API設計的好處: 統一管理接口 減少參數重傳 規範前端開發 提升開發效率 合理設計攔截器 import axios from 'axios' import Router from '@/router' impo

原创 JS區分FormData和Object

寫在前面 在請求使用攔截器時,有時會需要根據請求參數類型判斷是否需要執行請求攔截器操作 // 請求攔截器 axios.interceptors.request.use(function (config) { // 當需要傳圖片時,請

原创 CSS實現標籤效果

需求場景 當前端頁面需要展示皮膚是否在使用、書籍是否閱讀中、文件是否下載完成時,這時最直接的效果就是在盒子(div)左/右上角顯示相應標籤,不僅美觀且實用。 這裏以製作圖片右上角標籤爲例,用CSS以最簡單、直接的方式實現效果。 實現效果