HEADER

蒲公英 · JELLY技術周刊 Vol.33

頁面檔案太大？圖片過大了吧；頁面加載白屏？很有可能是字體檔案還沒加載完；頁面加載時間過長？多半是主行程被阻塞……該怎么辦呢？快來小葵，咳咳，「蒲公英」前端基礎課堂補課看看，可別自己一人學廢了，

登高遠眺

天高地迥，覺宇宙之無窮

基礎技術

怎么使用 WebWorker 提高用戶界面的回應速度

瀏覽器執行javascript腳本是單執行緒的，當執行一些耗時較長的任務時，本來回應用戶操作的任務會阻塞；一個解決方法是把這些耗時長的任務改造成異步操作，但在一些不好改造的任務，如圖片像素分析或處理等，可以使用WebWorker處理，以讓出主執行緒回應用戶界面操作，

如何優雅的使用自定義字體

使用自定義字體時，如果先加載字體檔案，再渲染文本內容，則會加長文本渲染前的空白時間，本文介紹了一種使用預連接、異步加載的方法加載字體檔案，并使用和自定義字體相近的系統字體作為兜底，從而達到內容渲染速度與避免文本閃動的平衡，

CSS3 Patterns: 純 CSS 圖案效果

通過純 CSS3 漸變特性實作的一系列非常有趣的圖案效果的集合，如透明底、墻面、棋盤、魚紋、蜂窩、Lined Paper、各類布料紋理等，代碼簡潔明了，可以方便地應用到我們的實際專案中，如果你也有創意與技巧，獨樂樂不如眾樂樂，去提交一個分享吧，

2020 年 CSS 年度報告

2020 年 CSS 使用報告，可以借此了解 CSS 的開發者現狀，了解特性使用情況及周邊工具等，

設計哲學

在千億的成交額背后，前端工程師是如何做“資損防控”的？

資損，顧名思義就是平臺發生了與用戶或客戶心理預期不符、直接或間接產生經濟損失的場景，本文通過阿里前端同學的思考以及淘系雙 11 的實踐為大家提供一些資損防控的經驗參考，

跨端框架技術

什么？Kubernetes已然棄用Docker？

目前，Kubelet 中的 Docker 支持功能現已棄用，并將在之后的版本中被洗掉，Kubelet 之前使用的是一個名為 dockershim 的模塊，用以實作對 Docker 的 CRI 支持，但 Kubernetes 社區發現了與之相關的維護問題，因此建議大家考慮使用包含 CRI 完整實作（兼容v1alpha1或v1）的可用容器運行時，

滄海拾遺

滄海拾遺，積跬步以至千里

怎么使用 Service Workers 動態回應圖片

有一個困擾 web 用戶多年的難題——丟失網路連接，即使是世界上最好的 web app，如果下載不了它，也是非常糟糕的體驗，Service Worker 可以使你的應用先訪問本地快取資源，所以在離線狀態時，在沒有通過網路接收到更多的資料前，仍可以提供基本的功能，

從瀏覽器渲染層面決議 CSS3 動效優化原理

在網頁開發中，我們經常會需要實作一些動效來讓頁面視覺效果更好，談及動效便不可避免地會想到動效性能優化這個話題，減少頁面DOM操作，減少頁面的重排，開啟硬體加速……那么這些和影片優化又有何關系？就讓小編，，額，小助手為你揭開其中原理，

「蒲公英」期刊，每周更新，我們專注于挖掘「基礎技術、工程化、跨端框架技術、圖形編程、服務端開發、桌面開發、人工智能、設計哲學、前端框架」等多個大方向的業界熱點，并加以專業的解讀；不僅如此，我們還會推介精選凹凸技術文章，向大家呈現團隊內的研究技術方向，

抬頭仰望，蒲公英的種子會生根發芽，如夏花絢爛；格物致知，我們登高遠眺、滄海拾遺，以求積硅步而至千里，

蒲公英 · JELLY技術周刊貢獻指南