博客 RSS 訂閱

tuzixiansen_63d4d65909d62 頭像

兔子先森 - PC瀏覽器端-MP3錄音+實時幀回調+流式上傳-Recorderjs

看到這裏的時候一定要理解並運行上文的《前端recorder-core實時錄音並繪製波形，blob常規數據格式》，這樣對Recorder有個概念。 在創建錄音對象的時候有一個takeoffEncodeChunk回調，該回調為實時編碼環境，會接管編碼器輸出。 當編碼器實時編碼出一塊有效的二進制音頻數據時實時回調此方法，也就是説每次獲取到有效的二進制音頻數據takeoffEncodeChun

react , vue.js , HTML , 前端 , Javascript

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - unaipp內使用pinia以及持久化緩存

vue3版本的uniapp內置pinia，無需額外引入，有了pinia後就不需要App.vue內的globalData了，pinia還是響應式的，更好、更強大 main.js內配置 import App from './App' // #ifndef VUE3 import Vue from 'vue' import './uni.promisify.adaptor' Vue.co

react , vue.js , HTML , 前端 , Javascript

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - uniapp微信小程序AI對話SSE流式輸出

微信小程序版本，主要針對AI對話的流式輸出，這裏主要有兩個要點 **1、如何流式渲染 2、如何建立SSE連接** 我們先從看得見的渲染開始着手，能渲染出來後再建立SSE做流式輸出 流式渲染 這裏使用uniapp插件市場的：zero-markdown-view 插件市場搜索直接下載導入到項目裏就可以用了 頁面使用： zero-markdown-view :theme-c

react , vue.js , HTML , 前端 , Javascript

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - uniapp自動滾動到底，上滑取消置底-錨點滾動

主要通過scroll-view組件來實現，比手動js獲取高度、判斷啥的更方便，而且官方支持 滾動到底 實現思路，通過錨點滾動實現，官方支持 view id="chat-main" scroll-view class="chat-main-inner" :lower-threshold="15" :scroll-into-view="targetId" scroll-y="t

react , vue.js , HTML , 前端 , Javascript

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - uniapp微信小程序流式錄音-PCM

uniapp在微信小程序中使用Record.js 先安裝核心依賴 npm install recorder-core 然後插件市場下載插件 頁面結構，我們需要一個canvas元素來承載波形的繪製，canvas需要設置大小，下面的代碼可以直接複製使用 template view class="recorder-box" canvas type

react , vue.js , HTML , 前端 , Javascript

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - VueZone-H5開發模板的一些常用功能

官網：https://vue-zone.github.io/docs/ github：https://github.com/vue-zone/vue3-vant-mobile 這是一個開源的vue3+vite的H5模板，多端設備兼容方式為 px - vw 和 rem 已接入過項目，親測好用，沒有過多配置，拉代碼啓動就能用了。 你可以把它當成一個已經搭好的架子，你只需要往裏面

react , vue.js , HTML , 前端 , Javascript

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - uni.connectSocket與@microsoft/signalr連接

之前做web頁面的時候，前後端用的@microsoft/signalr庫做長連接，現在微信小程序不支持signalr庫的直接使用，uniapp微信小程序的websocket長連接只能用uni.connectSocket，所以我們要用uni.connectSocket實現與signalr庫的長連接。 頁面結構 view button @click="onLink"啓動連接/bu

react , vue.js , HTML , 前端 , Javascript

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - uni.connectSocket真機調試報錯open fail:_code:20,_msg:Invalid HTTP

在微信開發者工具上uni.connectSocket的連接是正常的，一旦到真機預覽就連接報錯了，不管是真機預覽還是體驗版真機都會報錯。 真機報錯如下：open fail:_code:20,_msg:Invalid HTTP 最後在查找各種資料發現websocket的url不能包含特殊字符，必須轉碼才可以 比如我下面在url上拼接了一個token，這個token可能包含特殊字符（

react , vue.js , HTML , 前端 , Javascript

收藏 評論

dawanzi_6278b06ec111c 頭像

大丸子 - 使用 Python 將 PowerPoint 轉換為 HTML 網頁

在工作中，我們經常需要將 PowerPoint 演示文稿分享給同事或者嵌入到網站中。然而，如果直接發送 PPT 文件，不僅需要接收方安裝 PowerPoint，還可能存在兼容性問題。將演示文稿導出為 HTML 網頁是一種很好的解決方案，它可以直接在瀏覽器中查看，既方便分享，又便於在網站或培訓平台上展示。 手動將 PPT 導出為 HTML 文件可能比較繁瑣，尤其是需要保持原有排版和樣式時。藉助 Fr

ppt , powerpoint , 轉換 , HTML , Python

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - 前端封裝一個流式音頻自動播放的類

