博客 RSS 訂閱

soroqer 頭像

soroqer - WebSocket vs gRPC Stream：深度對比兩種流式通信技術

在實時通信與流式數據傳輸領域，WebSocket與gRPC Stream是最常被提及的兩項技術。本文將從協議設計、通信模型、適用場景等維度展開深度對比，幫助開發者理解兩者的本質差異與選擇邏輯。 一、前置知識：流式通信的核心需求 在分佈式系統中，流式通信主要解決兩類問題： 長連接實時交互：如聊天、監控數據推送、在線協作； 批量數據分塊傳輸：如大文件上傳/下載、日誌流同步、實時數據集同步。 W

grpc , websocket

收藏 評論

lxlu 頭像

肥皂泡 - vite+vue3+element-plus自定義主題變量的配置説明

先上配置，具體參數後面説 vite.config.ts 文件 // vite.config.ts import { defineConfig } from 'vite' import ElementPlus from 'unplugin-element-plus/vite' // 用於 API 組件樣式 import Components from 'unplugin-vue-components

vite , vue3 , element-plus

收藏 評論

kestrel_task 頭像

微芒不朽 - Vue3開發技巧：使用jsx快速開發組件

創建項目 pnpm create vite 直接使用模板創建 pnpm create vite my-vue-app --template vue 安裝 JSX 支持依賴 cd my-vue-app npm install @vitejs/plugin-vue-jsx -D 配置 vite.config.js import { defineConfig } from 'vite' import v

vite , jsx , vue3 , 前端 , Javascript

收藏 評論

shijingjing_5ab4aa131e343 頭像

史晶晶 - vue+echarts繪製中國地圖

先介紹一下如何獲取一下china.json文件：阿里雲-DataDv數據可視化平台 也可以自己訪問鏈接：https://datav.aliyun.com/portal/school/atlas/area_selector 聲明：我是vue3項目，根據自己的情況而定 引入： template div id="mapArea" ref="chinaChart" / /te

echarts5.0 , vue3 , echarts

收藏 評論

nihaoanihao 頭像

你好啊你好 - 邊緣吸附組件（vue)

效果Gif圖 使用方式 script lang="ts" setup import EdgeDockable from "***/EdgeDockable.vue"; /script template !-- localStorage 存儲位置時所需要的 key="AI" -- EdgeDockable localStorageKey="AI" template #collap

vue3 , 前端 , Javascript

收藏 評論

qianghandexiang 頭像

強悍的茴香 - Vue狀態管理進化史：從Vuex到Pinia的架構演進與選型指南

引言：狀態管理的必要性演變 在 Vue 應用開發中，隨着組件層級的加深和業務複雜度的提升，組件間共享狀態的需求逐漸凸顯。早期通過 props/events 的"提拉下鑽"模式在小型應用中尚可維持，但當組件樹深度超過3層或需要跨組件共享狀態時，這種模式便暴露出代碼冗餘、維護困難等問題。 狀態管理庫的出現正是為了解決這種"狀態分散"的痛點。從 Vue 官方維護的 Vuex 到社區驅動的 Pinia，狀

vue3

收藏 評論

kobe_fans_zxc 頭像

高級BUG開發 - vue3 上傳插件vue-file-agent-next

一、安裝插件 pnpm add @boindil/vue-file-agent-next 二、基本使用 /* main.ts */ import VueFileAgentNext from "@boindil/vue-file-agent-next"; import "@boindil/vue-file-agent-next/dist/vue-file-agent-next.css"; cons

上傳 , vue3 , 前端

收藏 評論

aitinggedeyuechikou 頭像

愛聽歌的鑰匙扣 - 開源框架驅動的跨境電商系統源碼實戰：Vue3前端架構與微服務後台協同

系統架構設計 本方案採用微服務架構解耦業務模塊，前端基於Vue3構建響應式界面，後端通過Spring Boot微服務集羣實現高併發處理。整體架構採用容器化部署，支持全球多區域彈性擴展。 技術棧推薦表 層級 技術選型 版本/説明 源碼演示 xcxyms.top 前端框架 Vue3 3.4.x + Compos

vue3

收藏 評論

nihaoanihao 頭像

你好啊你好 - 強化 Naive UI n-message-provider 的 to 屬性，實現自由指向

