CONSOLE11的博客

Axios 是一个基于网络请求库，作用于和浏览器中。它是的(即同一套代码可以运行在浏览器和node.js中)。在服务端它使用原生 node.jshttp模块, 而在客户端 (浏览端) 则使用 XMLHttpRequests。在项目中进行二次封装的主要目的是为了使用其请求与响应的拦截处理。

项目开发过程中会经历开发环境、测试环境、生产环境三种状态，对与环境变量的配置需求不同，因此需要在项目中进行环境变量的配置。1.在项目根目录下添加如下3个文件文件中输入对应的配置信息在package.json中配置运行命令使用过程通过：import.meta.env 获取配置信息在main.ts中引用测试，当前是开发环境因此只能打印开发环境信息：console.log(import.meta.env);

'element-plus/dist/locale/zh-cn.mjs'引入后会报红，是由于ts校验检测导致的，通过添加：//@ts-ignore 可忽略ts检测。由于element-plus模式显示的英文，在使用控件过程中要求显示中文需要在main.ts如下配置。在app.vue页面中使用图标：先引入图标Plus，再在控件按钮中使用图标：icon="Plus"运行启动项目：pnpm run dev。

eslint是提供一个插件化的javascript代码检测工具。安装eslint生成配置文件，执行如下命令后自动生成对应的配置文件：eslint.cjs执行命令后根据提示选择如下配置完成文件生成添加eslint校验规则添加忽略校验文件配置，创建文件：.eslintignore添加运行脚本在package.json 中新增运行脚本。

众所周知，常见瀑布流当鼠标滚动到浏览器底部的时候，就会发起一个ajax的请求。在服务端生成item列表后，通过 js append到相应的div里边。看起来很简单的样子，关键问题就出在图片的加载问题上，图片一般都放在服务器上，通过http下载到客户端。例如我的图片地址：http://xxx.xxx.com/sc/item/cover/9-4352-c400.jpg而

1、环境要求：vite(node.js版本16+) 构建项目，pnpm进行包管理，速度快、高效；vue3项目创建方式有很多，还可以使用vue ui界面创建，感兴趣的可以百度查询；安装node.js，在node官方下载安装即可；pnpm安装，使用如下命令。至此，vue3项目就创建完成了，使用vscode打开项目进行项目的开发吧。安装依赖过程中若报错。

这个目录变成git可以管理的仓库，会出现一个.git文件夹，如果没出现的话需要选择“显示隐藏文件”（不会的同学自行百度一下）git remote add origin [远程仓库的具体地址](注意后面的点表示目录下的所有文件，点前面还有一个空格不要漏掉了)git commit -m '本次的提交信息'在本地项目文件夹右击鼠标点击。7.远程库与本地同步合并。

Layui表格合并单元格