收藏 / 列表

yayujs - SvelteKit 最新中文文檔教程(6)—— 狀態管理

前言 Svelte,一個語法簡潔、入門容易,面向未來的前端框架。 從 Svelte 誕生之初,就備受開發者的喜愛,根據統計,從 2019 年到 2024 年,連續 6 年一直是開發者最感興趣的前端框架 No.1: Svelte 以其獨特的編譯時優化機制著稱,具有輕量級、高性能、易上手等特性,非常適合構建輕量級 Web 項目。 為了幫助大家學習 Svelte,我同時搭建了 Svelte 最新的中文

react , 前端

Python最棒 - 2025 CRM系統排行榜:全球巨頭與本土黑馬的選型終極指南

2025 年,企業數字化轉型步入深水區,客户關係管理(CRM)系統成為提升銷售效率、優化客户體驗和驅動業績增長的關鍵工具。面對全球 CRM 市場的持續擴張和智能化升級,企業如何在眾多 CRM 產品中做出最優選擇,成為管理層關注的焦點。本文基於 Gartner、IDC 等權威數據,系統梳理了 2025 年主流 CRM 系統排行榜,涵蓋全球巨頭如 Zoho、Salesforce、Microsoft D

react , node.js

wszgrcy - 程序員如何封裝邏輯?

程序員如何封裝邏輯? 封裝 關於封裝代碼,我想大家都知道,提高可讀性,使代碼更清晰,更易於維護 那麼什麼是封裝邏輯?舉個例子,假如我想修改某個函數的傳參,將foo(a,b)改成foo(b,a),我們可以將a剪切到b後面,或b剪接到a前面,這就是我們的在操作時邏輯,而封裝邏輯,就是代替我們執行這個操作,我們只需要調用,就會有人幫我們實現 為什麼要封裝邏輯? 剛才舉的例子,只是交換一下參數

開發工具 , 開發 , 技術分享 , 架構模式

若川 - 學習 underscore 源碼整體架構,打造屬於自己的函數式編程類庫

前言 你好,我是若川。這是學習源碼整體架構系列第二篇。整體架構這詞語好像有點大,姑且就算是源碼整體結構吧,主要就是學習是代碼整體結構,不深究其他不是主線的具體函數的實現。文章學習的是打包整合後的代碼,不是實際倉庫中的拆分的代碼。 要是有人説到怎麼讀源碼,正在讀文章的你能推薦我的源碼系列文章,那真是太好了。 學習源碼整體架構系列文章如下: 1.學習 jQuery 源碼整體架構,打造屬於自

函數式編程 , 源碼分析 , underscore , 前端 , Javascript

極限實驗室 - 告警通知全面提升,一鍵接入多渠道 - 輕鬆管理,時刻掌控

叮 叮 ,你們聽到什麼聲音了嗎?沒錯,那是我們全新升級的告警系統帶來的驚喜和能量!我們像閃電俠一樣快速優化了告警通知功能,它將幫助你避開所有的系統故障陷阱,像超級英雄一樣守護系統安全! 序集 我們深知及時、有效的告警通知對於系統的穩定運行至關重要。因此在近期已上線的 INFINI Console v1.6 版本中,我們花了很多心血來全面提升我們的告警模塊,讓告警變得更智能、更便捷。相信這次的改

console , agent , 告警

歐雷 - 對前端同行的最後一次勸誡

不知為啥,我有那種有點無法自控的愛管閒事兒的臭毛病,因而在有的微信羣中把自己羣暱稱改成了「熱心網友」。 最近有些同行在找工作,刷八股文,問某種面試題該怎麼回答,諸如此類。 看到他們那樣,我心裏就急得上躥下跳的——明明前方是火坑,咋還接二連三看似心甘情願地往裏跳呢??? 在當下這個時間點,我的同行絕大部分是以 HTML、CSS、JavaScript 等為核心的「Web 前端」,他們之中絕大部分是業務

職業發展 , 低代碼 , 前端工程師 , aigc , 人工智能

karuru - React服務端渲染之路06——優化

