tag 前端

標籤
貢獻1,072
2936
06:37 AM · Oct 27 ,2025

@前端 / 博客 RSS 訂閱

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

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

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

收藏 評論

前端小李子 - uniapp絲滑實現主題切換功能的方式(全兼容)

記得剛畢業實習的時候,第一個需求就是如何實現小程序的主題切換。大家都知道,剛畢業的時候,啥也不會,一通亂改,還好最後老闆不計劃把原來的老的小程序改為uniapp寫,不然,我怕剛進公司就得被踢出公司。 話説回來,在職場摸爬滾打之後,最近正在做一款工具類的小程序 ToolMaster,剛好就想到了做一下主題色的切換。目前已經出效果了,起碼兼容微信小程序平台,大家也都知道微信小程序的情況,所以我覺得全平

vue.js , 微信小程序 , uniapp , 前端

收藏 評論

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

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

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

收藏 評論

兔子先森 - 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 - 智慧鋼廠高爐冶煉仿真分析 | 圖撲數字孿生

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

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

收藏 評論

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

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

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

收藏 評論

xiaohe0601 - 👋 一起寫一個基於虛擬模塊的密鑰管理 Rollup 插件吧(四)

上一章 我們成功將插件遷移到 Unplugin 插件系統,使其同時支持 Vite、Rollup、Webpack、Esbuild 等多種構建工具,讓更多用户都能輕鬆體驗到我們基於虛擬模塊的密鑰管理方案。 然而,儘管我們的插件功能已經完整實現,但是在未來的迭代過程中仍然存在潛在風險。插件可能因為版本更新、構建工具差異或者代碼修改而出現功能迴歸、虛擬模塊解析異常或類型聲明生成不正確等問題。 為了確保插件

插件 , vite , rollup , typescript , 前端

收藏 評論

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

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

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

收藏 評論

伊伊DK - 爆款手遊源碼揭秘:如何低成本搭建自己的“暗區突圍”工具箱? 別再做“肝帝”!

你是否在《暗區突圍》中為了熟悉地圖、記憶物資點而跑斷腿?是否因為記不住槍械配裝數據而反覆試驗?真正的“大佬”,不僅槍法好,更是善於利用工具的“科學家”。核心理念: 我們不修改遊戲客户端,不注入內存,不封號。我們通過“外部觀察”和“數據分析”來提升遊戲理解。 核心技術揭秘——“一鍵搭建”的魔法 我們採用 Python 作為核心語言,因為它擁有極其豐富的開源庫,堪稱“膠水語言”,能快速粘合

php , 前端

收藏 評論

點量實時雲渲染 - 點量雲流核心技術解析:構建高性能數字孿生的三大架構設計

當前,數字孿生正處於一場深刻的範式變革之中:其價值核心正從靜態的可視化,向動態的決策智能加速遷移。然而,這一進程正面臨一個根本性的挑戰:高精度模型所帶來的龐大計算需求,與終端側有限的本地算力之間,形成了一道難以逾越的鴻溝。此矛盾已成為制約數字孿生在廣度與深度上實現規模化應用的核心瓶頸。 在此背景下,基於雲端協同的實時渲染技術,正成為破局的關鍵——它並非簡單的遠程顯示,而是旨在徹底打破終端的物理限

虛擬現實 , 雲計算 , 數字圖像 , 負載均衡 , 前端

收藏 評論

瘋狂踩坑人 - 【面試系列】萬字長文,總結瀏覽器十大問題

一、瀏覽器對象模型(BOM)有哪些屬性 這裏不會詳細介紹每個BOM屬性(確實沒必要哈)。主要是圍繞BOM,發散一些常見的面試題,看看是如何回答的。 BOM的屬性: window location navigator history screen location - hash路由 http://foouser:barpassword@www.wrox.com:80/WileyCDA/

chrome , 教程 , 知識 , 前端

收藏 評論

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

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

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

收藏 評論

伊伊DK - 源碼搭建 + 私域運營:陪玩小程序從 0 到 1 的變現閉環搭建

源碼搭建陪玩小程序並結合私域運營,核心是通過 “小程序承接流量與交易,私域沉澱用户並復購”,最終形成 “獲客 - 轉化 - 留存 - 復購” 的完整變現閉環,關鍵在於兩者的高效聯動。 一、基礎:用源碼搭建適配私域的陪玩小程序 源碼搭建階段需提前預留私域入口,避免後期二次開發,重點做好 3 個核心設計。 預留私域引流入口 強化用户標籤體系 打通交易與私域數據

php , 前端

收藏 評論

xiaohe0601 - 🎉 Uni ECharts 2.0 正式發佈:原來在 uni-app 中使用 ECharts 可以如此簡單!

Uni ECharts 是適用於 uni-app 的 Apache ECharts 組件,無需繁瑣的步驟即可輕鬆在 uni-app 平台上使用 echarts。 官網 文檔:https://uni-echarts.xiaohe.ink Github:https://github.com/xiaohe0601/uni-echarts 🤓 為什麼選擇 Uni ECharts ? 🚀 快速上手

vue.js , uni-app , echarts , typescript , 前端

收藏 評論

