聊聊前端 UI 組件：核心概念
本文是一個文章系列的第一篇，主要説明幾個基本概念以及所要探討的目標主體，目的是統一認知上的「上下文」以儘量避免因信息不對稱而造成理解障礙。 這一系列文章是關於前端 UI 組件的，我想通過這個系列靜下心來好好聊聊與之相關的內容。 每個名詞都是概念，就像一個「數據包」，根據其被「壓縮」的信息量，要真正地理解一個詞語可能需要大量的知識儲備。 基本概念 我們要聊的是「前端 UI 組件」，這個詞可以進一步拆
昵稱 歐雷
@交互設計
動態 列表
聊聊前端 UI 組件：組件特徵
本文是文章系列「聊聊前端 UI 組件」的第二篇，內容與本系列的上篇文章《聊聊前端 UI 組件：核心概念》有所關聯，如果還沒看過，建議去看下。 本文的主要內容是根據特徵對前端 UI 組件進行建模，讓我們儘可能充分地瞭解它的方方面面，併為如何設計以及建立一個組件體系打下基礎。 組件構成 從關注點分離的角度分解 UI 組件，並分析其各部分的易變性。 構成元素 一個完整的具備功能的 UI 組件的構成，有結
昵稱 歐雷
聊聊前端 UI 組件：組件體系
本文是文章系列「聊聊前端 UI 組件」的第三篇。 在本系列的上篇文章《聊聊前端 UI 組件：組件特徵》中，通過從關注點分離的角度進行前端 UI 組件的構成分析，並以較為抽象的視角對 UI 組件分門別類，以及描述了讓組件間可以表現複用的繼承關係，從而建立出前端 UI 組件的特徵模型。 本文將以上篇文章中所得出的特徵模型為基礎，探討下如何設計並建立一個前端 UI 組件體系。 在做組件體系設計的時候，最
昵稱 歐雷
聊聊前端 UI 組件：組件設計
在本系列文章《聊聊前端 UI 組件：組件體系》中初步説明了 UI 組件的架構設計，本文將在此基礎上進一步展開説説那篇文章中一筆帶過的部分，並闡述在設計一個 UI 組件時應該注意的點有哪些。 目錄結構 在《聊聊前端 UI 組件：組件體系》中列出的目錄結構的基礎上做了些許調整—— component ├── demo # 示例相關文件 │ └
昵稱 歐雷
純CSS實現炫酷背景霓虹燈文字效果
如圖所示，這是一個很炫酷的霓虹燈文字效果且背景炫酷，就像很多個燈光閃爍着不同的顏色。 本次文章將解析如何用CSS代碼實現這個效果，根據上面的動圖分析出我們要實現的幾個主要功能點： 整個背景中有平均分佈的小點襯托中心區域 文字閃爍效果如同霓虹燈一樣 文字背景呈多個平均分佈的亮點 背景亮點的顏色整體呈現漸變色變化 1. 默認背景色 首先我們來看看如何通過CSS創建一個多個小點背景效果。
昵稱 南城FE
探索 H-ZERO 模態框組件：提升用户交互體驗的利器
01 引言 企業系統中，交互設計的優劣直接影響用户的操作體驗和工作效率。模態框作為一種常見的交互組件，在企業系統中扮演着重要的角色。它可以在不跳轉頁面的情況下，讓用户處理事務，避免打斷工作流程，在複雜的企業場景中發揮關鍵作用。 02 功能特點 多樣化的交互體驗 模態框組件支持多種交互方式，默認支持使用Esc 鍵關閉模態框，還能控制雙擊蒙層關閉模態框。此外，模態框可調整大小、拖拽位置，滿足用户在不
昵稱 漢得數字平台
中國SVG開發者大會研討會在復旦大學召開，計育韜老師受邀致辭
近日，備受矚目的第二屆中國 SVG 開發者大會在上海市由 E2.COOL 黑科技 SVG 編輯器主持承辦並正式開幕。本次大會吸引了來自全國各地的 SVG 技術精英和頂尖團隊，共同探討融媒體交互技術的創新應用、版權保護與發展前景。大會期間，學術議程 SVG 創新生態與知識產權保護研討會於復旦大學成功舉行。 本次活動以主旨演講與圓桌論壇的形式，圍繞“SVG 創新生態與知識產權保護”主題進行了深入分析與
昵稱 計育韜