Nov 14 2024

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

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

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

Nov 15 2025

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

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

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

Apr 16 2024

小謳 - 手寫一個Virtual DOM及源碼解析

關注前端小謳，閲讀更多原創技術文章 Virtual DOM是當今主流框架普遍採用的提高 web 頁面性能的方案，其原理是： 1.把真實的 DOM 樹轉換成 js 對象（虛擬 DOM） 2.數據更新時生成新的 js 對象（新的虛擬 DOM） 3.二者比對後僅對發生變化的數據進行更新 完整代碼參考 → js 對象模擬 DOM 樹 假設有如下 ht

vue.js , 虛擬dom , virtual-dom , 前端 , Javascript

May 24 2023

Grewer - React 性能 debug 小記

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

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

Oct 22 2019

linong - 前端培訓-中級階段（21）- xhr2、FormData（2019-10-17期）

前端最基礎的就是 HTML+CSS+Javascript。掌握了這三門技術就算入門，但也僅僅是入門，現在前端開發的定義已經遠遠不止這些。前端小課堂（HTML/CSS/JS），本着提升技術水平，打牢基礎知識的中心思想，我們開課啦（每週四）。 AJAX 我們肯定不陌生，低版本IE使用new ActiveXObject("Microsoft.XMLHTTP")，其他瀏覽器使用new XMLHttpReq

formdata , xmlhttprequest , Ajax , html5 , Javascript