CodeSheep - 大家有沒有發現一個奇特現象:你能在一個公司工作 12 年以上,無論你多忠誠多賣力,一旦公司賺的少了,那你就成了“眼中釘肉中刺”

最近在網上刷到一個職場帖子,原文差不多是這樣: “大家有沒有發現一個奇特現象:你很忠誠,能在一個公司工作 12 年以上,無論你態度多好多賣力,一旦公司賺的少了,那你就成了“眼中釘肉中刺”。 他們不會顧及你的任何貢獻,把你視作包袱,視作成本,然後不顧廉恥和情面,要麼降薪,要麼轉崗,狠一點不發年終獎,更狠一點暴力優化,故意耽誤你的時間成本……” 説實話,剛刷到這個話題時,看完心裏一陣揪揪。

JAVA , 程序員 , 後端 , 前端 , Javascript

收藏 評論

兔子先森 - 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

收藏 評論

伊伊DK - 自帶用户粘性 buff:小程序圈子系統的 5 大核心功能解析

核心定位與口號** 首先,我們可以將您的標題精煉成更易傳播的口號: 主口號:自帶用户粘性Buff!揭秘小程序圈子的5大核心功能 副口號:從“用完即走”到“用了再來”,打造高粘性私域社區的秘訣就在這裏。 功能 1:話題聚合功能 —— 讓用户 “有地兒聊” 這是搭建圈子交流框架的基礎,能精準匹配用户興趣。 粘性邏輯:用户能快速找到自己感興趣的內容板塊,避免信息

php , 前端

收藏 評論

beckyyyy - WebSSH的簡單實現

今天我們來看WebSSH的簡單實現。 因為web的便利性,很多傳統功能都有了web端的實現,WebSSH就是其中之一,我是第一次接觸,所以來記錄一下使用。 WebSSH支持終端交互,主要可以分為兩部分,第一是頁面輸入命令行並傳遞給遠程終端,第二是展示命令執行結果,這兩部分現在都已經有具體實現的庫了,所以我們只需要把它們組合起來。 在具體實現之前,需要先準備一個遠程終端,我這裏用的是VMware創建

node.js , websocket , terminal , SSH , 前端

收藏 評論

大廠碼農老A - 凌晨零點,一個TODO,差點把我們整個部門抬走

那晚杭州的悶熱,至今記憶猶新。 2021年,我剛來到杭州這座“卷城”,入職了一家夢想中的互聯網大廠。作為一名電商新人,我一頭扎進了促銷和會場的研發中。 那晚,我們正為一個S級的“會員閃促”活動做最後的護航,它將在零點準時生效。作戰室裏燈火通明,所有人都盯着大盤,期待着活動上線後,GMV曲線能像火箭一樣發射。 然而,我們等來的不是火箭,而是雪崩。 剛過0點,登登登登… 告警羣裏的消息開始瘋狂刷屏,聲

springboot , JAVA , 故障 , 後端 , 前端

收藏 評論

煩惱的沙發 - 我的Python工具箱,不用加班的秘密

一個程序員的成長,除了寫代碼,很大一部分也在於不斷髮現和運用更好的工具。分享8個大大提高工作效率的工具,同事還在加班的時候,你都回到家了。 ServBay:本地開發環境的基石 無論做什麼開發,一個穩定、隔離、易於管理的環境都是基礎。ServBay幫我把這個基礎打得非常牢固。 多版本共存:我可以在一台電腦上同時安裝和運行多個Python版本,維護老項目用2.7,新項目就用3.11,互不干擾。如

觀點 , 資訊 , 後端 , 前端 , Python

收藏 評論

wszgrcy - Angular的無選擇器(Selectorless)非官方實現

Angular的無選擇器(Selectorless)非官方實現 眾所周知,Angular的組件定義,使用的時候,必須生成一個自定義標籤;某些時候使用css佈局的時候,就會比較麻煩 雖然官方已經開始考慮實現無選擇器,但是目前還在規劃中,不知道要等多久 原理 眾所周知,結構型指令可以動態插入模板 模板內容可以自定義,並且也可以使用組件內的所有屬性和方法 那麼只需要將組件變成一個模板,即

react , vue.js , angular , 前端

收藏 評論

蓋亞 - electron-build報錯:cannot find module/ valid " main " entry

解決electron-build打包後運行app報錯:cannot find module xxx/ Please verify that the package . json has a valid " main " entry 先看一個簡單報錯: 或者類似這種: 解決方法: 檢查package. Json中是否寫了“main”,這裏的“main”必須寫,且應當使用npm指令build的di

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

收藏 評論

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

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

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

收藏 評論

程序員一諾python - 【Django開發】django美多商某城項目完整開發4.0第13篇:Docker使用,Docker簡介【附代碼文檔】

🏆🏆🏆教程全知識點簡介:1.郵件驗證系統包括Django發送郵件、保存郵箱併發送驗證郵件、Celery使用Django配置文件設置。2. 地址管理涵蓋shou貨地址、省市區地址查詢、數據庫建表、後端接口設計、前端實現、緩存使用(安裝、使用方法、省市區視圖緩存、緩存數據保存位置和有效期設置)、用户地址管理。3. 數據庫設計包括用户部分、產品部分、數據庫表設計、表結構、數據庫模型類。4. 容器

django , 後端 , 前端 , Python

收藏 評論