在JavaScript中‘this’關鍵字是一個非常重要的概念,我們雖然知道它重要,但它也十分的晦澀難懂,也給我們學習造成不小的困擾。 什么是'this'關鍵字 'this'關鍵字是為每個執行上下文(每個函數)創建的一個特殊變量;所以一般來說,在使用'this'關鍵字的函數中,'this'永遠是取其所有者的值。總結一句話是該函...
利用JS就可以實現在點擊按鈕實現圖片排序,做個狠人,直接說: 效果 1 、點擊按鈕 如果按鈕文字是從大到小 將li標簽按照從大到小的順序排列 文字改成從小到大 如果按鈕文字是從小到大 將li標簽按照從小到大的順序排列 文字變成從大到小 2 、點擊按鈕 將li隨機排序 <style> *{ padding:0; margin:0; list-style:n...
前言 很多的問題就在實踐中得到解決。 本文主要說的就是js定時器,setInterval和setTimeout,作為我們日常開發經常使用到的方法。我們先給大家下面一個例子: setInterval(()=>{ console.log('1'); },500); 這段代碼就是每過500ms打印一次1(實際運行還需要考慮js的宏任務和微任務的執行時間,定時器的...
一、簡介 要知道用戶何時離開,有常用的方法是監聽下面三個事件。 pagehide beforeunload unload 可上述三種方法有一個bug就是,這些事件在手機上可能不會觸發,頁面就直接關閉了。因為手機系統可以將一個進程直接轉入后臺,然后殺死。 用戶點擊了一條系統通知,切換到另一個 App。 用戶進入任務切換窗口,切換到另一個 App。 用戶點擊了 Home 按鈕,切換...
我們講述的是關于 ahooks 源碼系列文章的第七篇,總結主要講述下面幾點: 鞏固 React hooks 的理解。 學習如何抽象自定義 hooks。構建屬于自己的 React hooks 工具庫。 培養閱讀學習源碼的習慣,工具庫是一個對源碼閱讀不錯的選擇。 注:本系列對 ahooks 的源碼解析是基于v3.3.13。自己 folk 了一份源碼,主要是對源碼做了一些解讀,可見詳情。 ...