Nov 15 2025

子丶不語 - 用好 CSS 的三角函數，讓佈局更聰明

在日常開發中，我們經常用calc()、var()來讓樣式變得動態可控。但其實，CSS 還能做更“數學化”的計算——從 CSS Values Level 4 開始，瀏覽器支持了sin()、cos()、tan()等三角函數。 這意味着，我們在樣式中，也能像在 JavaScript 裏那樣，直接用角度計算出幾何關係，讓佈局、動畫更自然、更精準。 一、CSS 三角函數是什麼？

三角函數 , Math , Css , 前端開發 , HTML

May 28 2025

舒一笑不禿頭 - 異步上傳石墨文件進度條前端展示記錄（採用Redis中String數據結構實現）

事件起因是客户現場需要從石墨文檔中獲取文件信息，文件信息存在存在多個，進行批量上傳。為了用户的友好型體驗，需要做進行條展示的方式，具體實現見下文..... 上傳流程介紹 石墨文檔支持從鏈接🔗方式獲取文件信息，通過對文件鏈接的截取，會得到16位編碼的值。同時不僅僅針對單文檔，也支持指定文件夾或者空間下的方式，只需要對對應的文檔或者文件夾📁或者空間添加對應的協作者（石墨文檔API下載需要私有化部署

文件上傳 , 進度條

Nov 05 2025

xiaohe0601 - 👋 一起寫一個基於虛擬模塊的密鑰管理 Rollup 插件吧（二）

上一章 我們詳細介紹了為什麼需要一個自動化的密鑰管理方案，以及如何利用虛擬模塊機制設計並實現一個適用於 Rollup 的密鑰管理插件。 我們從需求出發，將核心的密鑰拆分還原算法獨立為 crypto-splitter 模塊，再通過 rollup-plugin-crypto-key 模塊將其接入 Rollup / Vite 的構建流程。用户只需簡單配置明文密鑰，就能實現在業務代碼中像導入普通模塊一樣獲

插件 , vite , rollup , typescript , 前端