收藏 / 列表

yayujs 頭像

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

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

react , 前端

zohocrm 頭像

Python最棒 - 別再亂選!2025年六大優質CRM品牌推薦

客户關係管理(CRM)系統已經成為企業提升競爭力的核心工具，然而面對市場上琳琅滿目的CRM產品，許多企業在選擇時常常感到困惑：功能太多不知如何取捨，價格差異大不知是否物有所值，實施難度不明確擔心投入打水漂。作為深耕CRM領域多年的從業者，我將為您深度解析2025年六大優質CRM品牌，幫助您找到最適合企業發展的那一款。 一、為什麼CRM選擇如此重要？ 在展開品牌推薦之前，我們需要明確一個事實：CRM

vue.js , chrome-devtools

wszgrcy 頭像

wszgrcy - 我從 Angular 中分離出來本地化:`@cyia/localize`

最近在做 VSCode Extension 開發的時候,發現一個問題,插件部分和 WebView 部分有時候會共用一部分代碼,而這部分代碼裏又恰好有需要翻譯的內容,這就導致 VSCode 本身提供的 l10n 沒法使用 因為 WebView 部分頁面是使用 Angular 開發,所以如果能用一種翻譯實現是最好的了,所以我想到了 Angular 中的 localize,對分離模塊,使其成為通用

angular , node.js , l10n , i18n , Web

infinilabs 頭像

極限實驗室 - 如何使用 DataX 連接 Easysearch

DataX DataX 是阿里開源的一款離線數據同步工具，致力於實現包括關係型數據庫(MySQL、Oracle 等)、HDFS、Hive、ODPS、HBase、FTP 等各種異構數據源之間穩定高效的數據同步功能。 本篇主要介紹 DataX 如何將數據寫入到 Easysearch，對於各種數據源的連接不會做深入的探討，感興趣的小夥伴可以訪問 DataX 的 Github 倉庫查看詳情。 下載與安裝

elasticsearch , 搜索引擎 , 數據庫 , 程序員

ntksol 頭像

歐雷 - 已婚中年男人失業一年是怎樣一種體驗？

本文參與了SegmentFault 思否 2023 年度有獎徵文活動，歡迎正在閲讀的你也加入。 去年的 1 月 15 日，是我作為全職員工在上家公司上班的最後一天；之後的這一整年裏，我一直沒有世俗意義的「正式工作」，算是持續着「失業」狀態。 收入來源 沒出來時都覺得自己很行，出來後才知道幹啥啥不行。 螺絲釘而已 事務的標準化、精細化是各類組織規模化發展的前提，其所帶來的重要後果是相關的個體愈發原子

2023-年度總結 , 獨立開發者 , 創業者 , 前端工程師 , 技術支持

karuru 頭像

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

jdcdevloper 頭像

京東雲開發者 - 當小白遇到FullGC | 京東雲技術團隊

起初沒有人在意這場GC,直到它影響到了每一天! 前言 本文記錄了一次排查FullGC導致的TP99過高過程,介紹了一些排查時思路,線索以及工具的使用,希望能夠幫助一些新手在排查問題沒有很好的思路時,提供一些思路,讓小白也能輕鬆解決FullGC問題,文中實際提到的參數配置不一定適合其他業務場景,在調優自己的項目時還是需要實際試驗過才能得出最佳參數配置 我也是小白,如有不合理的地方,歡迎大佬們進行指正

full-stack , gc , JAVA , 後端

qifengliao_5e7f5b20ee3bd 頭像

起風了 - (移動端適配px轉rem)react配置rem插件lib-flexible和postcss-px2rem-exclude

1、安裝插件 yarn add lib-flexible postcss-px2rem-exclude //這個插件也要下，不然的話啓動項目的時候會報錯 yarn add react-app-rewire-postcss 2、修改config-overrides.js（如果沒有就新建，在項目根目錄） 在config-overrides.js文件裏重寫postcss，加入如下代碼 這文件將a

react , px2rem , rem , html5

noam-rosenthal 頭像

Noam Rosenthal - What Web Frameworks Solve And How To Do Without Them (Part 1)

I have recently become very interested in comparing frameworks to vanilla JavaScript. It started after some frustration I had using React in some of my freelance projects, and with my recent, more i

react , Frameworks , Javascript

kasong 頭像

卡頌 - 組長讓我把所有state都放Redux裏

大家好，我是卡頌。 在我們React進階源碼羣裏，除了React外，狀態管理是最常討論的話題。 詭異的是，有多個羣友説過類似的話： 他的同事/組長/領導...讓他把所有state都放在Redux/Mobx...裏 他們覺得不對，又不知道如何反駁。 今天我們來聊聊Redux、Mobx等狀態管理庫和React、Vue等視圖庫之間的關係，希望能解決以上困惑。 產品的核心競爭力 如果你在電梯裏遇到大領導

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

fengliudeshanghen 頭像

風流倜儻的傷痕 - FastAPI如何用契約測試確保API的「菜單」與「菜品」一致？

url: /posts/02b0c96842d1481c72dab63a149ce0dd/ title: FastAPI如何用契約測試確保API的「菜單」與「菜品」一致？ date: 2025-09-13T02:46:54+08:00 lastmod: 2025-09-13T02:46:54+08:00 author: cmdragon summary: 契約測試是

