- 博客(9)
- 收藏
- 关注
RSS订阅原创 煜龙时空pc端以及移动端总结
pc端基本都是有对应的接口请求遍历 轮播图也是用elementui框架实现 页面总体来说没什么难度 无非是点击的效果 路由跳转 点击传参 轮播效果 遇到的问题也是盒子模型的不熟练 经过此次练习 熟悉了一遍盒子模型 基本掌握了盒子模型移动端的效果也是轮播效果 移动端的适配 路由跳转 路由传参 遇到的问题则是计算px转换rem的问题 以及盒子模型的应用不太熟练 经过此次练习一样熟悉了盒子模型下面为大家展示我实现的移动端首页这里的路由跳转是通过router-view来进行显示的接下来是轮播图的实现代码
2022-05-05 16:58:55
108
原创 美食杰的个人主页编辑资料
首先我们先从vuex中拿到没修改之前的头像，名字，个人简介，判断登录页的token合不合法。<div class="edit-item"> <span class="label">修改头像</span> <upload-img imgMaxWidth="210" action="/api/upload?type=user" :imageUrl="avatar" @res-url
2022-03-23 10:06:55
95
原创 回调地狱是什么？如何解决？
层层嵌套的异步函数的操作叫做回调地狱，它不便于代码的维护，相当复杂。那么我们又该如何解决回调地狱呢？我们可以用promise解决。那么promise有什么状态呢？pending: 初始状态，既不是成功状态，也不是失败状态fulfilled: 操作成功完成rejected: 操作失败注意：Promise本身只是个容器，不是异步的，其中要完成的任务才是异步的。then方法接受的第一个函数的参数，对应着生成Promise函数中接收的resolve；第二个函数的参数，对应着reject.then方
2022-03-17 19:28:17
337
原创 Vue中的async和await
async和await作为异步函数，语法很简单，就是在函数前面加上async 关键字，来表示它是异步的。await 表示等一下，代码就暂停到这里，不再向下执行了。那么异步函数到底意味着什么呢？异步函数意味着该函数的执行不会阻塞后面代码的执行那怎么调用呢？async 函数也是函数，平时我们怎么使用函数就怎么使用它，直接加括号调用就可以了，为了表示它没有阻塞它后面代码的执行，我们在async 函数调用之后加一句console.log;代码如下async function timeout() {
2022-03-16 20:55:27
22194
5
原创 美食杰个人空间效果（子路由切换）
效果如下 const Fans = ()=> import(/*wbpackChunkName:"space"*/ '@/views/user-space/fans');const MenuList = ()=> import(/*wbpackChunkName:"space"*/ '@/views/user-space/menu-list');// const Register =() => import('@/views/user-login/register');con
2022-03-15 20:48:50
81
原创 Query和params的区别？
今天实现美食杰个人主页的效果用到了query传参的方法那么接下来我会叙述一下query和params的区别query语法：this.$router.push({path:"地址",query:{id:"123"}}); 这是传递参数this.$route.query.id； 这是接受参数params语法：this.$router.push({name:"地址",params:{id:"123"}}); 这是传递参数this.$route.params.id; 这是接受参数通过两者的语
2022-03-14 20:38:44
11719
3
原创 美食杰路由守卫
登录注册的功能逻辑：beforEach有些路由时需要登录状态的，判断登录状态(是否需要登录)不需要登录的， 直接跳转需要登录的：进入下一步判断：a. 判断是否已经登录，如果以及登录，直接跳转b. 判断是否已经登录，如果没有登录，跳转到登录页在router里的index.js设置路由守卫 判断是否登录 如果没登录就让它跳转到登录页今天的内容就到这里了下次再见哦...
2022-03-13 21:22:20
293
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人