axios取消請求，主要用于避免不必要的網(wǎng)絡開銷，優(yōu)化用戶體驗。 1. 場景描述 用戶短時間內(nèi)多次觸發(fā)同一請求，若不取消請求，數(shù)據(jù)返回順序錯亂，展示數(shù)據(jù)出現(xiàn)問題。比如： 搜索...
發(fā)簡信
IP屬地：江蘇
-
自定義指令：v-overflow-tooltip
1. 背景 2. 如何使用呢？ 在html中 容器需要有以下樣式： 3. 如何實現(xiàn)呢？ 需要寫一個自定義指令，并全局注冊下就ok啦，代碼如下所示 directive/over...
-
vue中大表單提交時，滾動到報錯位置
const valid = await ruleFormRef.value.validate().catch(() => {});if (!valid) {const isE...
-
前端數(shù)據(jù)精度問題解決方案
背景說明 前端精度問題是很普遍的問題，怎么解決呢？ 解決方案 封裝成工具 使用方法 總結(jié)一下 這個插件很小 但可以解決前端精度問題，很不錯，記錄下來，供大家使用啦~~~
-
切換瀏覽器頁簽時倒計時不準確或閃跳問題的解決方案
背景說明 解決方案 應用場景 倒計時案例 安裝 npm install worker-timers dayjs 公共方法utils 封裝倒計時組件 組件使用方法 實際效果i...
-
vue中的 v-bind="$attrs" v-on="$listeners" 使用場景
1. 場景一 當我們有多層組件嵌套的時候 可以通過listeners 傳遞參數(shù)和事件，比如： 父組件A 子組件要想真正實現(xiàn)多組件間相互傳遞 一般要在組件上加上inheritA...
-
前端大文件切片上傳、斷點續(xù)傳思路一 . 文件切片上傳的簡單理解：前端先將文件分割成多份，再進行上傳，由后端進行切片合并操作。 二 . 具體實現(xiàn) 1. HTML結(jié)構(gòu) 2. 打開文件選擇菜單 我們的頁面通常是隱...
-
electron開機自啟設置
electron 設置開機自啟 要在 Electron 應用程序中設置開機自啟動，可以通過以下步驟來實現(xiàn)： 使用 auto-launch 模塊： 使用 auto-launch...
-
記錄ESlint配置一次
項目在多人合作時，代碼格式化時不統(tǒng)一是個大問題。建議大家的編輯器配置統(tǒng)一，開啟eslint，讓代碼看起來風格統(tǒng)一。 1. vscode編輯器安裝插件 Prettier - C...
-
a標簽下載同源或不同源文件的實現(xiàn)方法
場景一： 文件的url地址和當前訪問網(wǎng)址同源 同源時，通過download設置下載文件名稱是有效的，當不同源時download設置文件名稱為無效且下載進度會在瀏覽器最近下載記...
-
node.js fs.copyFile()拷貝文件到文件夾錯誤
開發(fā)時遇到一個bug； 報錯信息 [Error: ENOENT: no such file or directory, copyfile 'F:\xxx\resources\...
-
記一次日期時間的大坑 YYYY-MM-DD HH:mm:ss
在項目開發(fā)時，后端返回的日期是毫秒值 自己需要轉(zhuǎn)化下格式，于是封裝了formatTime函數(shù)。后來發(fā)現(xiàn)自己轉(zhuǎn)化格式后的數(shù)據(jù)怎么和后臺給的數(shù)據(jù)差了12小時呢，什么原因呢？首先懷...
-
初學 qiankun 微應用并搭建項目隨著項目的迭代，項目越來越龐大，使用的技術(shù)比較落后，難道要沿用老舊技術(shù)嗎？ 不想用呢？怎么辦？ 那就用使用微前端技術(shù)吧。微前端的核心價值在于 "技術(shù)棧無關(guān)"，這才是它誕生的理...
-
js 最牛深拷貝實現(xiàn)最近發(fā)現(xiàn)了一款深拷貝的最牛實現(xiàn)，比以往的都要新穎，copy下來 以備不時之需。 針對能夠遍歷對象的不可枚舉屬性以及 Symbol 類型，我們可以使用 Reflect.ownK...
-
怎么渲染后端返回的大量數(shù)據(jù)而不卡頓？
1、將數(shù)據(jù)分組分堆，然后利用 requestAnimationFrame渲染賦值 1、分組分批分堆函數(shù) 2、使用requestAnimationFrame去依次賦值渲染 2、...
-
ES9 for await ( let item of arr){} 遍歷中的異步請求開發(fā)過程中，有時我們會有在遍歷中請求接口 獲取數(shù)據(jù)的需要。怎么做呢？ ES9 中 提供了for await of 完整代碼如下： 這樣就給每條數(shù)據(jù)的id 換成了請求接口后的數(shù)...