css

行内块元素在垂直方向上对齐问题在项目中遇到了样式问题，父元素设置了display: inline-flex;，并且有align-items: start，但两个子元素在垂直方向上仍然不能对齐，而且查找元素显示的高度也不一样。而且如果我修改padding的值，一个向上跑、一个向下跑。

Vue.js 在博客平台中为何采用响应式系统而非直接操作在开发博客平台或内容管理系统时，数据的实时性和组件之间的交互性是构建高质量用户体验的关键。Vue.js 通过其独特的响应式系统，实现了数据驱动视图的变化，使得开发者无需手动操作 DOM 即可完成复杂的页面更新。然而，为何 Vue.js 要选择这样的设计思路，而非传统的直接操作 DOM 呢？本文将从 Vue.js 的底层机制出发，深入解析其响应式系统的原理，并探讨其为何在内容管理系统中如此有效。

基于 Vue3 + ElementPlus 极简搭建仿钉钉流程设计器，简洁架构、极易扩展，纯div+css布局我们开发/选型工作流设计器，真正的刚需从来不是“功能最全”，而是足够轻、足够简洁、方便改、方便扩。今天给大家推荐一款自研开源的 Vue3 仿钉钉轻量化流程设计器，摒弃冗余鸡肋功能，主打轻量架构、简洁易用、高可扩展，完美适配中小型项目、OA审批、内部业务系统。

使用HTML+CSS美化上传进度条展示

CSS变量与预处理器CSS变量（自定义属性）和预处理器是现代CSS开发的重要工具，它们提供了变量、嵌套、混合宏等功能，大大提高了CSS的可维护性和开发效率。本文将深入讲解CSS变量和预处理器的核心概念、使用方法和最佳实践。

吴长建先生重名了

用 MinIO 分布式存储模块一次讲清代码重构与整洁代码实引言在分布式系统中，文件上传和存储是一项基础而重要的功能。无论是构建云存储服务还是企业级内容管理系统，都离不开对文件的处理能力。MinIO 是一款高性能、分布式的对象存储系统，常被用于替代 S3 接口实现对象存储服务。其源码结构清晰、模块化设计出色，非常适合作为代码重构与整洁代码的学习案例。本文将以 MinIO 的分布式上传模块为例，一行一行解读其核心逻辑，帮助准备跳槽和面试的开发者深入理解如何编写可维护、易扩展的代码。

把响应式做成可验证的状态切换：Container Queries 的组件级重构方法同一张项目卡片放在内容主栏、侧边栏和弹窗里，常常会遇到一个反直觉的问题：页面视口已经足够宽，卡片却仍然拥挤。

Day 15 | 不改一行 HTML,给页面加上引号、角标和标签本文是《30天精通CSS》专栏第 15 篇,订阅专栏不迷路。本文目录同一个效果,两种写法差在哪:一个真加了标签,一个只是画了个装饰

Day 07 _ 那条 1px 的线,为什么在手机上忽粗忽细本文是《30天精通CSS》专栏第 07 篇,订阅专栏不迷路。本文目录先看这两条线,一条粗一条细三个嫌疑,逐个排除

小江的记录本

【CSS】CSS 动画：transition、animation、transform、CSS3 新特性（附《思维导图》）CSS动画是通过CSS属性随时间的变化实现的视觉动效，无需JavaScript即可实现流畅的交互动画。主要分为三大类：

CSS Grid 网格布局：二维布局神器，轻松实现复杂网页排版上一篇文章我们聊了 Flex——它解决的是一维布局问题：沿着一条主轴排布元素。但真实的网页排版几乎都是二维的：既要管横排、又要管竖排；既要有固定的侧栏，又要有自适应的主区；既要有跨多列的标题，又要有多行多列的卡片墙。过去遇到这种需求，要么用 Flex 嵌套（一层套一层，DOM 变臃肿），要么退回 float 加各种 hack。

CSS 预处理器深度解析-Day35在现代前端工程化体系中，CSS 预处理器（CSS Preprocessor）已成为不可或缺的一环。它并非要取代 CSS，而是在 CSS 语法之上提供了一层抽象，使开发者能够以更高效、更可维护的方式编写样式代码，最终编译为浏览器可识别的标准 CSS。

小江的记录本

【CSS】CSS 核心：盒模型、BFC/IFC、Flex/Grid 布局、响应式布局、移动端适配（附《思维导图》）CSS 布局体系从基础盒模型到现代二维布局，再到多端适配，形成了一套完整的「基础渲染规则 → 布局方案 → 多端适配」的知识层级。以下从六大核心模块进行系统性梳理。

小江的记录本

【HTML】HTML5 新特性、语义化标签、浏览器渲染流程（附《思维导图》）HTML（HyperText Markup Language，超文本标记语言）是构建网页结构的核心标记语言，标准由 W3C 与 WHATWG 共同维护，当前处于**HTML 活标准（Living Standard）**阶段，持续迭代更新。

ℋᙚᵐⁱᒻᵉ鲸落

移动端滑动手势冲突：overflow: auto导致外层横向滑动失效在做移动端交互时，有一种场景非常常见：外层容器负责左右拖动，内层容器负责上下滚动。例如：看起来这个需求并不复杂。但是我在实际开发时遇到了一个问题：

Vite项目中使用Less步骤，详细使用示例在 Vite 项目中使用 Less 非常简单，因为 Vite 内置了对 CSS 预处理器的支持。你不需要安装额外的 Loader 或 Plugin，只需安装 less 依赖即可。

Sass和Less功能、使用场景、用法对比Sass 和 Less 是目前最主流的两大 CSS 预处理器。它们的核心目标都是解决原生 CSS 在大型项目中难以维护、代码冗余的问题，但在设计哲学、功能深度和生态整合上存在显著差异。

Less功能介绍和完整使用示例Less (Leaner Style Sheets) 是一门向后兼容的 CSS 预处理器扩展语言。它允许你使用变量、嵌套规则、Mixin（混入）、函数等编程特性来编写样式代码，最终编译成标准的 CSS 文件供浏览器解析。

Web前端周刊2026W34 | CSS类前缀选择器采纳、Lovable迁移TanStack Start、Fastify 6.0 Alpha本周 Web 开发热点：CSS 类前缀选择器获采纳、TanStack Router 查询预取与 Lovable 从 Next.js 迁至 TanStack Start 展现框架演进；Three.js 游戏与 WebGPU 黏体凸显图形创意；工具链侧 Fastify 6.0 进 Alpha、unbash 独立发布、TypeScript 中间件类型陷阱引发关注。

三十而立洋

Flex 与 Grid 布局完全指南一篇讲透 display: flex 与 display: grid：从基本概念到每一个属性，全部附代码示例与效果说明，最后给出两者的对比与选型建议。