原创 如何僅利用css實現一個三角形(原理解析)

在前端開發的時候,我們有時候會需要用到一個三角形的形狀,比如地址選擇的時候,或者播放器裏面播放按鈕,快進快退按鈕? 如下圖所示: 我們通常情況下,會選擇使用圖片去做,或者使用svg去解決。我們今天換個法子,用css去實現。首先我

原创 如何解決移動端300ms延遲的問題

聲明一下:300ms只是行業內部的統稱,其實應該在300ms-350ms之間的一個數值。 移動端300ms延遲的前世今生 背景: 2007 年初。蘋果公司在發佈首款iPhone前夕,遇到一個問題:當時的網站都是爲大屏幕設備所設

原创 如何解決移動端擊穿(穿透)問題

在移動端開發的時候,我們有時候會遇到這樣一個bug:點擊關閉遮罩層的時候,遮罩層下面的帶有點擊的元素也會被觸發,給人一種擊穿了頁面的感覺,這是爲什麼呢? 爲了讓大家更直觀的看到效果,我復現了bug,並錄製了一個gif。供大家參考:

原创 前端性能優化之函數防抖與截流

函數防抖 在前端開發當中,我們都知道有些交互事件,會頻繁觸發。這樣會導致我們的頁面渲染性能,如果頻繁觸發接口調用的話,會直接導致服務器性能的浪費。話不多說,盤它! 我們先簡單列一下 onresize onmousemove on