tag 縮放

標籤
貢獻11
39
02:09 AM · Nov 15 ,2025

@縮放 / 博客 RSS 訂閱

子丶不語 - 看完就會!解鎖CSS的花式邊框!

前言 邊框,在界面設計中是挺重要的,它不僅定義了界面元素的物理邊界,還可以影響用户的視覺感知,幫助用户區分不同的界面元素,起到視覺分隔、焦點引導、裝飾美化、保持一致等作用 那麼,在前端開發中,如何實現邊框捏? 是的,只要給你的元素加上這一條樣式,你的元素就擁有了邊框,但是你會發現,這是一個實線邊框,如果我想實現其它邊框呢?只需要修改中間的solid值即可

縮放 , 框圖 , 圖片資源 , Css , 前端開發 , HTML

收藏 評論

子丶不語 - Vue3 手勢指令發佈!

在Vue3開發中,框架本身並沒有內置豐富的手勢指令(如滑動、捏合、長按等),開發者只能使用基礎的鼠標/觸摸事件綁定(如@click、@mousedown、@touchstart等)。這在需要複雜手勢交互的移動端應用開發中,往往顯得力不從心。 好消息是,vue3-touch-events來了!這是一個專為Vue3設計的強大手勢事件庫,讓你輕鬆實現各種觸摸手勢交互,完美支持移動

縮放 , Vue , 拖拽 , Css , 前端開發 , HTML

收藏 評論

mo - 用Javascript寫一個根據MacBook觸控板手勢縮放或移動的頁面元素

以移動一個SVG圖形為例,完整代碼如下: !doctype html html head style body { margin: 0; } /* 最外層容器 */ #content { /* 阻止頁面大小隨着SVG移動而變化 */ overflow: hidden; } /* 固定Header */ #header { left: 0;

觸摸事件 , 縮放 , macbook , 手勢 , Javascript

收藏 評論

wx676be6175e246 - Android 中的縮放功能實現與應用

在 Android 開發中,縮放功能是提升用户體驗的關鍵技術之一,它允許用户通過手勢或按鍵對圖像、文本或其他內容進行放大或縮小操作。本文將介紹 Android 中實現縮放功能的主要方法及其應用場景。 一、縮放功能的實現方式 手勢縮放:通過識別雙指捏合手勢實現縮放,這是最常用的方式。可以使用 ScaleGestureDetector 類來檢測手勢,並通過 Matrix

縮放 , 移動開發 , Android , 應用場景

收藏 評論

wx58513ac609c15 - Uptime Kuma修改作為內嵌頁面的自適應

