學習筆記 打包,防抖,節流

2021-10-11 16:03:21 字數 405 閱讀 1652

打包

在vue.config.js裡進行修改

去除map,productionsourcemap:false

在小黑框內輸入npm run build進行打包

打包後生成dist檔案目錄

對dist進行檔案資源壓縮壓縮,去除列印,對檔案記錄配置cdn,壓縮

然後再進行打包

專案打包優化實踐

防抖函式的作用就是控制函式在一定時間內的執行次數。防抖意味著 n 秒內函式只會被執行一次(最後一次),如果 n 秒內再次被觸發,則重新計算延遲時間。

節流函式的作用是規定乙個單位時間,在這個單位時間內最多只能觸發一次函式執行,如果這個單位時間內多次觸發函式,只能有一次生效。

防抖與節流方案 函式防抖和節流

在前端開發的過程中,我們經常會需要繫結一些持續觸發的事件,如 resize scroll mousemove 等等,但有些時候我們並不希望在事件持續觸發的過程中那麼頻繁地去執行函式。通常這種情況下我們怎麼去解決的呢?一般來講,防抖和節流是比較好的解決方案。讓我們先來看看在事件持續觸發的過程中頻繁執行...

防抖和節流 什麼是防抖和節流

目錄二 節流 有這樣一種情況,想象有乙個表單,點選提交按鈕就傳送請求給伺服器。如果使用者在很短的時間間隔內 手抖 點選了多次,又或者是惡意點選,那麼就將傳送多個請求。該行為將造成伺服器額外的不必要負載。所謂防抖,實際上就是是處理這種常見的情況的描述。submit該段 當點選submit按鈕的時候,將...

防抖和節流筆記二

節流 原理 持續觸發事件 每隔一段時間 只執行一次 第一次會執行 最後一次不會被觸發 function throttle func,wait 第一次不hi觸發 最後一次觸發 用定時器 function throttle func,wait wait let count 0let container ...