## 概述 在開發中,我們常遇到這種佈局:A、B、C 三段文本長度不固定,其中 A、C 占用空間較少,需要完整顯示,B 是自適應區域,超出部分需省略顯示。A 與 B 屬同一容器,該容器與 C 同級,容器應佔據除 C 之外的所有剩餘空間,HTML 結構如下: ```html <div c...
大家好,我是風骨, `React` 技術棧發展到現在,已經出現了非常多且優秀的狀態庫,比如從早期的 `Redux` 和 `Mobx`,到現在擁抱 Hooks 版本的 [Zustand](https://link.juejin.cn?target=https%3A%2F%2Fgithub.com...
最近在重構編輯器 demo 的時候,我重新梳理了**事件層**的實現。在節點層 → 渲染層之後,本篇重點切換到**互動事件系統**,也就是 Canvas 如何處理複雜互動,如何設計一個類似 Figma 的獨立事件架構。 --- ## 🧑💻 寫在開頭 點讚 + 收藏 = 支持原創 ...
上週面試的時候,面試官突然問我:“你用過 Cursor 對吧,那你知道 rules 嗎?”  當時小愛一愣,把問題聽成了 Cursor 的弱勢,本...
## 背景與需求 在軟體開發和商業化過程中,許可證控制是一個不可避免的技術需求。無論是企業級管理系統、桌面應用軟體,還是SaaS服務,都需要對軟體的使用範圍、功能權限和時間限制進行有效管控。 許可證系統的核心價值在於: **保護知識產權**:防止軟體被非法複製和分發 **商業模式...
## 前言 1. 之前在證券行業,接觸過移動端K線圖的需求; 2. H5 K線圖,支持無限左右滑動,支持樣式自定義; 3. 纯canvas製作,不借助任何第三方圖表庫; 4. 閱讀本文,需要有canvas基礎知識。 [滑動K線圖組件](https://link.juejin.cn?ta...
如果你正在做**官網開發**,還在辛苦的手動實現那些動畫特效,那今天推薦的這個庫,至少讓你提前`4小時`開始摸魚! 以前,面對設計師的那些炫酷動畫,實現起來是最耗頭髮的;產品經理還時不時的說一下,這效果不好看,我要的是五彩斑斕的黑! 還抱著 Element UI + Animate.cs...
## 前回的故事 曾經寫過一篇名為「用HTML和CSS來畫出真實的眼球。」的文章。 在那時,我灌注了當時所知的所有CSS技巧, 我認為我做出了令人滿意的眼球效果。 然而,自從這篇文章以來,已經過去了六年。 在這段期間,網頁相關技術的創新日新月異, CSS相比以前更...
### 運營小姐姐的煩惱 在我們公司有一個運營部門,平常要負責把內容發布到抖音、快手、小紅書等這些平台。帳號類型也很多,有品牌號、合作號、還有專門用來做活動的測試號。日常的工作量其實不小。尤其一到促銷期或者活動期,一天要發好幾條筆記,而且要同時涵蓋不同的帳號。 每次到了活動期,運營小姐姐...
## 引言 我自己經歷了兩個團隊,它們都有著非常相似的業務,其中一個採用了微前端架構,一個沒有採用前端架構,正是因為我親身感受過這兩種不同的架構模式,所以我對這兩種模式有著深切的體會。我想結合我自己的感受,以及我對微前端的了解,來談談我們為什麼需要微前端。 內容比較長,沒時間看的同學可以...
在2025年的今天,我想說一句可能會被很多同行噴的話🤯: **我個人認為,以`styled-components`和`Emotion`為代表的、在運行時注入樣式的CSS-in-JS技術,從長遠來看,是一項失敗的技術。** 我知道,這個觀點很暴論。 在它最火的那幾年(大概2018-2...
大家好,我是[雙越](https://juejin.cn/user/1714893868765373)。前百度 滴滴 資深前端工程師,慕課網金牌講師,PMP。我的代表作有: - [wangEditor](https://link.juejin.cn?target=https%3A%2F%2Fw...
*這是[Google AI Studio 多模態挑戰賽](https://dev.to/challenges/google-ai-studio-2025-09-03)的參賽作品* DreamNest.ai 背後的願景—人工智慧家居設計師和市場 ------------------------...
 > - [🔥 這才是 Vue 驅動的 Chrome 外掛工程化正確打開方式](https://juejin.c...
你好,我是まだ。 你在猶豫該使用Claude Code還是Codex嗎? 因此這次,我們使用這兩個工具製作了相同需求的待辦清單應用,並從五個方面徹底比較了代碼品質。 從結果來看,我們發現這兩者各有明顯的優勢。 接下來將向你傳達這次的比較結果! 另外,在我們進行錄製的時候...
> **實戰推薦:** > - [⚡ 一個 Vue 自訂指令搞定絲滑拖曳列表,告別複雜元件封裝](https://juejin.cn/post/7511332054941188147) > - [🔥 這才是 Vue 驅動的 Chrome 擴充功能工程化正確打開方式](https://juejin...
## 前言 大家好,我是去年一篇測評 [《unocss 究竟比 tailwindcss 快多少?》](https://juejin.cn/post/7342693286447087625) 的作者 `icebreaker`。 一晃到了 **2025 年**,`tailwindcss@4`...
「我想要製作一個擴充功能來自訂搜尋結果……」雖然我早就有這樣的想法,但我並沒有那麼高的技術能力。 不過最近,我突然想到「**如果使用AI,這不是很簡單嗎?**」 這次,我將介紹我實際使用AI製作「從Google搜尋結果中阻擋贊助廣告/特定網域的擴充功能」的步驟。 製作時間大約需要2...
## 1. 為什麼要“告別”? - **規範已打 🚩 Deprecated**:瀏覽器隨時下架,埋得越深爆得越慘 - **性能/體積/安全**:舊 API 常阻塞執行緒、無權限模型、包體積爆炸 - **面試必問**:能講清“為什麼不用 + 怎麼遷”是高分項 以下 10 組案例,95%...
每週二晚上《CodeLove Talk》直播! 開放觀眾 Call-in,一起討論軟體開發相關的話題!