收藏 / 列表

哈囉技術 - React hooks原理淺談

react的工作流程 fiber是react的基本工作單元,所有的操作都要基於它實現。其實fiber就類似一個個element元素,react的工作流程其實就是遍歷fiber tree。 performUnitOfWork函數會執行當前的fiber節點,然後把這個fiber的子節點賦值給workInProgress,當子節點不存在時,就把兄弟節點賦值給workInProgress。 上層的wo

react-hooks , 前端

Kagol - 讓我們一起來建設 Fluent Editor 開源富文本編輯器吧!👏

你好,我是 Kagol,個人公眾號:前端開源星球。 Fluent Editor 是一個基於 Quill 2.0 的富文本編輯器,在 Quill 基礎上擴展了豐富的模塊和格式,框架無關、功能強大、開箱即用。 2024年8月12日,Fluent Editor 正式開源! 源碼:https://github.com/opentiny/fluent-editor/ 官網:https://openti

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

codechen8848 - 輕量又安全!一款開源自託管的個人記賬工具!

大家好,我是 Java陳序員。 你是否會有這樣的困擾:手裏存款越來越多,反而成了甜蜜的負擔? 看着銀行卡里不斷上漲的數字,卻總説不清每筆錢的來龍去脈;想給資金做個分類管理,卻被各種理財 APP 的複雜界面勸退;更擔心把財務數據存在第三方平台,哪天就成了“透明人”~ 今天,給大家介紹一款開源自託管的個人記賬工具,輕量又安全! 關注微信公眾號:【Java陳序員】,獲取開源項目分享、AI副業分享、超

go , 後端

愛跑步的番茄 - 什麼是住宅代理(Residential Proxy)?詳解原理、優勢與應用場景

在數字經濟與跨境互聯網時代,網絡訪問安全與數據合規成為企業關注的核心。而“住宅代理”(Residential Proxy)作為一種高匿名、高穩定的網絡中轉方式,正成為營銷、數據採集與賬號管理領域不可或缺的技術基礎。 本文將深入解析住宅代理的概念、工作原理、與數據中心代理的區別,以及它在實際業務中的典型應用場景。 一、住宅代理的定義 住宅代理(Residential Proxy) 是指通過真實

typescript , 前端 , Javascript

點量實時雲渲染 - 點量雲流核心技術解析:構建高性能數字孿生的三大架構設計

當前,數字孿生正處於一場深刻的範式變革之中:其價值核心正從靜態的可視化,向動態的決策智能加速遷移。然而,這一進程正面臨一個根本性的挑戰:高精度模型所帶來的龐大計算需求,與終端側有限的本地算力之間,形成了一道難以逾越的鴻溝。此矛盾已成為制約數字孿生在廣度與深度上實現規模化應用的核心瓶頸。 在此背景下,基於雲端協同的實時渲染技術,正成為破局的關鍵——它並非簡單的遠程顯示,而是旨在徹底打破終端的物理限

虛擬現實 , 雲計算 , 數字圖像 , 負載均衡 , 前端

銀之夏雪 - 從底層到實踐:深度解析 Vue Composition API 與 React Hooks 的異同

一、設計哲學與底層原理差異 1.1 響應式系統的基因差異 Vue3 的 Composition API 建立在 Proxy-based 響應式系統之上,通過劫持對象的 getter/setter 實現依賴收集。當訪問響應式對象時,Vue 會自動建立組件與數據的依賴關係。 // Vue 響應式原理簡版實現 function reactive(obj) { return new Proxy(obj

react , vue.js , react-hooks , vue3 , 前端

麒寧 - 3分鐘搞定:Flex 佈局

flex 佈局原理 全稱 flexible box,彈性佈局。 如何開啓:為元素添加 display: flex。 開啓 flex 佈局的元素,稱為 flex 容器(flex container),其子元素成為容器成員,稱為 flex 項目。 flex 佈局原理:通過給父盒子添加 display: flex,來控制盒子的位置和排列方式。 flex 佈局父盒子常見屬性 flex-direction

flex , typescript , 前端 , Javascript

TANKING - fetch異步上傳圖片(附html+JavaScript+php代碼)

效果 index.html !DOCTYPE html html head title圖片上傳示例/title meta charset="utf-8" script src="upload.js"/script style *{ padding: 0;

文件上傳 , php , fetch , 上傳圖片 , Javascript

JackySummer - 完全搞懂 BFC

什麼是 BFC BFC 全稱是 Block Formatting Context,即塊格式化上下文。 除了 BFC,還有: IFC(行級格式化上下文)- inline 內聯 GFC(網格佈局格式化上下文)- display: grid FFC(自適應格式化上下文)- display: flex或display: inline-flex 注意:同一個元素不能同時存在於兩個 BFC 中 它是

bfc , Css