存放一些自己学习的知识点，可能有错误

原创 Axios封装

【代码】Axios封装。

原创 前端面经（3）--Javascript基础

因为在JavaScript中，不同的对象都是使用二进制存储的，如果二进制前三位都是0的话，系统会判断为是Object类型，而null的二进制全是0，自然也就判断为Object。undefined代表的含义是未定义，一般变量声明了但还没有定义的时候会返回undefined.null主要用于赋值给一些可能会返回对象的变量，作为初始化。parseInt()/parseFloat()/Number 转换成数字型。隐式转换：主要发生在字符串拼接和数字字符串运算的时候。String()把给定的值转换成字符串。

原创 前端面经（2）--CSS3基础

transform: scale(0,0):将元素缩放为0，来实现元素的隐藏。clip/clip-path:使用元素裁剪的方法来实现元素的隐藏，这种方法下，元素仍在页面中占据位置，但是不会响应绑定的监听事件。opacity:0︰将元素的透明度设置为0，以此来实现元素的隐藏。rem:相对于html标签字体大小的单位，作用于根元素的字体大小的时候，相对于初始字体的大小（16px）em:作用于字体的时候相对于父元素的大小，作用于其他的时候相对于自身字体大小的单位。

原创 前端面经（1）--HTML

（2）HTTP标题信息(HTTP-EQUIN):可用于代替name项，常用的选项有Expires(期限)，Pragma(cache模式)，Refresh(刷新)，Set-Cookie(cookie设定)，Window-target(显示窗口的设定),content-Type(显示字符集的设定)等。（1）页面描述信息(NAME):常用的选项有Keywords(关键字)，description(网站内容描述),author(作者),robots(机器人向导)等。nav :标记导航，仅对文档中重要的链接群使用。

原创 弹窗表格组件的封装（方便自己查看）

2.el-form的ref是为了判断验证是否通过。1.el-form的model和rules。3.el-form-item的prop。4.el-input的v-model。表格需要绑定四个地方的数据。

原创 vue3的宏命令defineProps，defineEmits，defineExpose

const emit = defineEmits(['success']) // 把方法传递给父组件。接受的数据是不能更改的，原则就是谁的数据谁负责，可以传递方法让父组件更改。defineProps用于接收父组件传过来的数据。defineExpose用于向父组件暴露方法。defineEmits用于给父组件传递参数。父组件通过监听success就可以拿到参数。在父组件中通过ref绑定就可以拿到方法。在子组件上定义方法并且暴露出去。

原创 nvm管理node版本

在前端跑一个项目前，我们要先使用npm来下载包，这时候就会很容易报错，这种错误大概率是node的版本不对，为了方便我们切换和管理不同的node版本，可以使用nvm工具，他可以方便的在同一台设备上进行多个node版本之间切换。1.在下载之前先把之前安装的node环境卸载。下载解压后在setting.txt中修改配置。2.在环境设置中配置nvm的安装路径。3.nvm的常用命令。

原创 vue3 使用element-plus动态渲染Icon图标

今天使用vue3+vite重构项目的时候，构建测i边栏的时候需要动态渲染图标。但是动态渲染就不行了，找了半天，终于看到可以使用内置的component组件。但是在vue3中不能这样使用。官方给出的实例是这样的。

原创 Git常用的命令

原创 从0创建一个vue3的项目

我们使用现在流行的pnpm来构建项目，pnpm我感觉是同类工具中最快的一个了，初始化项目只需要一两秒，下载包的速度是npm和yarn的好几倍。然后选择你的配置，你会发现创建速度非常快，一眨眼就出来了。//修改 .husky/pre-commit 配置。3.配置git提交的检查工具husky。//初始化 husky 工具配置。2.配置一下prettier。1.使用npm安装pnpm。在设置里面加入保存自动修复。使用pnpm项目创建项目。4.安装saas预处理器。//配置统一请求地址。

原创 前端文件分片，实现大文件断点续传，大文件秒传

待写。

原创 前后端分离项目部署（4）---项目运行

4.运行前端编译文件（该方法时使用的宝塔安装nginx，如果手动安装的话，文件的路径要修改一下）如果首页出现了白屏的现象，我的认为是前端的资源太大，可以在打包的时候进行配置页面的。对文件的压缩可以优化nginx的效率。2.打包后的文件上传。

原创 前后端分离项目部署（3）---宝塔部署环境

2.安装完成之后，又遇到一个问题，我的8888端口在阿里云打开了,但是宝塔的面板打不开。这个入口就是访问放行，目的填写你放行的端口，源可以默认0.0.0.0/0，让所有人访问。宝塔的安装过程可能出现无法启动面板的情况，我找了很多解决方法，这个方法可以解决。自己手动上传配置有点痛苦，如果没有其他的兼容性问题可以使用宝塔部署。在软件商店选择需要安装的软件进行安装，然后在数据库界面建立数据库。使用系统对应的命令，现在基本都是使用Centos的比较多。要用端口的时候一定要去服务器控制台打开端口放行。

原创 前后端分离项目部署（2）---使用远连接部署环境

阿里云控制台有自带的远程连接，我使用的是finallshell,这是一个国产的软件，也可以使用xshell或者其他的（也可以直接使用宝塔安装环境，但是有时候java的jdk需要特定的版本，可以用这种方式进行手动上传安装。这是linux的vim编辑器，“i”是进行插入，写完之后ESC，然后“：wq”保存退出。3.为了防止各种奇怪的权限问题，最好把jdk和ngnix放在usr文件夹里面。如果使用的是linux系统,要下载相应的linux版本的jdk。进行路径配置,改成自己的文件名。2.点击创建的连接进入连接。

原创 前后端分离项目部署（1）---白嫖阿里云服务器

1.第一个是云工开物有学生认证，送300元的优惠券,你就可以拿去买服务器了（这个是2核1M的，可能是太垃圾了，我在部署的过程中经常断掉连接。2.第二个活动就是新人优惠，有七个月的使用，配置都为默认配置。如果你觉得公网IP不爽，还可以去搞一个域名（备案有点麻烦）买的时候注意一定要选公网IP。当然不可能花钱的啦！