摘要: 1,全局前置守卫 写法为router.beforeEach( ( to,from,next)=>{ } ) 进入每个路由之前都会经过这里 写法为router.beforeEach( ( to,from,next)=>{ } ) 这个写在最外面 应用场景1给每一个组件写一个title 2进入每个页面都 阅读全文
posted @ 2021-08-21 17:33 JSkolo_yyds 阅读(77) 评论(0) 推荐(0) 编辑
摘要: 什么情况下回引起页面的重绘? 字体颜色 背景颜色 所有外观的属性改变… 注意:我们应当注意的是:重绘不一定导致重排,但重排一定会导致重绘。重排比重绘的代价要更高。 什么情况下会引起页面的重排? 添加或删除可见的DOM元素 元素位置改变 尺寸改变(边距、填充、宽度、高度) 浏览器窗口尺寸改变 阅读全文
posted @ 2021-08-21 14:17 JSkolo_yyds 阅读(25) 评论(0) 推荐(0) 编辑
摘要: debounce(防抖)的特点是当事件快速连续不断触发时,动作只会执行一次 节流(throttle)函数不管事件触发有多频繁,每隔一个时间周期就会执行一次事件处理程序 防抖简单实现 <input name="username" type="text" oninput="checkUsername(t 阅读全文
posted @ 2021-08-21 14:11 JSkolo_yyds 阅读(27) 评论(0) 推荐(0) 编辑
摘要: 1,动态路由匹配 const User = { template: '<div>User</div>' } const router = new VueRouter({ routes: [ // 动态路径参数 以冒号开头 { path: '/user/:id', component: User } 阅读全文
posted @ 2021-08-21 11:36 JSkolo_yyds 阅读(61) 评论(0) 推荐(0) 编辑
摘要: 1.写代码时容易犯的错 1.在使用 <van-list>上拉加载,下拉刷新时没有设置 :immediate-check="flag" flag为false时页面一打开就会触发onLoad()事件所以一定要写 2.再点击其他的type时或者关键字时 this.page=1要写上 this.finish 阅读全文
posted @ 2021-08-20 17:05 JSkolo_yyds 阅读(208) 评论(0) 推荐(0) 编辑
摘要: 1,写好goodsinfo接口在created生命周里调用一次这个接口表明页面一打开就会有根据条件请求的数据 在json-server里面搜索商品有几个单词要记住 ,第一是_sort排序的字段一般是数据库的字段比如id ,第二是 _order:"asc" 升序 _order:"desc" 降序,第三 阅读全文
posted @ 2021-08-20 16:39 JSkolo_yyds 阅读(268) 评论(0) 推荐(0) 编辑
摘要: 1获取参数 let id = this.$route.params.id; 这个参数数据在跳转成功的页面 比如列表跳到详情页在详情页中是可以看到这个参数数据的 route没有r 阅读全文
posted @ 2021-08-19 17:36 JSkolo_yyds 阅读(116) 评论(0) 推荐(0) 编辑
摘要: 1在个人页面中 有注册 登录 这两个实现互相跳转 使用 二级路由 2,在router中配好mine个人页面的路径 引入方式是一个函数的形式引入 component写成一个箭头函数 返回的 import(mine组件所在的位置) 3.在component下写一个children是一个数组数组里包含对象 阅读全文
posted @ 2021-08-19 17:29 JSkolo_yyds 阅读(224) 评论(0) 推荐(0) 编辑
摘要: 1.在当前组件写上 this.$router.push("/buy/" + id); 注意要加斜杠 "/buy" 表示在路由中配的路径 2.带参数再怎么在路由配路径 在router配好路径 阅读全文
posted @ 2021-08-19 17:13 JSkolo_yyds 阅读(121) 评论(0) 推荐(0) 编辑
摘要: 阅读全文
posted @ 2021-08-18 20:51 JSkolo_yyds 阅读(24) 评论(0) 推荐(0) 编辑