tag Javascript

標籤
貢獻1,371
1579
06:37 AM · Oct 27 ,2025
tuzixiansen_63d4d65909d62 頭像 invalidnull 頭像 yayu 頭像 icecreamlj 頭像 lengxi_16 頭像 u_15469972 頭像 tanking 頭像 codesheep_pro 頭像 u_15943685 頭像 refanbanzhang 頭像 jdcdevloper 頭像 u_17141077 頭像

@Javascript / 博客 RSS 訂閱

tuzixiansen_63d4d65909d62 頭像

兔子先森 - uniapp微信小程序請求麥克風授權

首先找到manifest.json文件，開啓微信小程序授權請求 "permission": { "scope.record": { "desc": "需要使用麥克風進行語音錄製" // 此處描述需符合微信規範 } } 然後通過uni.getSetting查詢麥克風授權狀態 麥克風的scope值為scope.record，如果已授權則直接返回，若

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

收藏 評論

jizaodebangbangtang 頭像

文心快碼 - 用Zulu輕鬆搭建國慶旅行4行詩網站

國慶已至，小夥伴們都要去哪裏旅行呀？是人傑地靈的杭州，還是熱辣滾燙的重慶？不如就用Zulu開發一個“國慶旅行4行詩網站”，用詩情畫意，勾勒出祖國山河的美好～ 網站開發，大概用了1小時不到，包含項目初始化、AI生成功能增強、UI優化這幾個關鍵步驟。 1.項目初始化 對Zulu鍵入第一條Prompt： 我想在當前目錄創建一個國慶旅行四行詩AI生成器網站，輸入旅行城市（到市級），即可輸出對應

css3 , 前端 , html5 , Javascript

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - uniapp微信小程序長按功能

現在要實現一個按鈕長按的功能，大概有如下幾個要點： 1、長按按鈕，按鈕覆蓋整個輸入框 2、長按的過程中移動手指，判斷手指移動的位置是否在按鈕內 3、長按鬆開，按鈕還原 按鈕結構如下： view id="audio-full" :class="[ 'audio-full', isLongpress 'touch-longpress'

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

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - 流式輸出-建立SSE連接-01

什麼是流式輸出 流式輸出，也稱為流式傳輸，指的是服務器持續地將數據推送到客户端，而不是一次性發送完畢。這種模式下，連接一旦建立，服務器就能實時地發送更新給客户端。 人話講就是跟接口建立連接，只要接口不斷開，服務器就能實時的把信息發送給前端，AI流式輸出中，接口每次返回一小段話，前端拿到後流式渲染即可。 有點類似websocket，但SSE是單向的 fetch-event-source

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

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - 流式輸出-流式渲染-02

現在有很多框架實現了流式渲染，我在這裏例舉幾個： React框架 ● Ant-Design-X Vue框架 ● Element-Plus-X ● MateChat （PC/H5雙端兼容） H5移動端 ● ChatUI-React 這裏以MateChat框架做示例，MateChat是一個獨立的AI對話組件，不與其它UI框架關聯，可直接引入項目使用。 一般的流式渲染分兩種

vue.js , HTML , 前端 , Javascript

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - 一個手寫的vue3錄音組件，支持錄音波紋、外觀自定義調節

該組件有兼容問題，MAC上不可用，需注意，這裏僅用來做記錄，如需音頻功能，可使用Recorder.js，方案很成熟。 組件如下： template div class="container" ref="container" canvas id="visualizer" ref="canvas"/canvas /div /template script setup lang=

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

收藏 評論

xixu 頭像

Xi_Xu - 深入剖析 Xget：一個高性能、多協議、高安全性的開發者資源加速引擎

在當今的軟件開發領域，開發者們需要與全球範圍內海量的資源進行交互，包括代碼存儲庫、軟件包、AI 模型、容器鏡像等等。然而，由於網絡延遲、地理位置等因素，訪問這些資源時常常會遇到速度緩慢、連接不穩定等問題，極大地影響了開發效率。為了解決這一痛點，Xget 應運而生。它不僅僅是一個簡單的代理或鏡像，而是一個經過精心設計、集高性能、多協議支持和企業級安全於一體的開發者資源加速引擎。 本文將深入剖析

github , 算法 , 程序員 , 後端 , Javascript

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - 前端Audio常用API

1、實例化new AudioContext(); 2、AudioContext.decodeAudioData解析音頻 3、創建AudioBufferSourceNode接口source 4、給AudioBufferSourceNode接口提供Buffer用以播放：source.buffer = buffer 5、播放結束後開啓下一輪播放： source.onended =

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

收藏 評論

jump_and_jump 頭像

jump__jump - 超長定時器 long-timeout

在 JavaScript 開發中，定時器是常用的異步編程工具。然而，原生的 setTimeout 和 setInterval 存在一個鮮為人知的限制：它們無法處理超過 24.8 天的定時任務。 對於前端開發來説，該限制不太會出現問題，但是需要設置超長定時的後端應用場景，如長期提醒、週期性數據備份、訂閲服務到期提醒等，這個限制可能會導致嚴重的功能缺陷。 JavaScript 定時器的限制 原理 Ja

定時器 , node.js , cron , settimeout , Javascript

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - 前端wavesurfer.js錄音+波形功能

vue3項目，主要通過wavesurfer.js實現前端錄音+實時波形渲染 template div class="audio-container" @click="onStop" div class="flex-between audio-box" v-if="!transform" div你可以開始説話/div div class="audio" id="w

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

收藏 評論

shuirongshui 頭像

水冗水孚 - 以React+Vite為例實現web項目版本發佈後，通知用户刷新頁面獲取最新資源

需求技術選型 1. 純前端實現——前端輪詢方案 原理：前端定時（如每一分鐘）發送請求（如請求version.json文件），對比本地存儲的版本號與服務器返回的版本號，若不一致則提示更新。 優點：實現簡單（無需後端複雜邏輯，僅需一個靜態版本文件），兼容性極好（所有瀏覽器支持）。 缺點：實時性差有延遲（依賴輪詢間隔）。 適用場景：小型項目、對實時性要求低（如非高頻更新的工具類網站）、快速迭代

react , vite , Nginx , Javascript

收藏 評論

fkcaikengren 頭像

瘋狂踩坑人 - 【面試系列】萬字長文，讓面試沒有難撕的JS基礎題

背景介紹： 從研一剛開始找實習到現在秋招，這一路經歷了不少八股拷打，經常被要求手撕一些js基礎題，每次面試完後不語，只是默默打開筆記，把被問到的八股/手撕自己整理，方便日後複習。因此，記錄了很多手撕題，在此做個分享，有誤之處歡迎討論指正。 下面的幾乎每道題都是筆者被大廠問到過的，都是些基礎的題目，基礎不牢地動山搖，書到用時方恨少啊~。切忌走馬觀花，務必深刻理解爛熟於心。建議

面試 , 知識 , 前端 , Javascript

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - 前端recorder-core實時錄音並繪製波形，blob常規數據格式

npm：https://www.npmjs.com/package/recorder-core npm install recorder-core 這裏是常規錄音，每次結束後返回完整音頻blob，中間返回，並且結束後關閉音頻錄製並清空緩存 下面是一個vue3+ts+arco.design的案例，直接複製到項目中運行即可 template div class="snow-page"

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

收藏 評論

columsys 頭像

Columsys - Zess：⚡ 一個性能超越 Vue 且直逼 Solid 的輕量編譯型 JS 框架

引言 作為一名前端開發者，我一直有個未完成的計劃，那就是獨立構建一個符合個人技術理念的 JavaScript 框架。最初的想法是圍繞虛擬 DOM 進行設計，但進入2025年，前端技術日新月異，各類框架層出不窮且競爭激烈，虛擬 DOM 已不再是當下的主流方案。因此我調整了計劃，並決定立即開啓項目。 2025年上半年，這個項目進入實際開發階段，並於今年10月在 npm 上發佈。 本文不會深入技術細節，

vue.js , typescript , npm , 前端 , Javascript

收藏 評論

codesheep_pro 頭像

CodeSheep - JetBrains官宣，又一個IDE可以免費用了！

提到 JetBrains 這家公司，相信搞開發的同學應該都不陌生。 該公司盛產各種編程 IDE 和開發工具，雖然 2000 年才成立，到現在卻已經發布了超 30 款世界頂級的編程軟件，同時也收穫了來自全球範圍內開發者和用户的青睞。 眾所周知，從去年開始到今年 JetBrains 曾經搞過一系列大動作，那就是： 陸續官宣了 WebStorm、Rider 以及 CLion 這幾款強大的 IDE 對

JAVA , SQL , 後端 , 前端 , Javascript

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - 前端H5錄音實時幀回調-波形配置- Recorder.js

在H5端我們必須使用canvas作為容器來顯示波紋效果，這在官網上有詳細説明 這裏我定義了一個waveConfig變量用作波形的配置，具體的參數下文寫的很詳細，需要注意一點，compatibleCanvas參數綁定的是canvas容器，而且得是在canvas掛載後才能綁定。 // 創建音頻可視化圖形繪製對象 waveConfig.compatibleCanvas = recw

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

收藏 評論

gomi 頭像

Gomi - 加速你的 Bun 並行開發：bun-tasks 全攻略

加速你的 Bun 並行開發：bun-tasks 全攻略 如果你在 Bun 項目裏需要同時運行多個腳本，又不想為兼容性煩心，bun-tasks 會是最順手的選擇。這個專為 Bun 設計的並行任務運行器，幫你在一條命令中啓動多個任務、智能合併環境變量，並自動識別 package.json 中的腳本。只要先確認環境裏 bun --version 可用，就能即刻體驗 Bun 原生的多任務流程。 為什麼選擇

node.js , bun.js , npm , 前端 , Javascript

收藏 評論

yangy5hqv 頭像

夢想雲圖網頁CAD - (JS實現編輯DWG文件)網頁CAD SDK集成方法

前言 我們基於mxcad創建了一個在線的CAD項目，該項目中包含了預覽、編輯圖紙、操作圖紙數據庫等多種CAD功能。用户集成後支持二次開發。當前我們提供了兩種集成方式，方案1：通過iframe集成mxcad項目；方案2：直接在項目中集成mxcad-app插件。 下面我們詳細講解第2種mxcad-app的集成方式，這種方式與iframe嵌套集成相比更加方便，集成後也只需要維護當前一個系統項目。

node.js , typescript , html5 , Javascript

收藏 評論

tuzixiansen_63d4d65909d62 頭像

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

看到這裏的時候一定要理解並運行上文的《前端H5錄音實時幀回調-波形配置- Recorder.js》，這樣對Recorder有個概念。 1、通過onProcess回調可實現錄音的實時處理，onProcess的buffers參數內容為pcm數組（16位 LE小端模式 Little Endian），能直接流式的將數據進行上傳； 2、onProcess內的buffers參數為所有的PCM集合，

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

收藏 評論

hightopo 頭像

hightopo - 智慧鋼廠高爐冶煉仿真分析 | 圖撲數字孿生

鋼鐵冶煉中，高爐鍊鐵因機理複雜呈“黑箱”特性，傳統方法難以精準感知爐內狀態。而高爐領域的核心技術——計算機輔助工程（CAE）仿真技術體系，雖能通過有限元分析（FEA）解析爐體結構應力、侵蝕規律，藉助計算流體動力學（CFD）還原爐內氣流、温度場流動特性，深度解析爐內物理場與反應機理，卻因分析結果抽象、難落地、國外技術壁壘等影響，使其價值難以充分釋放。 效果展示 圖撲軟件依託自研2D/3D可視化渲染與

工業物聯網 , 可視化 , 前端 , html5 , Javascript

收藏 評論

htdaydayup_5da2d7a6d4888 頭像

圖撲軟件 - 拯救工業組態 HMI 人機界面

在工業互聯網、智慧城市、物聯網等領域的可視化應用中，2.5D效果因其獨特的優勢成為關鍵設計方向：它既保留了二維圖形的性能高效性，又通過立體透視營造出三維空間的層次感，使數據與設備關係一目瞭然。這種介於純2D與全3D之間的視覺表達，既能直觀展示覆雜系統的空間結構，又規避了完全3D場景的算力負擔，堪稱Web可視化場景中的“黃金平衡點”。 HT for Web作為成熟的Web圖形引擎，為開發者提供了高

工業互聯網 , 可視化 , 前端 , html5 , Javascript

收藏 評論

tuzixiansen_63d4d65909d62 頭像

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

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

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

收藏 評論

hsr2022 頭像

後山人 - Raise Admin (鋭智後台管理系統)： 重新定義 PHP 後台開發效率與安全

Raise Admin (鋭智後台管理系統)：重新定義 PHP 後台開發效率與安全 嘿，各位 PHP 和 Vue 社區的開發者朋友們！ 你是否曾深陷於一遍又一遍搭建後台管理的重複勞動中？ 是否為確保系統的權限和數據安全而絞盡腦汁？ 是否夢想着能有一款工具，讓你專注於核心業務邏輯，而不是繁瑣的底層架構？ 今天，我們向你隆重介紹 Raise Admin (鋭智後台管理系統) —— 一款基於

vue.js , php , Javascript

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - uniapp一個透明佔位的nav-bar組件

該組件是一個透明佔位的頭部nav-bar組件，組件的大小位於最頂部一直到膠囊底部的位置，如下： 內部提供一個插槽，這個插槽的高度跟膠囊的高度一致，你可以自定義一些按鈕，跟膠囊對齊 template view :style="{ height: navBar.totalHeight + 'px', back

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

收藏 評論