前端那点事

SCSS（Sassy CSS）中@use和@import均用于实现样式模块化，实现代码复用，但二者在作用域、加载机制、命名空间等核心特性上差异显著。其中@import是SCSS早期的导入语法，存在全局

Less（Leaner Style Sheets）是CSS预处理器，在原生CSS基础上增加变量、嵌套、混合、函数、运算、模块化等编程特性，让CSS更易维护、复用、扩展，最终编译成标准CSS运行。本文从

本文按「常用场景分类」整理CSS核心属性，涵盖布局、盒模型、视觉、文本、动画等高频类别，每个属性标注「语法+说明+简单示例」，兼顾全面性和实操性，适合新手查阅、老手备查，所有属性均兼容现代浏览器（Ch

在 CSS 布局中，高度塌陷是高频且易踩坑的问题，核心定义：父元素未设置固定高度，子元素设置浮动（float）、绝对定位（absolute）等脱离文档流的属性后，父元素无法被子元素“撑开”，导致父元素

CSS3 的 position 属性，核心作用是控制元素在页面中的定位方式，决定元素如何脱离正常文档流、如何相对于父元素/视口进行定位，是布局中实现“悬浮、固定、层叠”等效果的核心属性，常用且易混淆，

Flex 布局（弹性布局）是 CSS 中最常用、最灵活的布局方式，核心作用是快速实现元素的对齐、分布、自适应，替代传统的 float、position 布局，适配所有现代浏览器，上手简单且实用性极强。

在 Vue 里实现文字滚动（跑马灯） ，最常用、最稳的就两种： CSS 动画纯实现（简单、性能好） JS 控制滚动（可暂停、可控制速度） 下面直接给你可复制粘贴的 Vue 组件代码。 方式1：纯 CS

shadow 里最常用的两个阴影属性： text-shadow：文字阴影（简单） box-shadow：盒子/元素阴影（常用、功能强） 我用最通俗、能直接上手的方式给你讲清楚，附带复制即用的代码。 一

1. Git 是什么 Git 是一个开源的分布式版本控制系统，用于高效、高速地管理项目代码的版本、历史、协作开发。 三大核心区域 工作区（Workspace）：你正在写代码的地方 本地仓库（Repos