此顏差矣。 -
大屏適配方案
前言：不同分辨率的大屏適配這個是每個前端都會遇見的問題，以前也嘗試過多種方案，今天就來分享一下我嘗試過的方案跟我比較推薦的方案。
一、常見的大屏適配方案
1. 固定寬高 + scale 整體縮放
核心思想：把設計稿當作“畫布”，用 CSS transform: scale() 對整張畫布縮放，保證視覺一致性。
原理：根據屏幕尺寸與設計稿尺寸比例計算縮放值（如 scale = min(w /
前端
此顏差矣。 -
html2canvas + jspdf實現頁面導出成pdf
封裝一個好用的頁面導出 PDF 工具 Hook (html2canvas + jspdf)
在最近的一個項目中，遇到一個將頁面內容（詳情頁）導出為 PDF的需求,但是好像目前沒有直接把dom轉成pdf這樣一步到位的技術，所以自己封裝了一個間接轉換的方法，基於 Vue3 + TypeScript 的通用 Hook 封裝，利用 html2canvas 和 jspdf 實現網頁內容導出為 PDF，並解決
前端
此顏差矣。 -
unibest：基於 Vite + Vue 3 的 Uni-app 開發終極方案
告別 HBuilderX？擁抱 unibest：基於 Vite + Vue 3 的 Uni-app 開發終極方案
在移動端跨平台開發領域，Uni-app 憑藉其強大的跨端能力不僅統一了小程序和 App 的開發，更構建了龐大的生態。然而，傳統的開發模式（依賴 HBuilderX、基於 Webpack 的構建速度、繁瑣的樣式寫法）在面對日益複雜的大型項目時，逐漸顯露出工程化能力的短板。
unibest
前端
此顏差矣。 -
JeecgBoot Vue3 ：構建高效的企業級前端業務模塊
JeecgBoot Vue3 實戰：構建高效的企業級前端業務模塊
JeecgBoot-Vue3 是一個基於 Vue3.0 + TypeScript + Vite6 + Ant-Design-Vue 的現代化前端解決方案。它集成了二次封裝組件、Utils、Hooks、動態菜單、權限校驗及按鈕級權限控制等核心功能，旨在為企業級應用提供高效、穩健的開發體驗。
核心價值：強大的代碼生成器讓前後端代碼一
前端
此顏差矣。 -
Vue 3 + SVG ：打造動態交互式智慧公廁可視化大屏
🚀 Vue 3 + SVG ：打造“會呼吸”的智慧可視化大屏
在智慧城市建設的浪潮中，可視化大屏已成為展示數據的核心窗口。而在“智慧公廁”這一細分場景下，如何直觀、實時、高保真地展示每個廁位的佔用狀態（有人/無人），是前端開發中一個既有趣又充滿挑戰的課題。
傳統的做法往往是“切圖一把梭”——使用多張圖片進行絕對定位。但這種方式不僅適配性差（換個分辨率就由於），而且維護成本極高（加個廁位還得找 U
前端
此顏差矣。 -
uniapp+vue2+uview圖片上傳封裝
🔥 打造基於 uView+uniapp+vue 的高性能圖片上傳組件（自動壓縮 + 更加健壯的類型判斷）
前言
在移動端開發（App/小程序/H5）中， 圖片上傳 是一個極其高頻且容易產生性能瓶頸的場景。直接上傳原圖往往會帶來以下問題：
上傳緩慢 ：現在的手機拍照動輒 5MB-10MB，用户在非 WiFi 環境下體驗極差。
體驗不好 ：大文件導致請求時間過長，容易超時。
服務器壓力 ：不
前端
此顏差矣。 -
高德地圖實現實時軌跡展示
Vue3 + 高德地圖(AMap) 實現平滑的實時軌跡回放與追蹤
前言
在物聯網、物流監控或安防調度系統中，實時展示設備（如無人機、車輛、手環）的移動軌跡是一個常見需求。如果僅僅是簡單的更新標記點位置，視覺上會出現“跳變”現象，體驗很不流暢。
本文將分享如何在 Vue 3 項目中，利用 高德地圖 (AMap) JS API 實現比較絲滑的實時軌效果。
核心痛點
平滑移動：點位更新時，Marke
前端
此顏差矣。 -
使用ZLMRTCClient.j實現webRtc流播放
Vue 3 實戰：基於 ZLMRTCClient 實現高性能 WebRTC 流播放器
之前文章有介紹過weRtc的應用參考這邊文章：https://www.cnblogs.com/lijinhuaboke/p/19456259 後面發現一個更便捷的在現代webRtc提出播放器，都不用自己封裝寫方法，下載ZLMRTCClient.js直接用就行。就介紹如何在 Vue 3 項目中，利用 ZLMedia
前端
此顏差矣。 -
封裝 WebRTC 低延遲視頻流與 WebSocket 實時狀態驅動的大屏可視化
Vue3 ：封裝 WebRTC 低延遲視頻流與 WebSocket 實時狀態驅動的大屏可視化
在工業互聯網和智慧安防領域，實時監控大屏是核心業務場景之一。本文將分享在最近的“油罐車作業智能監控系統”中，如何利用 Vue3 + TypeScript 技術棧，實現低延遲的 WebRTC 視頻流播放，以及基於 WebSocket 的全鏈路作業狀態實時同步。
一、 業務背景與要求
我們公司需要開發一個監控
前端
