收藏 / 列表

yayujs 頭像

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

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

react , 前端

zohocrm 頭像

Python最棒 - 一文説清客户管理系統，2025年8家客户管理系統全面對比

本篇文章對2025年8家客户管理系統進行全面對比，分別是：Zoho CRM、Salesforce、Microsoft Dynamics 365、HubSpot、Pipedrive、Freshsales、SAP、Sugar CRM。 客户管理系統不僅幫助企業管理客户關係，還能優化銷售流程、提升客户服務質量和促進業務增長。然而，市場上客户管理系統產品眾多，各有特色，企業在選擇時常常感到困惑。本文將詳細

自動駕駛 , mariadb

wszgrcy 頭像

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

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

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

infinilabs 頭像

極限實驗室 - Console 納管 Elasticsearch 9（二）：日誌監控

前面介紹過 INFINI Console 納管 Elasticsearch 9（一），進行指標監控、數據管理、DSL 語句執行，但日誌監控功能需要結合 Agent 才能使用。現在來實現一下： Agent 需要和 ES 部署到同一機器上，這裏是在我本地電腦上進行安裝。 安裝 Elastisearch curl -O https://artifacts.elastic.co/downloads/ela

console , elasticsearch

ntksol 頭像

歐雷 - 聊聊前端 UI 組件：組件設計

在本系列文章《聊聊前端 UI 組件：組件體系》中初步説明了 UI 組件的架構設計，本文將在此基礎上進一步展開説説那篇文章中一筆帶過的部分，並闡述在設計一個 UI 組件時應該注意的點有哪些。 目錄結構 在《聊聊前端 UI 組件：組件體系》中列出的目錄結構的基礎上做了些許調整—— component ├── demo # 示例相關文件 │ └

組件設計 , 軟件設計 , 交互設計 , 組件化 , 前端設計

karuru 頭像

karuru - React服務端渲染之路07——添加CSS樣式

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

react-dom , react , react-router4 , webpack , Css

jdcdevloper 頭像

京東雲開發者 - 樸素系統優化思維的實踐

作者：京東物流 嚴孝男 一、問題 去年年中時候，我有個好朋友（可以叫他華哥）頂着當時還很嚴重的疫情形式激情創業，斥巨資承包了他原公司食堂的幾個攤位，搖身一變成了老闆。當了老闆的華哥沒有絲毫懈怠，不但做了充足的市場調研，還結合他自己以前就餐時的痛點做了創新，比如以前食堂除了最常規的面，餃子，米線一類的之外就是一份份的賣炒菜，差不多一份葷菜十幾塊，一份素菜近十塊的樣子，這就導致一個問題，一般男生花了幾

系統 , 架構模式 , 優化

qifengliao_5e7f5b20ee3bd 頭像

起風了 - React setState、useState同步？異步？

