addproject的博客

构建，Webpack 是一个 “bundler（打包器）”，会在项目启动时先将所有代码（JS、CSS、图片等）打包成 bundle 文件，再启动开发服务器。Node.js 16.x 属于 LTS（长期支持）版本，官方维护周期持续至 2024 年底（后续 18.x/20.x 等版本支持周期更长），为项目迭代提供稳定可靠的技术保障。：Vite 远快于 Vue CLI。优点：启动速度极快（毫秒级），热更新也更快，项目越大，优势越明显。），且内置了很多现代工具（如 esbuild 用于依赖预构建），开箱即用。

CSS预处理器（如Sass、Less、Stylus）允许使用变量、嵌套规则、混合（Mixins）等功能，减少重复代码。通常用于存储静态文件（如图片、字体、配置文件等），这些文件在编译时被打包到应用中，避免了运行时网络请求的开销。：适合存放无需Webpack处理的文件，如大型媒体文件、第三方库（未通过npm安装）或需要保留原始文件名的资源。加载的资源路径是固定的，编译器可能对其进行优化（如资源压缩或索引）。动态路径的资源无法享受同类优化。：适合存放需要Webpack优化的资源，如图片、字体、样式文件等。

哈希路由的本质：用后的字符串作为 “标识”，通过监听其变化来切换页面内容。优势：兼容性极好（支持所有现代浏览器及旧版 IE），实现简单。缺点：URL 中会带有，不够美观（现代前端框架如 Vue/React 的路由已通过 HTML5 History API 解决此问题，但哈希路由仍是基础原理）。Vue Router 早期版本（或默认配置下）的 URL 中出现，正是因为使用了哈希模式（hash mode），原理和前面讲的 “哈希值实现前端路由” 完全一致。

使用创建一个 store。})

什么是Flex布局，什么是Grid布局。

minmax()允许网格轨道在响应式布局中动态调整，确保内容在不同屏幕尺寸下保持可读性。第一列的最小宽度为200px，最大宽度为1fr。第二列的最小宽度为300px，最大宽度为2fr。auto-fill和auto-fit。