dlsuntie

上周，设计师跑来问我：“为什么这个按钮在 A 页面是蓝色，在 B 页面变成紫色了？” 我一查代码，发现两个组件都写了： 而 <style scoped> 根本没生效——因为...

现代 CSS 的能力，已经远远超出“写几个断点”那么简单。 今天我们从工程视角，把 单位体系 + 计算体系 一次讲透。 CSS 单位体系：本质不是长度，而是“依赖关系” C...

最近公司又接了个数据可视化大屏的需求，设计稿是标准的 1920 x 1080。 拿到设计稿的那一刻，我的内心是拒绝的... 🤯 大家都知道，做大屏适配最烦的就是还原设计稿...

从 nvm 到 fnm：一个前端老兵的版本管理工具迁移实录 引子：那个让我崩溃的早晨 某个周一早晨，我像往常一样打开终端准备开始工作。...

FNM 简介 一个快速、简单的 Node.js 版本管理工具，支持多版本切换、环境变量配置和镜像加速等功能。 https://github.com/Schniz/fnm...

本文分享了前端三个高频使用的agent-skills, vue-skills, react-skills, ui-skills, 让AI生成的代码风格更统一，更专业...

作为前端开发者，最趁手的搬砖工具无外乎 Webstorm 和 VSCode，在下使用 Webstorm 较多，总结了一些不错的插件和实用 Tips，希望能帮到你~...

距离上一篇的 《Vue 整合Bpmn-js 工作流模型编辑器》 也一个多月了，在最近又收到公司的一个需求就是要我把Bpmn.js 流程编辑器给汉化了，没得办法又要回头去汉化...

CSS Anchor Positioning 正在颠覆我们对元素定位的认知。这个新特性让元素可以自由地锚定到页面任意位置，不再受DOM层级的束缚...

outDir: 构建输出目录（默认 dist） assetsDir: 静态资源存放子目录 chunkSizeWarningLimit：设置 chunk 大小警告阈值（单位 ...

ScreenScaler 一个强大的大屏缩放适配器，专为大屏应用开发设计。支持多种缩放模式，提供完整的 TypeScript 类型支持。 ✨ 特性 🎯 多种缩放模式: 支...

定义字体的各个属性，可以让页面板式变得更好看。 字体样式包括字体类型、大小、颜色基本效果，另外还包括一些特殊的样式，如字体粗细、下划线、斜体、大小写样式等。 font-fa...

一起养成写作习惯！这是我参与「掘金日新计划 · 4 月更文挑战」的第26天，点击查看活动详情。 在上一章中我们说到了关于缓存以及浏览器缓存的知识，这一章我们将详细看看到底如...

1.首先打开网址 https://developer.apple.com/account ，选择证书 2.因为主要目的是为了app上架，打包只需要证书和描述文件，所以这里不...

工欲善其事，必先利其器。好的工具显著提高生产效率 Homebrew Homebrew 是 macOS 和 Linux 上的包管理器（Package Manager） ，用于...

原生CSS中的用法 calc() - 动态计算 min()/max() - 极值选择 clamp() - 区间限制 主流适配方案对比 方案 原理 优点 缺点 适用场景 RE...

在 npm 中，如何选择 --legacy-peer-deps 和 --force？了解它们的区别，避免破坏性更改，维护依赖树完整性，提升项目稳定性。...

在网页开发的世界里，CSS 的强大功能和灵活性日益显著。然而，一些 CSS 属性往往被忽视或低估。本文将重点介绍 15 个开发者应该了解但经常被忽略的有用 CSS 属性。...