flask , django , fastapi , 後端 , Python

jhey-tompkins 頭像

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

Last week in Part 1, I explained how the idea about how to record audio input from users and then moved on to the visualization. After all, without any visualization, any type of audio recording UI

react , Techniques , coding , Javascript

daishuyunshuzhanqianduan 頭像

袋鼠雲數棧UED - 流程圖渲染方式：Canvas vs SVG

我們是袋鼠雲數棧 UED 團隊，致力於打造優秀的一站式數據中台產品。我們始終保持工匠精神，探索前端道路，為社區積累並傳播經驗價值。 本文作者：霽明 背景 我們產品中會有一些流程圖應用，例如審批中心的審批流程圖： 我們數棧產品內的流程圖，基本都是使用的 mxGraph 實現的，mxGraph 使用了SVG來渲染圖形。 流程圖組件庫除了 mxGraph，還有其他一些流行的庫，例如：Re

canvas , 前端 , svg

carloslab 頭像

Carlos - React 的單向數據流

React 的單向數據流 React 的單向數據流（One-way Data Flow）指的是組件中的數據流動是自上而下的，也就是説，父組件可以通過 props 向子組件傳遞數據，而子組件不能直接修改父組件的狀態。數據只能沿着組件樹從父組件流向子組件，任何需要更新的數據必須由父組件通過狀態提升或者回調函數來處理。 單向數據流的優點 可預測性強： 由於數據流動是單向的，數據從父

react , 全棧工程師 , 前端

codechen8848 頭像

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

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

flutter

gkymfrg1 頭像

ohoherror - 數組倒序有哪些方法

倒序排列數組的方法如下： 使用reverse()方法： const arr = [1, 2, 3, 4, 5]; const reversedArr = arr.reverse(); console.log(reversedArr); //[5, 4, 3, 2, 1] 使用for循環和unshift()方法： const arr = [1, 2, 3, 4, 5]; const re

數組 , 前端 , Javascript

chencaize 頭像

點墨 - java lambda表達式 回調函數

java使用lambda表達式做回調函數,定義一個interface寫一個方法即可（如果一個接口只有一個抽象方法（包括繼承的），該接口是一個函數接口，函數接口可以使用lambda表達式實現），lambda表達式函數內部可以獲取外部變量，會保存堆棧信息 源碼 Callback.java public interface Callback{ void onCompletion(); } Tes

lambda , JAVA , 回調

shaogongbra 頭像

ShaoGongBra - duxapp放棄了redux，在duxapp中局部、全局狀態的實現方案

全局狀態 全局狀態是一個很實用的功能，例如管理用户信息，組件間狀態共享等功能都需要用到全局狀態，react有很多成熟的全局狀態管理工具，但是很多寫起來太過麻煩，duxapp提供了幾種應對不同場景的全局狀態的方案，當然如果你需要其他全局狀態，可以自行集成 局部全局狀態 這種全局狀態方案的使用場景，在於父子組件之間的狀態共享 import { contextState } from '@/duxapp

react , react-native , redux , taro

juan-diego-rodriguez 頭像

Juan Diego Rodríguez - Demystifying The New Gatsby Framework

After the release of Gatsby 4, the Gatsby team saw the biggest rise in signups on Gatsby Cloud. According to Gatsby co-founder Kyle Mathews: “Gatsby 4 is the most powerful version of Gatsby yet.

Frameworks , Gatsby , API , next.js , serverless

tudou_5e2d76940fbaa 頭像

風不識途 - 基於React全家桶開發「網易雲音樂PC」項目實戰(四)

前言 前言 hello大家好我是「風不識途」，如果首次閲讀本系列請點擊，正在學習React的小夥伴可以克隆該項目，參考學習，嘗試做一些小功能，下面我們開始完成本系列最重要的音樂播放器列表▶需要完成內容如下↓； 項目預覽和源碼 在線預覽地址👉：點我跳轉到雲音樂 項目Gihub地址👉：Musci 163 (如果覺得項目還不錯的話 👏，就給個 star ⭐ 鼓勵一下吧~)

react , 項目實戰 , redux , immutable-js , 前端

shuirongshui 頭像

水冗水孚 - 效能工具（九）之編寫nodejs腳本使用get-video-duration批量讀取視頻時長，並生成sql語句修復數據庫表字段值

前言 看文，看的是一種思路，希望筆者的文章能給諸位帶來一些靈感思路☺️☺️☺️ 場景概述 實際場景描述有些冗餘，特抽象出來描述如下： 公司平台上有一個視頻文件列表，列表有近千條數據，對應接口返回的就是一個數組，length將近1000，如： let tableData = [ { id: 1, name: '視頻1', duration: 364, url: 'https://abc.co

node.js , SQL

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

icecreamlj 頭像

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

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

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

jackysummer 頭像

JackySummer - 【解讀 ahooks 源碼系列】DOM篇（三）

前言 本文是 ahooks 源碼系列的第四篇，往期文章： 【解讀 ahooks 源碼系列】（開篇）如何獲取和監聽 DOM 元素：useEffectWithTarget 【解讀 ahooks 源碼系列】DOM篇（一）：useEventListener、useClickAway、useDocumentVisibility、useDrop、useDrag 【解讀 ahooks 源碼系列】DOM篇

react , hooks , 前端