/* ================================== 1. 基礎樣式重置(消除默認邊距/溢出) ================================== */ /* 重置 html/body 默認邊距,禁止頁面自身滾動(由 iframe 控制滾動) */ html, body { margin: 0; padding: 0; overf

縮放 , 類名 , Css , 前端開發 , HTML

收藏 評論

wx676be6175e246 - Android手勢

手勢操作是Android應用交互的核心方式之一,它通過觸摸屏的滑動、點擊、長按等動作實現更直觀的用户體驗。本文將介紹Android中常見手勢的實現原理與應用場景。 手勢識別基礎 Android通過GestureDetector類提供手勢識別功能,開發者需繼承GestureDetector.SimpleOnGestureListener實現自定義手勢邏輯。常見手勢類型包

縮放 , 移動開發 , Android , 手勢識別

收藏 評論

數據小探 - 前端大屏適配rem函數

談談移動端屏幕適配的幾種方法 移動端web開發相對於PC端web開發,我們可以慶幸不用兼容那麼多瀏覽器了,但是隨之而來的卻是各種屏幕尺寸的適配,個人覺得,比PC端還要費精力。在使用了騰訊優測進行軟件測試後,問題得到了有效解決。 響應式佈局 簡而言之,就是頁面元素的位置隨着屏幕尺寸的變化而變化,通常會用百分比來定位,而在設計上需要預留一些可被“壓縮”的空間。

機器學習 , 縮放 , 寬高 , 前端大屏適配rem函數 , 人工智能 , 屏幕尺寸

收藏 評論

高級BUG開發 - vue3+vite項目h5/web配置瀏覽器自適應適配(postcss-px-to-viewport-8-plugin)

注意,項目中不要寫行內樣式 vue3+vite項目配置適配H5主要安裝一下兩個插件: amfe-flexible(主要用於動態設置根元素字體大小(rem),以根據屏幕尺寸進行自適應佈局) postcss-px-to-viewport-8-plugin(將px單位轉換為rem) 開始配置: 第一步、安裝amfe-flexible插件 cnpm install amfe-flexi

縮放 , 瀏覽器 , vue3 , h5頁面 , 適配器模式

收藏 評論

星火飛碼iFlyCode - iFlyCode+SpecKit應用:照片等比智能壓縮功能實現

項目背景 需求來源:業務上需要上傳考生相片,支持歷年存儲,預期每年新增20w+,上傳質量大小不一,除了大小判斷外,需要對相片超過配置閾值(默認300KB)的照片進行智能壓縮,還不能影響顯示效果,同時考慮壓縮性能,否則前端返回時間比較久,用户等待時間長。 核心特性 ✅可配置閾值: 通過系統配置KsXpCompressSize動態調整壓縮閾值 ✅智

sed , 縮放 , Image , 前端開發 , Javascript

收藏 評論

虎斑嘟嘟 - 魯棒性認證:隨機平滑的ℓ₁/ℓ₂認證半徑精確分析

魯棒性認證:隨機平滑的ℓ₁/ℓ₂認證半徑精確分析 對抗樣本的存在猶如深度學習領域的"暗物質",揭示了模型決策邊界中隱藏的脆弱性。面對這一挑戰,隨機平滑技術脱穎而出,成為首個能夠為大規模深度學習模型提供可證明魯棒性保證的實用方法。然而,傳統的隨機平滑分析主要集中於ℓ₂範數威脅模型,在現實世界中更為常見的ℓ₁威脅(如稀疏對抗擾動)面前顯得力不從心。 本文將深入探討隨機平滑

縮放 , yyds乾貨盤點 , 後端開發 , JAVA , 深度學習 , 二分搜索

收藏 評論

mob64ca1404baa2 - 移動端H5解決鍵盤彈出時之後滾動位置發生變化的問題

背景 在移動端Web開發中,特別是iOS Safari瀏覽器,當用户點擊輸入框觸發鍵盤彈出時,經常會遇到頁面佈局異常和意外滾動的問題。這些問題嚴重影響用户體驗,需要通過技術手段進行優化。 問題描述 1. 主要問題 鍵盤彈出時頁面可滾動:用户在非內容區域滑動時,整個頁面會發生滾動 視口高度變化檢測困難:傳統的window.innerHeig

縮放 , 後端開發 , 解決方案 , ios , Python

收藏 評論

wx661607c93692e - Java 圖片縮略圖工具類

一、核心需求分析 我們希望工具類支持兩種主流模式: 模式 1:等比縮放(Fit) 在不超過目標寬高的前提下,按原圖比例縮放,空白處留白或透明。 適用:商品圖、文章封面預覽。 模式 2:中心裁剪(Crop) 先等比縮放使圖像覆蓋整個目標區域,再從中心裁剪出指定尺寸。 適用:用户頭像

縮放 , 後端開發 , JAVA , Image

收藏 評論

colddawn - rem大屏單位適配

下面説下有兩種方式計算sacle,結果相同,只是方式不大同: 第一種: 一、在App.vue的props注入寬高 1 props: { 2 width: { 3 type: String, 4 default: "1920" 5 }, 6 height: { 7 type: St

機器學習 , 縮放 , 媒體查詢 , 寬高 , rem大屏單位適配 , 人工智能

收藏 評論