Vite 为什么比 Webpack 快? 一、时代背景决定架构差异 要理解 Vite 为什么快，先得明白 Webpack 为什么会出现。 Webpack 并不是为了“打包而打包”，它解决的是那个年代浏览器能力不够的问题。 早些年前端开发没有现在这么舒服，浏览器不支持 ES Module，像下面这种写法根本跑不起来： import Vue f 2026-04-16 0 huifeng
驾驶舱适配进阶：解决超宽屏留白问题 在驾驶舱、大屏项目中，使用 1920 × 1080 + transform scale 适配方案非常常见。 它稳定、高效、还原度高 但上线后经常遇到一个问题： 超宽屏左右留白 例如这些屏幕： 2560 × 1080 3440 × 1440 3840 × 1080 拼接屏 因为这些屏幕比例远大于： 1 2026-04-16 驾驶舱 2 huifeng
Vue3 驾驶舱屏幕适配实战 在驾驶舱、大屏可视化、数据看板项目中，屏幕适配一直是高频问题。 本文分享一个我在实际项目中使用的方案： Vue3 + transform scale 缩放 + 防抖优化 + 组件封装 最终实现： 多分辨率自适应 页面始终完整显示 自动居中 缩放流畅不卡顿 可直接复用到多个驾驶舱项目 一、适配思路 设 2026-04-15 驾驶舱 2 huifeng
驾驶舱大屏适配方案总结 在前端驾驶舱、大屏可视化、数据看板项目中，屏幕适配是绕不开的问题。 通常设计稿尺寸为 1920 × 1080，在标准分辨率屏幕上显示正常，但实际部署时，可能会遇到： 1366 × 768 1600 × 900 2560 × 1440 超宽屏（3440 × 1440） 拼接屏 竖屏设备 这时如果没有适 2026-04-14 驾驶舱 10 huifeng
Umami 部署文档 本文档主要目的是部署 Umami 到线上服务器，它是一款开源网站分析平台。部署完成后，可结合 Halo 的数据看板插件使用，用于查看网站访问量、访客来源、页面浏览趋势等统计数据。 本文章配置了 Ubuntu + PostgreSQL + systemd + Nginx，为部署 Umami 搭建环境。 2026-04-13 Web 服务 65 huifeng
Obsidian 多端同步方案详解 Obsidian 是一款基于本地文件的笔记与知识管理工具，其核心特点是使用 Markdown 格式记录内容，并通过内部“链接”构建个人知识网络。本文介绍两种常见的 Obsidian 多端同步方案及其优缺点，帮助你选择最适合的方式。 多端同步方案概览 2026-01-21 Web 搭建 67 huifeng
