- 博客(10)
- 收藏
- 关注
原创 大屏可视化开发笔记:多分辨率下的布局适配与自动缩放方案
在实际的大屏可视化项目中,我们通常使用的分辨率作为设计稿基准,这也是大多数可视化设计常见的“全高清”标准。但在真实部署环境中,展示大屏的设备千差万别,例如:5120 × 1440(超宽屏)拼接屏、投影幕布等非标准分辨率在这些设备上,如果直接套用基于 1920×1080 的固定布局,就会出现:页面被拉伸或压缩内容显示不全画面比例变形布局错乱、溢出、留白因此,大屏项目必须要考虑,而业界最常用的方法之一,就是。
2025-12-01 22:48:45
326
原创 SVG 作为背景的自适应问题
在页面100% 比例的情况下背景正常显示,但是当页面尺寸缩放比例发生改变时,此时的SVG背景没有占满容器。,这意味着 SVG 会尝试保持其原始的宽高比,并居中显示在容器中。按理说这里的代码没有问题,那么问题就是出现在svg 文件本身了。它的作用是强制背景图片拉伸以覆盖容器的整个宽度和高度。,SVG 仍然会保持其宽高比,导致无法完全填充容器。对于 SVG 来说,它有一个内置的属性叫做。属性在起作用时,它会优先于 CSS 中的。这就是为什么即使设置了。就能解决刚才出现的这个问题。
2025-09-08 16:39:22
262
原创 响应头的作用以及原理
作用:控制当前页面与其他页面的关系 值:same-origin 效果:防止恶意网站通过 window.open() 访问你的页面为什么需要: 作用:控制页面可以嵌入哪些资源 值:require-corp二、响应头的原理1. 浏览器的安全模型浏览器有一个同源策略 (Same-Origin Policy): 问题场景: 解决方案 设置 COOP 后:3. SharedArr
2025-08-14 15:53:35
318
原创 Windows本地部署minio服务
MinIO 是一个高性能、可扩展的对象存储服务,兼容 Amazon S3 API,常用于本地或私有云环境下的文件存储。将下载好的文件放入一个你想自定义存放的文件夹中,这里我的是:D:\soft\Minio。端口,这个端口使用API与MinIO服务器进行通信和进行SDK调用,通过浏览器访问。这里可以根据你自定义的端口来访问,如这里的。注意这里这里不能通过直接双击该文件来运行这个可执行文件!尝试一下在Windows下部署一个Minio的服务“玩”一下。下载成功后会得到一个。使用mc 设置公开策略。
2025-07-30 17:44:43
2841
2
原创 事件循环、任务队列、微任务队列等异步操作的执行顺序
"));myPromise 是一个已经解析的“promise”, 其值是一个已经解析的“promise”,所以MyPromise最终解析为“Promise!
2024-06-06 17:33:56
436
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