效果 使用示例 script setup lang="ts" import ToMessage from "**/NaiveMessage"; function a() { ToMessage("#a", "測試消息a", { duration: 0, closable: true }); } function b() { ToMessage("#b", "測試消息b", { dura

vue.js , vue3 , 前端

收藏 評論

ruanjiankaifa_xiaofanya 頭像

軟件部長 - 【JVS更新日誌】開源框架升級vue 3、低代碼、企業計劃、智能BI及其他產品迎來新版本！

項目介紹 JVS是企業級數字化服務構建的基礎腳手架，主要解決企業信息化項目交付難、實施效率低、開發成本高的問題，採用微服務+配置化的方式，提供了低代碼+數據分析+物聯網的核心能力產品，並構建了協同辦公、企業常用的管理工具等，所有的應用與能力採用模塊化構建，按需開箱使用。 一、JVS基礎框架（數字化底座） 當前版本：v2.4.X 更新時間：2025.10.15 在線demo：https:

vue3 , 低代碼開發平台 , 開源 , 開源框架

收藏 評論

gkymfrg1 頭像

ohoherror - 數組轉化為樹

將一個數組轉換為一棵樹可以通過遞歸實現。假設我們有一個包含父節點與子節點關係的數組，如下所示： const arr = [ { id: 1, name: 'A', parent_id: null }, { id: 2, name: 'B', parent_id: 1 }, { id: 3, name: 'C', parent_id: 2 }, { id: 4, na

數組 , 樹形結構 , 前端 , Javascript

收藏 評論

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

收藏 評論

junction_640ae1a257911 頭像

Gloria - Java 向Excel中寫入數組

在編輯Excel文檔時，除了藉助辦公軟件手動在工作表中輸入數據外，也可以以編程的方式來進行此項操作。以Java編程為例。通過使用免費版的Free Spire.XLS for Java庫，可以憑藉代碼，輕鬆高效地向Excel寫入一維和二維數組。相關的示例代碼和代碼説明已在下方給出。 程序環境 IntelliJ IDEA 2018 (jdk 1.8.0) 在進行操作之前先導入JAR包，請參考以下

數組 , excel , JAVA

收藏 評論

null_64c3172e40890 頭像

屠龍少年 - C語言取數組地址a、& a、& a[0]三種方式的易錯分析

a 通過數組名可以直接獲得數組的地址 a 使用取地址符同樣也可以獲取數組的地址 a[0] 取數組首元素地址也可以取得數組的地址 #include stdio.h int main(void) { int a[6] = {1, 2, 3, 4, 5,6}; printf("a: %p\n",a); printf("a: %p\n",a);

數組 , 指針 , c

收藏 評論

null_null_null 頭像

NULL - 零長數組初識

前言 本來是解決frr在交叉編譯時，編譯mips架構不可用的問題，後來排查到是因為一個數組的問題，然後無意中看到一個詞---零長數組。嘿，還挺新鮮，以前真沒用過。研究了一下，感覺還挺實用。 例子 廢話不多少，先上例子，看咋用： #include stdio.h #include stdlib.h #include string.h #define MAX_LENGTH 10 // 0長度數組

code , 數組 , Linux , c

收藏 評論

sigui_5f58bd7ced379 頭像

周翔宇 - JavaScript——數組的reduce方法

JavaScript的reduce和reduceRight的作用是通過順序或逆序遍歷數組，從而得到一個結果，原理如下： function myReduce(execute, initValue) { const length = this.length let result for (let i = 0; i length; i++) { if (i =

數組 , reduce , 數組去重 , 前端 , Javascript

收藏 評論

dawanzi_6278b06ec111c 頭像

大丸子 - 使用 Python 合併多個 PowerPoint 幻燈片

在日常工作和報告製作中，將多個 PowerPoint 演示文稿合併成一個 是常見需求。例如，公司季度報告可能包含來自不同部門的幻燈片，或需要將培訓內容整合到統一文件中。通過 Python 和 Spire.Presentation，你可以輕鬆實現幻燈片的合併，無需依賴 PowerPoint 軟件手動操作。 本文將演示如何使用 Python 合併兩個演示文稿，並説明如何選擇 保留原始設計 或 使用目標

ppt , microsoft , powerpoint , 幻燈片 , Python

收藏 評論

yangxiansheng_5a1b9b93a3a44 頭像

羊先生 - ES6彌補了數組的缺陷，請使用Array.of()方法

Array.of()主要是彌補數組構造函數Array()的不足。因為參數個數的不同，導致Array()的重載，Array.of不存在由於參數不同而導致的重載，並且基本上可以用來替代Array()或new Array() Array.of() 靜態方法通過可變數量的參數創建一個新的Array實例，而不考慮參數的數量或類型 官方解釋 基本語法 Array.of()是創建數組的方法，它接收若干個參

數組

收藏 評論

pottercoding 頭像

程序員波特 - 三萬字長文總結常見的線性結構

前言   本篇博客主要是記錄手寫這些這數據結構的底層實現，加深對線性結構的理解，實現自己的一個小型數據結構庫，也會進行簡單的時間複雜度分析，對不同的實現進行比較和優化，即側重於代碼實現。由於數據結構是實踐性比較強的一個科目，希望大家在看這篇博客時，自己也去寫一下代碼，看一下運行結果是不是自己想要的，我也會貼出我的運行結果來進行分析。 數組 數組介紹   數組是在內存中存儲相同數據類型的連續的空間，

數組 , 數據結構 , 鏈表 , JAVA , 隊列

收藏 評論

shashadexiaolongbao 頭像

shashadexiaolongbao - leetcode——數組算法——前綴和構建和應用

leetcode——數組算法——前綴和構建和應用 前綴和技巧適用於快速、頻繁地計算一個索引區間內的元素之和 303. 區域和檢索 - 數組不可變 比如leetcode 303. 區域和(檢索 - 數組不可變) 題目介紹： 給定一個整數數組 nums，處理以下類型的多個查詢: 計算索引 left 和 right （包含 left 和 right）之間的 nums 元素的 和 ，其中 left =

數組 , 算法 , 前綴和

收藏 評論

dawanzi_6278b06ec111c 頭像

大丸子 - 使用 Python 向 PDF 添加附件與附件註釋

在文檔管理和報表生成中，將相關文件直接嵌入 PDF 可以大大提高信息整合度，讓收件人無需額外查找即可訪問所有資源。Python 結合 Spire.PDF，可以輕鬆實現 PDF 附件的添加與註釋功能，無需依賴 Adobe Acrobat。 本文演示如何在 同一 PDF 文件中實現 直接添加附件和添加附件註釋，並説明每個操作的作用和適用場景，幫助你真正理解 PDF 附件處理的邏輯。 本文使用的方法需要

pdf導出 , attachment , 註釋 , pdf , Python

收藏 評論

liuhuzidepidai_wtj2x 頭像

liuhuzidepidai_wtj2x - Python中數組示例代碼

Python中數組示例代碼 在Python中，數組通常使用列表(list)來實現。以下是一個簡單的數組示例，包括創建、訪問和修改數組元素的操作。 python # 創建數組 arr = [1, 2, 3, 4, 5] # 訪問數組元素 print("第一個元素:", arr[0]) # 輸出: 第一個元素: 1 print("第三個元素:", arr[2]) # 輸出:

數組

收藏 評論

apifox 頭像

Apifox - 探索 JavaScript：every()方法背後的邏輯

JavaScript 語言的核心足夠大，以至於很容易誤解其某些部分的工作方式。我最近在重構一些使用every()方法的代碼時發現，我實際上並沒有完全理解其背後的邏輯。在我的腦海中，我假設回調函數必須被調用並返回true，every()才會返回true，但實際情況並非如此。對於一個空數組，every()無論回調函數是什麼都會返回true，因為那個回調函數從未被調用。考慮以下情況： function

數組 , 前端工程師 , 程序員 , 前端 , Javascript

收藏 評論

refanbanzhang 頭像

熱飯班長 - 數組方法中的slice與toSpliced

方法羅列 方法 是否修改原數組 返回值 slice 否 包含摘取元素的新數組 toSpliced 否 不包含被刪除元素的新數組 slice 獲取指定位置的元素，然後將這些元素作為數組返回。 函數簽名： slice([start], [end]) start摘取開始位置 e

數組 , 前端 , Javascript

收藏 評論