所有源代碼、文檔和圖片都在 github 的倉庫裏,點擊進入倉庫 相關閲讀 React服務端渲染之路01——項目基礎架構搭建 React服務端渲染之路02——最簡單的服務端渲染 React服務端渲染之路03——路由 React服務端渲染之路04——redux-01 React服務端渲染之路05——redux-02 React服務端渲染之路06——優化 React服務端渲染之路07—

react , react-router4 , redux , Javascript

京東雲開發者 - 文盤Rust -- 生命週期問題引發的 static hashmap 鎖 | 京東雲技術團隊

2021年上半年,擼了個rust cli開發的框架,基本上把交互模式,子命令提示這些cli該有的常用功能做進去了。項目地址:https://github.com/jiashiwen/interactcli-rs。 春節以前看到axum已經0.4.x了,於是想看看能不能用rust做個服務端的框架。 春節後開始動手,在做的過程中會碰到各種有趣的問題。於是記下來想和社區的小夥伴一起分享。社區裏的小夥伴大

hashmap , static , , rust , cli

點墨 - antd的選擇框如何增加tab選中

antd的選擇框默認是不允許tab選中的,如果有這種需求,那麼需要修改源碼。 經過分析,antd的選擇框使用的是rc-select,將node_modules裏的rc-select/lib/OptionList.js和rc-select/es/OptionList.js裏增加Tab即可。(注意:每次npm install,rc-select都會變動,需要重新覆蓋,如果更新了antd版本,需要

react , select

起風了 - 封裝一個方法,獲取頁面url中的參數值?

封裝一個方法獲取頁面url參數,可作為框架基礎方法使用: //獲取url參數; 正則獲取url參數,包含hash[#]和search[?]兩種通用 export function getUrlQueryByName(param) { const reg = new RegExp('(^|)' + param + '=([^]*)(|$)'); const r = window.lo

regexp , 前端 , Javascript

Noam Rosenthal - Testable Frontend: The Good, The Bad And The Flaky

I often come across front-end developers, managers, and teams facing a repeating and legitimately difficult dilemma: how to organize their testing between unit, integration, and E2E testing and how

react , API , Tools , Apps , testing , ui

卡頌 - 對於“前端狀態”相關問題,如何思考比較全面

大家好,我卡頌。 最近看到個寫得很不錯的知乎回答Hooks是否過譽了?前端應該跟着React走還是跟着JS、TS走?- beeplin的回答。 在這個回答的基礎上,我想引申出一個問題 —— 對於前端狀態相關問題,如何思考比較全面? 今天,我們試着從多個抽象層級的角度回答這個問題。 歡迎加入人類高質量前端框架羣,帶飛 問題的起源 有相當比例的前端從業者入行是從學習前端框架的使用開始的。換言之,在他們

react , vue.js , mobx , redux , 前端

ohoherror - React的渲染原理

React的渲染原理可以用Virtual DOM和Reconciliation兩個概念來解釋: 1. Virtual DOM Virtual DOM是React用來描述真實DOM樹的一個JS對象樹,其結構和真實的DOM樹是一一對應的,通過Virtual DOM可以方便地操作和管理DOM樹,提高了組件的渲染效率。 它的基本原理是在組件狀態(state)發生變化時,React不直接操作真實的DOM樹

react , virtual-dom , 前端

Jhey Tompkins - A Guide To Audio Visualization With JavaScript And GSAP (Part 1)

A while back I got approached by friend Kent C. Dodds to help out with his site rebuild. Besides adding a little whimsy here and there, there was one part, in particular, Kent wanted a hand with. An

react , Techniques , coding , Javascript

袋鼠雲數棧UED - redux vs redux-toolkit 及源碼實現

我們是袋鼠雲數棧 UED 團隊,致力於打造優秀的一站式數據中台產品。我們始終保持工匠精神,探索前端道路,為社區積累並傳播經驗價值。 本文作者:霜序 前言 為何講這個內容?以為後續大家會使用 redux-toolkit,資產上週做了 redux-toolkit 的升級順便了解了相關內容,產出了這篇文章。 另外補齊一下在 React 數據流這個知識板塊的完整性。 React 中的數據流管理

react , redux-toolkit , redux , 前端

Carlos - 深入理解 JavaScript 中的剩餘參數和擴展運算符

在 JavaScript 的現代特性中,剩餘參數(Rest Parameters)和擴展運算符(Spread Operator)是兩個非常實用的語法特性。雖然它們的寫法看起來很像(都使用 ... 語法),但是它們的使用場景和功能是不同的。現在讓我們深入理解這兩個特性。 剩餘參數(Rest Parameters) 基本概念 剩餘參數允許我們將不確定數量的參數表示為一個數組。它使用 ... 語法,必須

react , vue.js , 全棧工程師 , 前端 , Javascript

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

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

go , 後端

assassin_cike - @tanstack/react-query 實踐

@tanstack/react-query@5.35.5 1. isPending isLoading isFetching 傻傻分不清 const { data: knowledgeList, isFetching: loading } = useQuery({ queryKey: ['knowledgeList'], initialData: [], gcTime:

react , request , HTTP , fetch , react-query

Juan Diego Rodríguez - Beyond CSS Media Queries

Media queries have been around almost as long as CSS itself — and with no flex, no grid, no responsive units, and no math functions, media queries were the most pragmatic choice available to make a

Techniques , Responsive Design , Css

風不識途 - 一文總結redux、react-redux、redux-saga

redux、react-redux、redux-saga總結 前言 hello大家好,我是風不識途,最近一直在整理redux系列文章,發現對於初學者不太友好,關係錯綜複雜,難倒是不太難,就是比較複雜 (其實寫比較少),所以這篇帶你全面瞭解redux、react-redux、redux-thunk還有redux-sage,immutable(多圖預警),由於知識點比較多,建議先收藏(收藏等於學

react , redux-saga , redux , immutable-js , 前端

水冗水孚 - 使用nodejs的express框架實現大文件上傳的功能,附完整前後端github代碼

問題描述 兩年前,筆者寫過一篇文章 《面試官桀桀一笑:你沒做過大文件上傳功能?那你回去等通知吧!》 當時,後端是用java語言寫的 本篇文章,就是講解一下,後端的nodejs如何實現大文件上傳 後端使用node的express框架寫 完整代碼在github上:https://github.com/shuirongshuifu/bigfile 在看本篇文章之前,建議看一下之前的筆者的大

express , node.js , Javascript

浪遏飛舟 - 如何定位內存溢出導致頁面崩潰問題

問題現象 在實際項目開發中,我們常常會遇到類似如下頁面崩潰的問題,導致瀏覽器頁面崩潰的原因一般都是JS Heap堆內存溢出,但此類問題一般控制枱都不會報錯,所以其定位問題的經驗和手段很關鍵,下文是我在實際項目中遇到問題的總結。 問題定位 首先,説一下項目技術棧背景,是採用React+Mobx+single-react-spa搭建的一個微前端中後台應用。當初始化加載完頁面,點擊”刪除“觸發事件後頁

performance , heap , 死循環 , 崩潰分析 , 內存溢出

superZidan - 瀏覽器工作原理

瀏覽器(也稱為網絡瀏覽器或互聯網瀏覽器)是安裝在我們設備上的軟件應用程序,使我們能夠訪問萬維網。在閲讀這篇文字時,你實際上正在使用一個瀏覽器。 有許多瀏覽器正在被使用,截至2022年,使用最多的是:谷歌瀏覽器、蘋果的Safari、微軟的Edge和火狐。 但是,它們實際上是如何工作的,從我們在地址欄中鍵入網絡地址開始,到我們試圖訪問的頁面顯示在屏幕上,會發生什麼? 關於這個問題的答案,一個極其簡化的

渲染 , dom , 瀏覽器 , cssom , webkit

一顆冰淇淋 - 全面掌握 Jest:從零開始的測試指南(上篇)

隨着JavaScript在前後端開發中的廣泛應用,測試已成為保證代碼質量的關鍵環節。 為什麼需要單元測試 在我們的開發過程中,經常需要定義一些算法函數,例如將接口返回的數據轉換成UI組件所需的格式。為了校驗這些算法函數的健壯性,部分開發同學可能會手動定義幾個輸入樣本進行初步校驗,一旦校驗通過便不再深究。 然而,這樣的做法可能會帶來一些潛在的問題。首先,邊界值的情況往往容易被忽視,導致校驗不夠全面,

自動化測試 , jest , 前端 , Javascript