收藏 / 列表

yayujs - Svelte 最新中文文檔教程(22)—— Svelte 5 遷移指南

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

react , 前端

Python最棒 - 什麼是銷售管理系統?哪家銷售管理系統可靠

什麼是銷售管理系統?銷售管理系統即專注於銷售流程與客户資源管理的系統,是一種集成的軟件系統,用於管理公司與其現有客户和潛在客户的互動及銷售全流程。通過銷售管理系統,企業可以有效地組織、自動化和同步銷售、市場營銷、客户服務和技術支持等功能。在現代商業環境中,銷售管理系統已經成為企業提升銷售效率、優化客户資源利用的關鍵因素之一。隨着科技的進步和市場競爭的加劇,企業對銷售管理系統的需求日益增長。本文將深

react , angular , Javascript

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

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

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

若川 - 50行代碼串行Promise,koa洋葱模型原來是這麼實現?

1. 前言 大家好,我是若川。歡迎關注我的公眾號若川視野,最近組織了源碼共讀活動《1個月,200+人,一起讀了4周源碼》,感興趣的可以加我微信 ruochuan12 參與,長期交流學習。 之前寫的《學習源碼整體架構系列》 包含jQuery、underscore、lodash、vuex、sentry、axios、redux、koa、vue-devtools、vuex4十餘篇源碼文章。其中最新的兩篇是

node.js , koa , koa.js , 前端 , Javascript

極限實驗室 - 搜索百科(3):Elasticsearch — 搜索界的“流量明星”

大家好,我是 INFINI Labs 的石陽。 歡迎關注 《搜索百科》 專欄!每天 5 分鐘,帶你速覽一款搜索相關的技術或產品,同時還會帶你探索它們背後的技術原理、發展故事及上手體驗等。 前兩篇我們探討了搜索技術的基石 Apache Lucene 和企業級搜索解決方案 Apache Solr。今天,我們來聊聊一個真正改變搜索遊戲規則,但也充滿爭議的產品 — Elasticsearch。 引言 如

elasticsearch , 搜索引擎 , lucene

歐雷 - 反思軟件開發:知識流動(下)

本文來説説在企業中讓知識流動起來的大體思路。 數字員工 在以互聯網或軟件及服務為營生的企業中,各個層級、分工的人和處理各類事務的應用軟件是辦公與業務運作的兩大要素;企業中的絕大部分人是員工這很理所當然,但為何不能把工作中所用到的各種應用軟件看成整體,也當作一名員工來看待呢? 將這名特殊的「員工」稱為「數字員工」,與其他員工不同的是,它是純虛擬的、數字的,沒有物理層面的形態,但與其他員工一樣可以處理

軟件開發 , 效率 , 低代碼 , 人工智能 , 團隊協作

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

京東雲開發者 - 常用Web 實時通信技術:原理+選型,一篇通關

在 Web 開發中,實時通信技術的核心目標是實現客户端(Browser)與服務器之間低延遲、雙向 / 單向的動態數據交互,而非傳統 HTTP 的 “請求 - 響應” 模式。以下是 Web 端最常用的實時通信技術,從概念、原理特點、適用場景、對比選型進行詳細解析。 一、WebSocket 1.1、核心概念 WebSocket 是 Web 端實時通信的 “基礎設施”,通過全雙工長連接和輕量幀傳輸,解決

程序員

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

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

lambda , JAVA , 回調

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

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

react , 同步 , 異步 , 前端

Noam Rosenthal - What Web Frameworks Solve: The Vanilla Alternative (Part 2)

Last week, we looked at the different benefits and costs of using frameworks, starting from the point of view of which core problems they’re trying to solve, focusing on declarative programming, dat

react , Frameworks , Javascript

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

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

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

ohoherror - jest +ts +esm

