摘要: 目录1.封装2.调用3.效果 1.封装 <template> <transition :name="transitionName"> <div v-show="visible" class="back-to-ceiling" @click="backToTop"> <svg width="16" h 阅读全文
posted @ 2024-06-05 13:50 Frommoon 阅读(2) 评论(0) 推荐(0) 编辑
摘要: 目录1.在构建的vue3项目中安装vue-router2.创建路由3.挂载router4.配置路由5.使用路由组件6.测试 1.在构建的vue3项目中安装vue-router npm install vue-router --save 2.创建路由 在src/router/index.ts //通过 阅读全文
posted @ 2024-06-03 19:55 Frommoon 阅读(3) 评论(0) 推荐(0) 编辑
摘要: 目录1.在构建的vue3项目中安装element-plus2.导入element-plus3.检验 1.在构建的vue3项目中安装element-plus npm install element-plus --save 2.导入element-plus 在src下的main.ts文件导入 impor 阅读全文
posted @ 2024-06-03 19:35 Frommoon 阅读(2) 评论(0) 推荐(0) 编辑
摘要: 目录1.基本概念2.XMLHttpRequest 对象的三个常用的属性3.创建Ajax基本步骤(1)创建XMLHttpRequest对象(2)设置请求方式(3)监听响应状态(4)向服务器端发送请求4.ajax 封装 1.基本概念 AJAX:是一种异步通信的方法,通过直接由 js 脚本向服务器发起 h 阅读全文
posted @ 2024-05-28 16:54 Frommoon 阅读(5) 评论(0) 推荐(0) 编辑
摘要: 目录promise的原理手写Promise promise的原理 回调地狱:当想要异步任务按顺序执行时,用回调函数套回调函数实现,这种情况就叫回调地狱。 promise就是用来解决回调地狱问题的 promise在A+规范里面就是一个带.then()方法的对象或函数 promise在ES6里面,是一个 阅读全文
posted @ 2024-05-26 15:19 Frommoon 阅读(1) 评论(0) 推荐(0) 编辑
摘要: 目录三栏布局法一:float浮动法二:定位实现法三:flex弹性盒实现法四:table实现法五:圣杯布局实现法六:双飞翼布局 三栏布局 定义:包含左中右三栏,左边列和右边列的宽度都是固定的,中间列的宽度是自适应的 法一:float浮动 right右侧的盒子需要放到中间盒子的前面,否则如果将右侧盒子放 阅读全文
posted @ 2024-05-24 18:35 Frommoon 阅读(3) 评论(0) 推荐(0) 编辑
摘要: 目录问题回答axios二次封装 本文对Axios进行了讲解,并实现了对axios的二次封装 问题 请求API使用什么工具? 回答 Axios,它提供了一个简单而强大的 API 来处理 HTTP 请求。比如使用 axios.get() 方法发起一个 GET 请求,然后,使用 Promise 的 the 阅读全文
posted @ 2024-05-11 11:10 Frommoon 阅读(5) 评论(0) 推荐(0) 编辑
摘要: 目录1.修改好上线环境中的请求地址2.打包项目3.连接服务器4.配置nginx代理5.上线成功 1.修改好上线环境中的请求地址 2.打包项目 进入项目根目录,输入npm run build 解决报错问题 当我们无法解决多而烦的ts检查报错时,可以在项目中的package.json文件中把下图中原本的 阅读全文
posted @ 2024-05-10 18:23 Frommoon 阅读(9) 评论(0) 推荐(0) 编辑
摘要: 目录1.静态搭建2.修改element-plus原有样式3.问题4.实现代码 需求:当我在取色器中选择好颜色后,把element-plus默认的.el-button--primary这个按钮的背景色(--el-button-bg-color)进行切换 1.静态搭建 <template> <el-po 阅读全文
posted @ 2024-05-08 10:02 Frommoon 阅读(100) 评论(0) 推荐(0) 编辑
摘要: 目录1.封装request请求2.定义ts类型3.封装接口4.发请求(1)测试可否拿到id(2)测试接口返回结果5.拿数据6.展示数据(1)展示当前用户已有的职位(2)复选框按钮 1.封装request请求 位置在\src\utils\request.ts //进行axios二次封装:使用请求与响应 阅读全文
posted @ 2024-05-06 11:57 Frommoon 阅读(8) 评论(0) 推荐(0) 编辑