tag 前端

標籤
貢獻1,041
1135
06:37 AM · Oct 27 ,2025
tuzixiansen_63d4d65909d62 頭像 opentiny 頭像 qaz666 頭像 invalidnull 頭像 dirackeeko 頭像 smileZAZ 頭像 junxiudetuoba 頭像 jdcdevloper 頭像 yayu 頭像 icecreamlj 頭像 beishangdejianjidan_cqxuxf 頭像 xixindehongjiu 頭像

@前端 / 博客 RSS 訂閱

josie_68d213f999ae8 頭像

Josie - 使用 OffscreenCanvas 在 HarmonyOS 中生成動態五角星評分圖

在移動端和小型設備應用中，動態顯示評分通常使用五角星圖形更直觀。本文將結合 HarmonyOS 的 OffscreenCanvas 與 OffscreenCanvasRenderingContext2D，演示如何生成可按分數填充的五角星圖像。 1. OffscreenCanvas 簡介 在 HarmonyOS 中，OffscreenCanvas 是一種在後台線程中進行繪製的畫布對象，它不直接顯示在

harmonyos-next , 知識 , harmonyos , typescript , 前端

收藏 評論

jump_and_jump 頭像

jump__jump - 前端部署工具 PinMe

PinMe 簡介 什麼是 PinMe？ PinMe 是一個免費的 IPFS 託管平台，專為靜態網站部署設計。它能讓開發者在幾秒鐘內將網站部署到 IPFS 網絡上，確保內容的持久性和抗審查能力。 PinMe 的核心價值是提供簡單、快速、免費的前端部署體驗，讓開發者專注於內容創作。 為什麼選擇 PinMe？ 相比傳統託管服務，PinMe 具有以下優勢： 完全免費：無需支付服務器費用或訂閲費用 去

部署 , node.js , web3 , 前端

收藏 評論

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

收藏 評論

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

收藏 評論

linyuyizhizou_678b9fdc436f1 頭像

小帆聊前端 - 前端設計模式深度解讀：從混沌到有序，寫出可維護的代碼

前端設計模式深度解讀：從混沌到有序，寫出可維護的代碼 前言：你是否也被這些代碼問題折磨過？ "這個彈窗組件改一處就崩三處，到底誰寫的？" "為什麼同樣的表單驗證邏輯，每個頁面都要複製粘貼？" "狀態管理越來越亂，新增功能要改五六個地方？" "接手的項目像一團亂麻，根本不敢動核心邏輯？" 前端開發中，"能跑就行" 的代碼在初期或許能快速交付，但隨着項目迭代，維護成本會指數級增長。設計模式不是銀彈，卻

設計模式 , 前端

收藏 評論

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

收藏 評論

yinuo112 頭像

程序員一諾python - 【Django開發】django美多商某城項目完整開發4.0第12篇：產品部分,數據庫表設計【附代碼文檔】

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

django , 後端 , 前端 , Python

收藏 評論

junxiudetuoba 頭像

伊伊DK - 校園跑腿小程序開發，實戰指南：基於Uni-app/微信小程序源碼的校園應用全棧開發

基於 Uni-app 或微信小程序開發校園應用（如校園跑腿、校園服務平台等），需覆蓋前端開發、後端接口設計、數據庫搭建、部署上線等全流程。 技術棧選型 前端框架 Uni-app：跨端優勢（同時支持微信小程序、H5、App），語法兼容 Vue，適合校園多場景分發（小程序為主，H5 供網頁端）。 微信原生小程序：若僅需小程序端，原生框架性能更優，適合複雜交互場景（如地圖實時跟

php , 前端

收藏 評論

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

收藏 評論

junxiudetuoba 頭像

伊伊DK - 從 “單一圈子” 到 “多圈子平台”：源碼搭建圈子系統如何適配未來技術趨勢（如 AI、元宇宙）

在數字化社羣演進的浪潮中，我們正目睹一個關鍵的範式轉移：從服務於特定羣體的 “單一圈子” ，向互聯互通、價值共生的 “多圈子平台” 演進。這種演進不僅是規模的擴張，更是生態的質變。而基於源碼搭建的系統，因其固有的 “可塑性” 與 “自主性” ，在擁抱AI、元宇宙等未來技術趨勢時，展現出前所未有的適應性與爆發力。 一、 範式轉移：從“孤島”到“星系”的“多圈子平台” 單一圈子的侷

php , 前端

收藏 評論

tuzixiansen_63d4d65909d62 頭像

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

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

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

收藏 評論

jidongdehai_co4lxh 頭像

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

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

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

收藏 評論

gomi 頭像

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

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

node.js , bun.js , npm , 前端 , 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

收藏 評論