歡迎光臨
每天分享高質量文章

前端

淺談跨瀏覽器測試

cycadmin閱讀(823)評論(0)贊(0)

沒有開發者會建立在不同瀏覽器中表現不同的應用程式。儘管無法抹除所有差異,但你的應用程式應該做到在各方面都能按預期工作,而這隻能透過跨瀏覽器測試來實現。 跨瀏覽器測試允許你檢查你的應用程式是否在不同的瀏覽器 —— 作業系統組合和不同的裝置中按...

無限滾動的最佳實踐-知識星球

無限滾動的最佳實踐

cycadmin閱讀(745)評論(0)贊(0)

無限滾動指的是一種允許使用者在看不到終點的情況下滾動大量內容的技術。本質上,這種技術只是在使用者向下滾動時不斷地向底部增加新的內容。 無限滾動技術允許使用者在沒有任何中斷或額外操作的情況下滾動專案列表 —— 專案會在使用者向下滾動頁面時不斷出現。在...

淺談瀏覽器的快取機制-知識星球

淺談瀏覽器的快取機制

cycadmin閱讀(919)評論(0)贊(0)

瀏覽器快取機制 在談到瀏覽器快取的時候,其實可以從兩個角度出發。第一個是從快取位置出發,瀏覽器存在四種不同位置的快取;第二個是從具體的快取策略出發,也就是我們經常說的強快取和協商快取。 1)快取位置 Service Worker Cache...

ULID vs UUID:JavaScript 的可排序隨機 ID 生成器-知識星球

ULID vs UUID:JavaScript 的可排序隨機 ID 生成器

cycadmin閱讀(751)評論(0)贊(0)

UUID是軟體開發中最常用的通用識別符號之一。然而,在過去的幾年裡,新的替代品挑戰了它的存在。 其中,ULID 是領先的競爭對手之一,因為它提供可排序的唯一 ID。 在本文中,我將透過示例討論 ULID 的特性,以便你更好地瞭解何時使用它。 ...

vue中的動畫:transition元件研究(上)-知識星球

vue中的動畫:transition元件研究(上)

cycadmin閱讀(673)評論(0)贊(0)

Transition 元件通常有三類用法:CSS 過渡,CSS 動畫和 JavaScript 鉤子。我們分別用幾個示例來說明,這裡我希望你可以敲程式碼執行感受一下。 首先來看 CSS 過渡: <template> <div ...

CSS Houdini 將為 CSS 帶來下一個重大變化-知識星球

CSS Houdini 將為 CSS 帶來下一個重大變化

cycadmin閱讀(300)評論(0)贊(0)

本文的主要目的是與你分享我對 CSS Houdini 這個新增功能的瞭解,並告訴你為什麼它如此重要。 你可以在網上找到幾篇不錯的講解 Houdini 的文章,但對於那些想要在深入瞭解細節之前先大致瞭解一下的人來說,這篇文章將是一個很好的開始...

structuredClone():JavaScript中的物件深複製-知識星球

structuredClone():JavaScript中的物件深複製

cycadmin閱讀(478)評論(0)贊(0)

展開語法是在 JavaScript 中複製物件的常用技術,你可以: 展開一個數組字面量,從而複製一個數組 展開一個物件字面量,從而複製一個物件 但是展開語法有一個顯著的缺點 —— 它的複製是一種淺複製,也就是說,只有頂層會被複制,但物件型別...

CSS3彈性伸縮佈局(二)——flex佈局-知識星球

CSS3彈性伸縮佈局(二)——flex佈局

cycadmin閱讀(711)贊(0)

作者:郭錦榮 網址:http://www.cnblogs.com/jr1993/p/4770771.html 上一篇部落格《CSS3彈性伸縮佈局(一)——box佈局》介紹了舊版本的box佈局,而這篇部落格將主要介紹最新版本的flex佈局的基礎知...

如何進行前端自動化測試?-知識星球

如何進行前端自動化測試?

cycadmin閱讀(635)贊(0)

作者:張雲龍(@前端農民工) 網址:https://github.com/fouber/blog/issues/7 此文章轉自我在知乎上的同名問答 前端測試是前端工程方面的重要分支,有過一些探索,這裡簡單分享一下。 首先,還是要強調一點: ...

是時候使用ES 2015了

cycadmin閱讀(658)贊(0)

作者:AlloyTeam 網址:http://www.alloyteam.com/2015/08/its-time-to-use-es2015/ 在Web中使用ES 2015 想要在瀏覽器端使用ES 2015最新語法,其實很簡單,只需要一個...

分享創造快樂