如果我們想為一個(gè)元素設(shè)置邊框,很自然的會(huì)利用 border 屬性,比如說(shuō),我想得到如下效果。 非常簡(jiǎn)單的,我們只需要設(shè)置 border: 8px...
當(dāng)我們?cè)趯?shí)現(xiàn)透明邊框的時(shí)候,會(huì)遇到一些問(wèn)題。在闡述這些問(wèn)題之前,首先看看什么是透明邊框,總的來(lái)說(shuō),就如下圖所示。 眾所周知的是,一旦給一個(gè)元素設(shè)...
本文中的內(nèi)容來(lái)自于 《JavaScript 忍者秘籍》。 函數(shù)存儲(chǔ) 利用以下代碼可以完成函數(shù)存儲(chǔ)功能。 使用場(chǎng)景:可以用來(lái)存儲(chǔ)事件的回調(diào)函數(shù),由...
實(shí)現(xiàn)效果如下: 實(shí)現(xiàn)這個(gè)效果,我們可能直接使用圖標(biāo),可能內(nèi)嵌一個(gè) span標(biāo)簽,也可能會(huì)使用 ::before 和 ::after 偽元素,不過(guò)...
本篇文章的主要目的是介紹本地文件相關(guān) API 的使用,好的,廢話不多說(shuō),下面直接開始。 基礎(chǔ)的 File API File Api 提供了在瀏覽...
之所以會(huì)出現(xiàn)多列等高布局,是因?yàn)樵诰W(wǎng)頁(yè)設(shè)計(jì)中可能會(huì)出現(xiàn)以下狀況。 出現(xiàn)這種情況的原因也很簡(jiǎn)單,就是各個(gè) div 標(biāo)簽中的 p 所占高度不同,而且...
在 JavaScript 操作 DOM 的過(guò)程中我們可能需要經(jīng)常獲取一個(gè)元素的大小,在處理鼠標(biāo)事件的時(shí)候可能需要知道當(dāng)前鼠標(biāo)的點(diǎn)擊位置,所以我將...
介紹 JavaScript 提供了兩個(gè)方法供我們?cè)O(shè)置一個(gè)定時(shí)器,它們分別是 setTimeout() 和 setInterval()。這兩種方法...
介紹 當(dāng)我們想在一個(gè)數(shù)組中查找一個(gè)元素的時(shí)候,最簡(jiǎn)單的方法莫過(guò)于順序查找了,不過(guò)順序查找有一個(gè)致命的缺點(diǎn),就是它的性能太低了,比如說(shuō)在 N 個(gè)數(shù)...