tag 前端

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

@前端 / 博客 RSS 訂閱

linong 頭像

linong - 使用 Cursor 修復 Ant Design Pro Components 的 issues

Issue: 🐛 ModalFrom在同時設置了formRef、request和destroyOnClose時，加載過程中關閉ModalForm會報錯 #8858 PR: https://github.com/ant-design/pro-components/pull/9272 最近有個小夥伴在做穩定性建設，整理了一下現有的線上報錯，其中有一個 form.resetFields is n

react , ant-design , typescript , 前端 , Javascript

收藏 評論

wupeng_5a4de5c290b9d 頭像

PatWu16 - chrome-devtools-mcp 工具試用記錄

谷歌 Chrome 開發者工具 MCP 服務器公佈，它允許 AI 代理在瀏覽器中直接調試、測試和修復代碼，彌補了以往 AI 編碼工具無法直接觀察代碼在瀏覽器中運行情況的缺陷，更多內容查看官方博客、Github倉庫，其在發佈的短時間內即引起廣泛關注，npm下載量陡升： 調試工具提供的能力： 試用記錄，僅供參考：   

chrome-devtools , 前端

收藏 評論

linyuyizhizou_678b9fdc436f1 頭像

小帆聊前端 - CSS BFC 深度解讀：從原理到實戰，解決 90% 佈局難題

CSS BFC 深度解讀：從原理到實戰，解決 90% 佈局難題 前言：被 “玄學佈局” 折磨的日常 “為什麼兩個相鄰 div 的 margin 疊成一個了？” “浮動元素怎麼把父容器‘撐破’了？” “文字怎麼總繞着浮動圖片跑，我想讓它老老實實換行！” “子元素用了絕對定位，怎麼就超出父容器範圍了？” 如果你在前端開發中遇到過這些問題，説明你還沒真正掌握 BFC—— 這個 CSS 中 “看不見卻很重

css3 , Css , 前端

收藏 評論

lizh 頭像

lizh - 聊一聊Cookie的一些問題

Cookie 是站點為了保存訪客的一些信息，用來區分用户或者傳遞信息。在 Session 出現之前，基本上所有的網站都採用 Cookie 來區分用户身份。 Web 應用程序是使用 HTTP 協議傳輸數據的。HTTP 協議是無狀態的協議。一旦數據交換完畢，客户端與服務器端的連接就會關閉（HTTP 1.0 及以前），再次交換數據需要建立新的連接。Cookie 是一種是在客户端保持 HTTP 狀態的方案

cookie , 前端 , Javascript

收藏 評論

hightopo 頭像

hightopo - 智慧停車場合集 | 圖撲數字孿生靜態交通一網統管

如今，停車場管理已從單一的泊車功能，演進為融合充電服務、空間調度與數據運營的綜合性挑戰。無論是城市級樞紐、多樣化園區、商業樓宇，均面臨效率提升與體驗優化的核心訴求。 圖撲利用自研HTML5 2D/3D圖形渲染引擎，針對不同應用場景量身定製智慧停車解決方案，推動停車場從“被動管理”到“主動智能”的跨越，實現停車場實時狀態可視、資源動態調度與充電服務一體化管控。 系統分析 新能源停車場管理 隨着新能

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

收藏 評論

htdaydayup_5da2d7a6d4888 頭像

圖撲軟件 - 場景切換 × 流暢過渡動畫實現方案 | 圖撲軟件

在圖撲HT項目中，尤其是複雜應用裏，單一場景或圖紙通常難以承載所有需求，因此在多個圖紙或場景之間進行切換是一種常見的實現方式。本文將深入解析圖撲HT項目中場景/圖紙切換的核心實現方法，並詳細介紹如何為切換過程添加流暢自然的過渡效果，以提升用户體驗。 場景 / 圖紙核心切換步驟 圖撲HT項目中，實現圖紙或場景的無縫切換需嚴格遵循以下關鍵步驟，以避免潛在問題並確保切換過程穩定可靠： 清除當前的數

動畫 , 可視化 , 前端 , html5 , Javascript

收藏 評論

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 , 前端

收藏 評論