*說到事件委托，我們首先先要知道什么是事件委托—— · 那么什么是事件委托呢？？？ JS里的事件委托就是當事件觸發(fā)時，把要做的事委托給父元素（上級、上上級......）來...
發(fā)簡信
IP屬地：上海
-
web前端面試題@六（事件委托） -
前端應用部署后頁面緩存問題的解決
場景 由于vue項目上線后，用戶頁面異常，打開 F12 顯示很多請求出現(xiàn)404，原因大概率在于當前頁面使用了瀏覽器的緩存，請求舊的資源失敗。 瀏覽器緩存機制解析 https:...
-
函數(shù)防抖和節(jié)流
在前端開發(fā)的過程中，我們經(jīng)常會需要綁定一些持續(xù)觸發(fā)的事件，如 resize、scroll、mousemove 等等，但有些時候我們并不希望在事件持續(xù)觸發(fā)的過程中那么頻繁地去執(zhí)...
-
JS函數(shù)節(jié)流
我們在web項目中經(jīng)常會需要用到 圖片懶加載 ，設置中我們需要監(jiān)聽scroll滾動條滾動事件 。這種事件響應得十分頻繁，當我們監(jiān)聽器的回調(diào)函數(shù)越復雜，對性能影響就會越嚴重。為...
-
-
從event loop到async await來了解事件循環(huán)機制
JS為什么是單線程的? 最初設計JS是用來在瀏覽器驗證表單操控DOM元素的是一門腳本語言，如果js是多線程的那么兩個線程同時對一個DOM元素進行了相互沖突的操作，那么瀏覽器的...
-
js執(zhí)行機制JavaScript執(zhí)行機制，重點有兩點： 1.JavaScript是一門單線程語言。2.Event Loop(事件循環(huán))是JavaScript的執(zhí)行機制。 既然說js是單線...
-
async和awaitawait后面接一個會return new promise的函數(shù)并執(zhí)行它await只能放在async函數(shù)里 使用async和await獲取成功的結(jié)果 上面這段代碼async中...
-
javascript作用域&變量提升
參考 https://www.cnblogs.com/betarabbit/archive/2012/01/28/2330446.html[https://www.cnblo...
-
vue、angular等index.html緩存問題
本文引自 https://github.com/ant-design/ant-design-pro/issues/1365[https://github.com/ant-de...
-
vue首屏優(yōu)化方法
vue是典型的單頁應用，我們知道單頁應用首屏一次性加載所有資源，當項目資源比較大的時候，首次加載可能出現(xiàn)頁面卡頓等現(xiàn)象，對此我們可以資源加載方式來提升首屏優(yōu)化體驗。 1、針對...
-
單頁應用和多頁應用的區(qū)別
單頁應用 簡單來說就是一個HTML的應用。瀏覽器一開始就會加載應用必須的HTML、CSS、JS資源。其后的操作都是由js控制來實現(xiàn)的。路由是有前端來控制 優(yōu)點：操作體驗流暢 ...
-
JS手寫apply、call、bind方法
一、js手寫call：隱式綁定改變this 二、js手寫apply：隱式綁定改變this 三、js手寫bind：隱式綁定改變this 另一種手寫bind 四、認識argume...
-
FormData使用方法詳解
FormData的主要用途有兩個： 1、將form表單元素的name與value進行組合，實現(xiàn)表單數(shù)據(jù)的序列化，從而減少表單元素的拼接，提高工作效率。 2、異步上傳文件 一、...
-
詳解JS函數(shù)柯里化
第一次看到柯里化這個詞的時候，還是在看一篇算法相關的博客提到把函數(shù)柯里化，那時一看這個詞就感覺很高端，實際上當你了解了后才發(fā)現(xiàn)其實就是高階函數(shù)的一個特殊用法。 果然是不管作用...
-
相遇，是一件幸福的事也許幸福，就是每次想起你都忍不住嘴角上揚，迫不及待跟周圍人分享與你之間的小確幸，還可能會突然想飛奔到你的身邊。 著迷老公是經(jīng)常的事情，總是覺得那張臉，仿佛怎么看也看不...