CSS Modules 是一种通过构建工具（如 Webpack、Vite 等）实现的 CSS 模块化方案，其核心是将 CSS 文件视为独立的“模块”——每个 CSS 文件中的类名、动画等样式规则默认具有局部作用域，且可通过导入导出机制与 JavaScript 组件关联使用。
其核心目标包括：
SCSS（Sassy CSS）是 Sass（Syntactically Awesome Stylesheets）的一种语法扩展，属于 CSS 预处理器的核心成员。
计算机语言编程中，模块化编程对架构设计、代码复用起到至关重要的作用，工程中引入他人写好的库和模块能大大缩减开发周期。C/C++中，可以用include关键字，Java中可以用import关键字。
模块化编程是一种软件设计技术，强调将程序的功能分为独立的、可互换的模块，以使每个模块都包含执行所需功能的一个方面所必需的一切。模块接口表示该模块需要的元素和提供的元素。模块化程序设计与结构化程序设计、面向对象程序设计密切相关，目标都是通过分解成较小的部分来促进大型软件程序和系统的构建。
Vue CLI（Vue Command Line Interface），是一个用于快速搭建项目的工具，用于基于Vue.js进行快速开发。
Vue.js开发的配置和构建过程，集成了开发环境，简化了开发过程。具体提供的一系列功能包括：
项目打包（webpack）配置文件为项目根路径下创建的vue.config.js文件。
module.exports = {
// 静态资源访问路径 （默认/，打包后会白屏）
publicPath: './',
// 打包后文件的目录 （默认为dist）
outputDir: 'dist',
// 静态资源(js、css、img、fonts)目录 （默认为''，没有单独目录，在根目录中）
assetsDir: 'static',
}vue init webpack app命令初始化vue2.x的项目。vue create app初始化vue2.x的项目，不能初始化vue3.x，因为vue-cli4.5以上对应的才是vue3。vue create app初始化vue2.x或者vue3.x的项目，两者都可以在初始化时，自行选择。process.env 是 Node.js 运行时提供的一个全局环境对象，其本质是存储当前系统环境变量信息的键值对集合。
核心特性：
访问方式：
node 进入交互模式，再输入 process.env 查看所有环境变量；也可通过 process.env.变量名 单独获取某个变量（如 process.env.PATH）。DefinePlugin 插件（Vue CLI 自动集成），部分变量（如 NODE_ENV、VUE_APP_* 前缀变量）会被注入到客户端代码中，因此在前端 JS/Vue 组件中可直接通过 process.env.变量名 访问。在前端开发中，兼容性解决方案和兼容性技术组件是解决跨浏览器、跨设备兼容性问题的两个关键概念。以下是两者的详细对比与示例：
定义：是一套系统性策略或方法论，用于指导如何在不同浏览器、设备或环境中实现功能一致性。
特点：