博客 / 列表

南玖 - 使用clip-path將 GIF 繪製成跳動的字母

前言 之前看到過一個有趣的CSS效果,今天我們也來實現一遍,將動圖GIF通過clip-path繪製成一個個跳動的字母。 效果如下: GIF隨便找的,嗯?這不是重點,重點是下面的實現過程,別被GIF吸引了。 如果這篇文章有幫助到你,❤️關注+點贊❤️鼓勵一下作者,文章公眾號首發,關注 前端南玖 第一時間獲取最新文章~ 繪製字母 這是該效果的最重要部分,使用clip-path來繪製對應的字母。 MD

animation , css3 , 前端

南玖 - JS定時器執行不可靠的原因及解決方案

前言 在工作中應用定時器的場景非常多,但你會發現有時候定時器好像並沒有按照我們的預期去執行,比如我們常遇到的setTimeout(()={},0)它有時候並不是按我們預期的立馬就執行。想要知道為什麼會這樣,我們首先需要了解Javascript計時器的工作原理。 定時器工作原理 為了理解計時器的內部工作原理,我們首先需要了解一個非常重要的概念:計時器設定的延時是沒有保證的。因為所有在瀏覽器中執行的J

定時器 , settimeout , setinterval , 前端 , Javascript