這個類會根據websocket返回的base64音頻數據自動緩存播放，你可以修改緩衝音頻時長，可以播放和暫停 import { base64ToArrayBuffer } from '@/utils/AudioTools'; class AudioPlay { // AudioContext audioContext: AudioContext | any = null; // Au

react , vue.js , HTML , 前端 , Javascript

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - 封裝uniapp微信小程序流式語音播放類

uniapp微信小程序端的websocket返回的base64音頻數據自動緩存播放，你可以修改緩衝隊列數，可以播放和暫停 class AudioPlay { constructor() { // createInnerAudioContext this.audioContext = uni.createInnerAudioContext();

react , vue.js , HTML , 前端 , Javascript

收藏 評論

sysin 頭像

sysin - NetScaler Console 13.1 Build 58.21 發佈 - 集中管理 NetScaler

NetScaler Console 13.1 Build 58.21 (ESXi, Hyper-V, KVM, Xen) Formerly known as Citrix ADM - 集中管理 NetScaler 請訪問原文鏈接：https://sysin.org/blog/netscaler-console-13/ 查看最新版。原創作品，轉載請保留出處。 作者主頁：sysin.org NetS

HTTP

收藏 評論

yansudehai_ty9er 頭像

yansudehai_ty9er - MCP 協議：為什麼 Streamable HTTP 是最佳選擇？

MCP（Model Context Protocol）協議是一個用於 AI 模型和工具之間通信的標準協議。隨着 AI 應用變得越來越複雜並被廣泛部署，原有的通信機制面臨着一系列挑戰。近期 MCP 倉庫的 PR #206【1】 引入了一個全新的 Streamable HTTP 傳輸層替代原有的 HTTP+SSE 傳輸層。本文將詳細分析該協議的技術細節和實際優勢。 要點速覽 Streamable

協議 , HTTP , 性能

收藏 評論

cricis 頭像

好文收藏 - 性能比拼: HTTP/2 vs. HTTP/3

本內容是對知名性能評測博主 Anton Putra HTTP/2 vs. HTTP/3 performance benchmark 內容的翻譯與整理, 有適當刪減, 相關指標和結論以原作為準 在本內容中，我們將比較 HTTP/2 和 HTTP/3 協議。 我們將使用 Terraform 和 Ansible 在 Google Cloud Platform (GCP) 中創建基礎設施，然後從源代碼配置

HTTP , HTTPS

收藏 評論

seact 頭像

Seact - nginx 進行 http 端口轉發 header 修改 (for SillyTavern)

故事背景 通過 cloudflare tunnel 訪問vps服務器上的 sillytavern 使用 nginx 端口轉發, 限制為僅允許 tunnel 發起的本地訪問, 並修改請求header除去 安裝 nginx sudo apt-get install nginx 檢查服務狀態 systemctl status nginx 修改配置 修改 /etc/nginx/nginx.conf

VPS , HTTP , Nginx

收藏 評論

xingguangshanshan 頭像

星光閃閃 - GCMS調諧報告中發現半峯寬超過0.65的調整方法

質譜儀GCMS的調諧報告中發現半峯寬超過0.65，可以按照以下步驟進行調整： 檢查儀器狀態 真空狀態：確保分子渦輪泵的轉速達到百分之100，真空系統正常運行。如果真空狀態不佳，可能會影響峯寬。 離子源和四極杆温度：確認離子源温度為230℃，四極杆温度為150℃，並確保這些温度穩定。 清潔離子源和四極杆 離子源：如果離子源受到污染，可能會導致峯寬增加。可以考慮進行離子源的清潔。 四極杆

數據挖掘 , HTTP , 數據庫 , 人工智能 , 深度學習

收藏 評論

yuhuashi_584a46acea21f 頭像

雨花石 - 前端瀏覽器緩存

一、瀏覽器緩存簡介 1、瀏覽器通過緩存服務器返回的資源（針對靜態資源和get請求），減少傳輸壓力，提高訪問速度。 2、那麼緩存的目標應該是：資源可以被緩存 + 保證不使用過期的資源 + 服務器資源部分更新的時候不能導致新舊文件內容不一致。所以可以結合實際情況，設置適當的緩存策略。 3、瀏覽器無緩存的過程： 瀏覽器請求 --- 無緩存 --- 請求WEB服務器 --- 請求響應 -

HTTP , HTTPS , 安全 , 前端

收藏 評論

hawawahahahawa 頭像

哈哇哇哈哈哈哇 - HttpUtil請求工具類（基於OkHttp）

在系統編寫的時候，常常會與外圍系統的接口進行對接，或者調用一些子系統的接口，那麼此時會涉及到http請求。 在以往，我沒有采用統一的方式編寫這類程序，會使用hutool、RestTemplate，所以，在此，我想給自己編寫一套統一的請求方式，以便學習。 採用框架：OkHttp3，原因是瞭解到此框架性能良好，安全性好。 需求： 普通的get、post請求 異步的post請求 OkHttp基礎

HTTP , JAVA

收藏 評論

euphoria 頭像

Leojx - 使用 Curl 和 PHP 壓縮 HTTP 請求

壓縮是一種提升網頁和 Web 應用性能的重要且高效的手段。對於 HTML、CSS、JavaScript、SVG 等基於文本的資源，通常在服務器端進行壓縮後傳輸至客户端，再由瀏覽器進行解壓，這一過程能夠顯著降低帶寬消耗和縮短傳輸時間。 這一壓縮與解壓的過程對服務器和瀏覽器來説是透明的：服務器在發送資源前自動完成壓縮，而瀏覽器在渲染前會自動解壓。服務器端的軟件和前端開發人員通常無需直接處理壓縮或解壓

php , HTTP , 壓縮 , curl

收藏 評論

euphoria 頭像

Leojx - 帶有 PHP Curl 擴展的 HTTP/3 請求

HTTP/3 是 HTTP 的第三個主要版本，基於 QUIC。與依賴 TCP 的 HTTP/1.1 和 HTTP/2 不同，HTTP/3 基於名為 QUIC 的多路複用 UDP 協議。HTTP/3 與 TLS 1.3 配合使用，可以顯著提升性能並降低延遲。儘管 HTTP/3 更改了許多傳輸層語義（例如從 TCP 轉換為 UDP），但請求標頭、請求方法、響應和狀態碼的 HTTP 語義仍然保持不變。

http3 , php , HTTP , curl

收藏 評論

baqideyaling 頭像

霸氣的啞鈴 - 用一個API接口批量查詢A股、港股、美股的K線數據

在實際開發中，我們經常需要從多個股票市場中獲取行情數據，尤其是在構建交易所、量化交易系統或跨市場套利策略時，對接實時、多市場的行情接口幾乎是剛需。然而，市面上大部分的行情服務產品只支持單一市場，比如只提供 A 股或美股數據；即便支持多個市場，也往往需要分別調用不同的接口，增加了開發成本和維護複雜度。 特別是對於K線數據的實時獲取需求，不少接口要麼延遲大、要麼授權複雜、價格昂貴，真正能夠同時支持 A

資訊 , HTTP , 教程 , 程序員 , 後端

收藏 評論

yqyx36 頭像

雲輕雨細 - WebSocket、Socket、TCP 和 HTTP 的真實差別

前言 在現代網絡世界中，WebSocket、Socket、TCP 和 HTTP 就像四位性格迥異的通信使者。它們各司其職，有的擅長短平快的交流，有的精通持久連接的深情對話。 但你是否真正理解它們之間的區別？又該如何為你的項目選擇最合適的“通信方式”？今天，我們就來揭開這些神秘協議的面紗，用小白也能聽懂的語言，帶你走進網絡世界的“語言系統”。 一、四位“通信使者” 🌐 HTTP：禮貌周到的“前台

websocket , socket , HTTP , tcp-ip

收藏 評論

gaodadepijiu 頭像

gaodadepijiu - 一文讀懂，SSL證書怎麼做驗證？

SSL證書目前已經有越來越多的企業網站開始使用，安裝SSL證書後，原有的http協議將會變成安全性更好的https加密協議，這對保護用户的信息安全，保障企業及用户的利益起着重要作用。 一張SSL證書的獲取，需要經歷不少環節，其中比較重要的一點就是，SSL證書的簽發需要驗證通過後才能簽發。驗證能否通過，直接關係着用户能不能獲取證書。那麼SSL證書是如何驗證的？有沒有操作上比較方便的驗證方式？ 我們以

ssl證書 , 部署 , 網絡安全 , HTTP

收藏 評論

shiwangdehongshu 頭像

辣椒http出海 - TikTok短劇變現矩陣賬號打造2025：全方位指南

一、怎麼做好TikTok短劇？ 短劇作為TikTok內容的重要形式，想要脱穎而出，必須從內容、投放和賬號運營三方面全方位發力。 1. 內容優化 優質的內容是短劇成功的基石。創作者需關注劇情設計的緊湊性和觀眾的觀看體驗： ● 劇情緊湊：短劇時長有限，情節要有吸引力，避免冗長拖沓 ● 角色塑造：人物形象鮮明，易於觀眾產生共鳴 ● 場景設計：合理利用道具和場景，提升視覺體驗 ●

賬號設置 , socks5 , HTTP , 知識 , tiktok

收藏 評論