React setState、useState到底是同步的，還是異步的？ setState語法 用法1： this.setState({ // 數據更新 }) 用法2： this.setState((state, props) = { // 當前組件的state // 父級的state }, () = { // 數據更新之後 }) useState語法 用法1： const [n

react , 同步 , 異步 , 前端

noam-rosenthal 頭像

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

kasong 頭像

卡頌 - AlpineJS作者：不上班，一年10w刀

大家好，我是卡頌。 今天為大家介紹一位坦誠的老哥。有多坦誠呢？他在推上實時公佈自己賺了多少錢。 到去年6月，老哥的年收入是10w刀。關鍵是：老哥從19年1月就不上班了。 接下來讓我們看看這位坦誠的老哥是如何做到不上班年入10w刀。 不想上班了，想做喜歡的事 這位老哥名叫Caleb Porzio，是一名全棧工程師。在離職前，他的年收入為9w刀。 作為一名每天要在前端、後端來回編碼的全棧工程師，某

開源 , 全棧工程師 , 後端 , 前端

fengliudeshanghen 頭像

風流倜儻的傷痕 - 如何在FastAPI中玩轉“時光倒流”的數據庫事務回滾測試？

url: /posts/bf9883a75ffa46b523a03b16ec56ce48/ title: 如何在FastAPI中玩轉“時光倒流”的數據庫事務回滾測試？ date: 2025-09-09T04:07:19+08:00 lastmod: 2025-09-09T04:07:19+08:00 author: cmdragon summary: 在 FastA

flask , django , fastapi , 後端 , Python

gkymfrg1 頭像

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 頭像

Jhey Tompkins - The Path To Awesome CSS Easing With The linear() Function

To paraphrase a saying that has always stuck with me: “The best animation is that which goes unnoticed.” One of the most important concepts of motion design on the web is making motion “feel right.”

animation , coding , Css

daishuyunshuzhanqianduan 頭像

袋鼠雲數棧UED - 一文了解 history 和 react-router 的實現原理

我們是袋鼠雲數棧 UED 團隊，致力於打造優秀的一站式數據中台產品。我們始終保持工匠精神，探索前端道路，為社區積累並傳播經驗價值。 本文作者：霜序 前言 在前一篇文章中，我們詳細的説了 react-router@3.x 升級到 @6.x 需要注意的問題以及變更的使用方式。 react-router 版本更新非常快，但是它的底層實現原理確是萬變不離其中，在本文中會從前端路由出發到 react

react , react-router , 前端

carloslab 頭像

Carlos - 使用 Vite + React 進行本地編譯與測試

Vite 是一個快速、輕量級的構建工具，旨在提供極致的開發體驗。本文將展示如何在使用 React 和 Vite 的項目中進行本地編譯、測試以及預覽。 初始化項目 假設你已經成功使用 Vite 和 React 初始化了一個項目，並完成了開發，現在你希望能夠將項目進行本地構建並進行測試。 本地構建項目 在項目根目錄中，通過以下命令構建項目： npm run build 這將觸發 Vite

react , 全棧 , vite , 前端 , Javascript

codechen8848 頭像

codechen8848 - 集成多平台的直播神器！觀看多平台直播一站搞定！

大家好，我是 Java陳序員。 在日常生活中，我們常常會在工作之餘觀看直播，現在的主流直播平台如虎牙、鬥魚、嗶哩嗶哩、抖音等，為用户提供了豐富多樣的直播內容。 然而，用户在觀看不同平台的直播時，往往需要在多個應用之間切換，操作繁瑣，體驗不佳。 今天，給大家介紹一款集成多個平台的直播神器，一站搞定多平台直播觀看！ 關注微信公眾號：【Java陳序員】，獲取開源項目分享、AI副業分享、超200本經典

flutter

chencaize 頭像

點墨 - 使用gulp上傳打包文件到服務器

項目是使用create-app-rewired生成的react項目，使用gulp自動上傳打包文件到服務器，建議只在測試環境和模擬環境使用。 1.安裝gulp,gulp-ssh包 2.編寫腳本 3.修改config-overrides.js，將打包文件分環境生成 4.編寫gulp配置文件gulpfile.js const { src, task, series } = r

gulp , 部署 , 打包 , 前端 , Web

assassin 頭像

assassin_cike - react 繼續踩坑

1. react-i18next resources key默認槓後大寫 新增了繁體中文模塊，如下導入，切換語言並不生效 import i18n from 'i18next'; import { initReactI18next } from 'react-i18next'; import translation_en from './en'; import translation_zh fro

react-i18next , react , lexical , react-router , Markdown

shaogongbra 頭像

ShaoGongBra - 通過duxapp提供的基礎方法、UI組件、全局樣式，快速編寫項目

使用duxapp，我是如何實現快速完成項目開發的？ 像下面這個例子，這個項目有140多個頁面，但是真實的開發時間，在熟練使用duxapp的情況下，不會超過兩週，並且可以將它兼容APP、小程序、H5 這裏僅展示了其中一部分頁面，這個項目主要包含下這些功能 購物訂單流程 售後退換 文章發佈 門店功能 送貨人員功能 經銷商功能 掃碼抽獎 等其他功能 下面我將詳

react , react-native , 小程序 , taro

juan-diego-rodriguez 頭像

Juan Diego Rodríguez - What Removing Object Properties Tells Us About JavaScript

A group of contestants are asked to complete the following task: Make object1 similar to object2. let object1 = { a: "hello", b: "world", c: "!!!", }; let object2 = { a: "hello", b

Techniques , Tools , Javascript

tudou_5e2d76940fbaa 頭像

風不識途 - React基礎語法總結

React基礎語法 React介紹 1.React是什麼? React 是由 Facebook 開源的一個JS 庫 官方解釋: React 是一個聲明式，高效且靈活的用於構建用户界面的 JavaScript 庫 br/ 2.React的特點(瞭解) 聲明式編程 什麼是聲明式編程: 它描述目標的性質，讓電腦明白目標，而非流程 聲明式編程是告訴計算機需要計算 “什

react , jsx , virtual-dom

shuirongshui 頭像

水冗水孚 - 打印FormData、file input只觸發一次change、Blob加File生成文件、FileReader讀取

本文通過標題中的幾個問題功能，提供一些代碼（包括接口，用於複習一下文件操作相關的知識） 問題一 FormData無法直接console.log出來 問題復現 如下代碼： script const formData = new FormData() formData.append('name', '孫悟空') formData.append('age', 50) f

formdata , filereader , file , blob

zzd41 頭像

superZidan - 瀏覽器工作原理

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

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

icecreamlj 頭像

一顆冰淇淋 - 全面掌握 Jest：從零開始的測試指南（下篇）

在上一篇測試指南中，我們介紹了Jest 的背景、如何初始化項目、常用的匹配器語法以及鈎子函數的使用。這一篇篇將繼續深入探討 Jest 的高級特性，包括 Mock 函數、異步請求的處理、Mock 請求的模擬、類的模擬以及定時器的模擬、snapshot 的使用。通過這些技術，我們將能夠更高效地編寫和維護測試用例，尤其是在處理複雜異步邏輯和外部依賴時。 Mock 函數 假設存在一個 runCallBac

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