Jest 是當下最主流的前端測試框架 首先初始化ts環境 yarn add typescript --dev npx tsc --init 第二步:安裝ts下的jest yarn add jest @types/jest --dev 第三步:新建tests文件夾 tests/index.spec.ts it('init',()={ expect(true).toB

jest , typescript , babel , 前端

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

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

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

react , redux-toolkit , redux , 前端

Carlos - React 的單向數據流

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

react , 全棧工程師 , 前端

codechen8848 - GitHub 星標太多管不過來?這款 AI 工具幫你一鍵整理、智能搜索!

大家好,我是 Java陳序員。 之前,給大家介紹過一個開源的 Github Stars 存儲庫管理器,用於解決 GitHub 星標庫太多不好管理的問題。 開發者必備!Github Stars 存儲庫管理器! 今天,再給大家介紹一款 Github 星標庫管理工具,與 AI 結合,實現更加強大的分類搜索功能! 關注微信公眾號:【Java陳序員】,獲取開源項目分享、AI副業分享、超200本經典計算機

react , 前端

assassin_cike - shadcn/ui

1. DropdownMenu觸發AlertDialog後頁面無法點擊 是因為點擊AlertDialog的確定按鈕後後body標籤會被添加style="pointer-events: none;"導致頁面無法點擊 怎樣解決? 根據 I can't click anywhere after using alert dialog. #468 將DropdownMenu設置modal={false

react , radix , form , react-hook-form , table

Juan Diego Rodríguez - Gatsby Headaches: Working With Media (Part 1)

Working with media files in Gatsby might not be as straightforward as expected. I remember starting my first Gatsby project. After consulting Gatsby’s documentation, I discovered I needed to use the

performance , react , optimization

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

網易雲音樂PC項目實戰 項目簡介 1.項目介紹 項目使用到的技術棧 CSS使用Flex進行佈局 配置路徑別名使用: carco 項目路由使用: react-router來管理 使用react-router-config集中式路徑映射表管理 使用styled-components+普通的css編寫樣式 使用axios發送網絡請求 項目全面擁

react , redux , immutable-js , Axios , react-router

水冗水孚 - 效能工具(八)之vite開發或生產環境下的命令行變量傳參(比如啓動項目時多視圖選擇其一)

需求描述 前段時間有這樣的一個需求: 筆者有一個項目,在啓動或者打包的時候 需要根據一些實際情況,去選擇展示那個視圖 就是我們在項目啓動或者打包的時候,需要注入一個全局變量(保存在.env.development或.env.production文件中)通過命令行npm run dev的方式 一般來説,vue-router就可以實現這個需求 但是,某些情況下,這個需求不太適合用vue-

node.js , vite , vue3

浪遏飛舟 - 記錄MVC項目部署時的CDN緩存問題

概述 本文將分析在發佈前後端未分離項目(freemaker)時遇到的CDN緩存問題,主要有以下兩個問題: 頁面請求獲取的html裏面卻是舊版本號的script鏈接 script腳本鏈接是新版本號但拉取到的卻是舊腳本代碼 CDN CDN全稱是Content Delivery Network,即內容分發網絡,也稱為內容傳送網絡。CDN是構建在現有網絡基礎之上的智能虛擬網絡,依靠部署在各地的邊緣

部署 , cdn緩存 , cdn , mvc , freemarker

superZidan - 瀏覽器工作原理

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

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

一顆冰淇淋 - 命令行應用開發初學者指南:腳手架篇、UI 庫和交互工具

在日常的前端開發工作中,我們經常依賴各種命令行工具來提高效率和代碼質量。例如,create-react-app 和 eslint 等工具不僅簡化了項目的初始化過程,還能自動執行代碼檢查和格式化任務。當我們使用這些工具時,它們通常會通過一系列互動式的問答來收集必要的信息,從而根據我們的選擇進行相應的配置和安裝。 以 eslint 工具為例(如下圖所示),當你首次運行 eslint --init 命令

node.js , 前端工程化 , commonjs , 前端 , Javascript