收藏 / 列表

轉角處的湯姆 - 深入理解 JSS:現代化的 CSS-in-JS 解決方案

引言 在現代前端開發中,CSS-in-JS 是一個越來越流行的概念。隨着 React 和其他前端框架的崛起,傳統的 CSS 方法逐漸顯得不夠靈活和高效。JSS(JavaScript Style Sheets)作為一種 CSS-in-JS 解決方案,提供了更靈活、更強大的方式來管理組件樣式。本文將深入探討 JSS,介紹其工作原理、優勢,以及如何在項目中有效使用它。 什麼

類名 , Css , 開發者 , 前端開發 , Javascript

OpenTiny社區 - 🥳重磅更新!Fluent Editor 開源富文本支持 LaTeX 可編輯公式啦~

本文由體驗技術團隊Kagol原創。 Fluent Editor是一個基於 Quill 2.0 的富文本編輯器,在 Quill 基礎上擴展了豐富的模塊和格式,框架無關、功能強大、開箱即用。 源碼:https://github.com/opentiny/fluent-editor/(歡迎 Star ⭐) 官網:https://opentiny.github.io/fluent-editor

富文本編輯器 , 開源 , 前端

前端小巷子 - Vue 2深入 keep-alive

Vue 2深入 keep-alive keep-alive 是 Vue 2 運行時裏最常被提及卻最少被深究的內置組件。它看上去只是“把頁面緩存起來”,背後卻涉及實例生命週期劫持、LRU 緩存策略、VNode 複用以及內存管理。 一、設計動機 單頁應用裏常見的“標籤頁”“麪包屑”“分步表單”等交互模式,都要求用户在多個路由或狀態之間來回切換。默認情況下,每一次切換都會觸發舊組件

生命週期 , 緩存 , 複用 , 前端開發 , Javascript

小謳 - 《javascript高級程序設計》學習筆記 | 8.2.創建對象

關注前端小謳,閲讀更多原創技術文章 創建對象 創建單個對象:Object 構造函數 和 對象字面量 缺點:使用一個接口創建很多對象,產生大量重複代碼 相關代碼 → 工廠模式 抽象創建特定對象的過程,按照特定接口創建對象 function createPerson(name, age, job) { var o = new Object() o.name = name

面向對象編程 , object , 前端 , Javascript

Grewer - React 性能 debug 小記

前言 之前開發重構項目的時候,遇到了一些問題, 如 hooks 的性能問題和 quill 的重載問題。本文就是記錄這些問題的解決過程。 場景 在基於富文本的輸入場景中,我們發現在輸入回車後會出現明顯的卡頓現象。為了更好地展示此類場景,這裏使用了一個簡單的例子展示。 function App() { const [value, setValue] = useState(''); /

performance , react , 性能分析 , 前端 , Javascript

linong - 探索 IP 代理服務的類型及應用場景,以及可視化數據抓取工具簡介

在我們日常工作中有很多場景需要使用代理服務,比如説前端開發環境的 proxy 正向代理,比如説常見的 nginx 反向代理,比如常見的 cdn 等等。但是還有很多場景也可以使用代理服務。 今天我給大家介紹一下不同類型的 IP 代理服務適用於何種場景,最好可以教會大家如何使用 IP 代理服務。 請注意,雖然 IP 代理功能強大,我們應始終秉持合法、合規的原則使用,尊重網絡規則,不濫用技術侵犯他人

node.js , 代理 , 爬蟲 , 前端 , Javascript