写在开头 点赞 + 收藏 学会 上周帮朋友救火一个数据大屏项目,甲方临时说要从 1920×1080 的投影换成 3840×1080 的超宽拼接屏。朋友用的是 transform: scale 方案,结果两边各留了一大片黑边,甲方当场黑脸。 这事儿让我决定把大屏适配这个"老生常 ...
写在开头 点赞 + 收藏 学会 后端处理数据处理逻辑特别多的时候,并不会很及时返回数据,一般情况后端给前端返回进度,这个目前是前端自己返回进度到90,等到接口返回完成再到100% 1、设置全局样式 <div class="loading-overlay" v-show="Pa ...
Docusaurus独立博客链接:https://ie12blog.36102025.xyz/articles/research-logs/feed-rss-atom-json/ 2026.3.21 Feed Feed 是一个比较宽泛的概念 可以将其理解为 订阅源 即一种用于定期更新内容的数据格式 ...
目录2.1 html基础入门2.1.1 标签、元素与属性2.1.2 基础语法2.1.3 文档模式2.2 文档核心骨架2.2.1 DOCTYPE声明与作用2.2.2 <html>根元素与lang属性2.2.3 <head>头部2.2.4 <body>主体2.2.5 注释与代码可读性2.2 头部head ...
前言 我想展示umami数据,但是自托管的貌似没有api,经过探索发现可以通过分享链接拿到数据 我的blogblog.dorimu.cn-umami-share-stats 抓包分析 发现分析界面 https://charity.dorimu.cn/share/xxx 获取数据分两步: GET /a ...
从快照到时间序列:一次实时行情系统的结构演进与架构取舍 在多数前端行情系统中,Ticker 快照接口足以支撑列表展示:最新价、涨跌幅、成交量定时刷新即可。 但当系统开始引入 K 线图表后,前端架构会发生一次实质性的结构变化。 这篇文章不讨论某个具体 API 如何调用,而是围绕一次真实的结构升级过程, ...
写在开头 点赞 + 收藏 学会 如果你关注前端图标的发展,会发现一个现象: 过去前端图标主要有三种方案: PNG 小图(配合雪碧图) Iconfont SVG 到了今天,大部分中大型项目都把图标系统全面迁移到 SVG。 无论 React/Vue 项目、新框架(Next/Rem ...
这年代真的很魔幻:物价在涨、黄金在涨,人都在悄悄发福,更别说内存条蒸蒸日上。结果回头一看,音乐软件也跟着 “发福” 到离谱。 就拿网易云来说,十年间安装包膨胀十几倍,从一个纯粹的播放器,硬生生塞成了集直播、K 歌、社区、短视频、商城于一体的 “全能平台”。权限越要越多,体积越更越大,对于性能不怎么好 ...
功能 前端实现速度线,在矩形内生成黑白三角形且闪动。 思路 速度线可以使用多个角度相同的三角形分解矩形。三角形的渲染使用canvas连线fill就行,三角形在矩形上的两个点可以通过计算每个三角形的边长来获取。三角形在矩形上的边长使用三角函数获取。 HTML结构:包含一个画布(Canvas)用于显示图 ...
写在开头 点赞 + 收藏 学会 1) border 会改变布局(占据空间) border 会参与盒模型,增加元素尺寸。 例如,一个宽度 200px 的元素加上 border: 1px solid #000,实际宽度会变成: 200 + 1px(left) + 1px(righ ...
写在开头 点赞 + 收藏 学会 告别百分比计算:从文档流到 Flex 弹性布局的进化之路 在 CSS 的世界里,布局方式的演进就像是一场对“控制权”的争夺战。从最初顺其自然的文档流,到精打细算的 inline-block,再到如今游刃有余的 Flexbox,我们的代码变得越来 ...
写在开头 点赞 + 收藏 学会 前言 当你叩开 Node.js 的大门,会发现它的内核逻辑恰似一套精密的 “后端工具链”:http模块是搭建服务的 “基建脚手架”,以极简代码就能拉起可被浏览器访问的 Web 端点;https模块是对接外部世界的 “数据导管”,能安全拉取远程接 ...
写在开头 点赞 + 收藏 学会 在朋友圈中,除了普遍的一行三列的布局外,一张、二张、四张图片时的布局是不一样的。一张图片时,按图片原有宽高显示。 两张图片,并行展示,图片会偏大一些。 四张图片时,一行显示两个。 三张、及四张以上时,按一行三列排序。 实现 这里结合naive ...
写在开头 点赞 + 收藏 学会 在开发自定义 Swiper 或长列表组件时,为了优化性能,我们通常会给每一项加上懒加载逻辑: <view class="item"> <template v-if="shouldRender"> <slot :name="'slot-' + i ...
Docusaurus独立博客链接:https://ie12blog.36102025.xyz/articles/lucky-STUN/stun-home-page/ 2025.11.24 关于本教程 在之前的一系列教程中我们介绍了许多“固定”stun穿透端口的方法 主要用于 MC java 版联机的 ...
告别 HBuilderX?拥抱 unibest:基于 Vite + Vue 3 的 Uni-app 开发终极方案 在移动端跨平台开发领域,Uni-app 凭借其强大的跨端能力不仅统一了小程序和 App 的开发,更构建了庞大的生态。然而,传统的开发模式(依赖 HBuilderX、基于 Webpack ...
gift-book —— 一款纯本地、零后端、完全本地运行的单页 Web 应用,旨在为各类红白喜事提供一个现代化、安全、高效的礼金(份子钱)管理解决方案。 ...
写在开头 点赞 + 收藏 学会 前言 在前端开发中,我们经常会遇到接口返回的文本内容过长,无法完全显示的问题。为了处理这一问题,通常会设置固定的宽度并使用省略号样式(text-overflow: ellipsis)来隐藏超出的文本。然而,有时产品需求还希望用户能够通过悬停查看 ...
写在开头 点赞 + 收藏 学会 localhost 是主机名(域名) ,属于应用层概念; 127.0.0.1 是IPv4 回环地址,属于网络层概念。 两者都用于访问本机服务,但 localhost 必须通过解析才能映射到具体 IP(默认是 127.0.0.1 或 IPv6 的 ...
在HTTP通信中,三次握手和四次挥手是TCP(传输控制协议)建立和断开连接的过程。理解这些过程对于网络协议知识非常有帮助。以下是详细的解释: 三次握手(Three-Way Handshake) 三次握手是TCP连接建立的过程,确保双方都准备好进行数据传输。 第一次握手(SYN): 客户端发送一个SY ...