摘要: 1. 路由之间是怎么跳转的?有哪些方式1、<router-link to="需要跳转到页面的路径"> 2、this.$router.push()跳转到指定的url,并在history中添加记录,点击回退返回到上一个页面 3、this.$router.replace()跳转到指定的url,但是hist 阅读全文
posted @ 2022-09-26 16:46 jane_panyiyun 阅读(42) 评论(0) 推荐(0) 编辑
摘要: 为什么要改变this指向? 我们知道bind,call,apply的作用都是用来改变this指向的,那为什么要改变this指向呢?请看下面的例子: var name="lucy"; let obj={ name:"martin", say:function () { console.log(this 阅读全文
posted @ 2022-08-29 23:15 jane_panyiyun 阅读(266) 评论(0) 推荐(0) 编辑
摘要: 针对div display: flex; align-items: center; justify-content: center; 绝对定位+transform position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50 阅读全文
posted @ 2021-04-20 16:46 jane_panyiyun 阅读(60) 评论(0) 推荐(0) 编辑
摘要: vue 父组件向孙子组件传值除了用provide/inject的依赖注入的传值方法,还可以用$attrs 1. parent父组件 我们给child子组件穿了四个属性值(title,name,hobby,age) <template> <div> <button @click="add" >点击增加 阅读全文
posted @ 2021-04-20 16:37 jane_panyiyun 阅读(1003) 评论(0) 推荐(0) 编辑
摘要: 一般情况下我们父子组件之间的传值用的是props 如果想让父组件,向子组件的子组件,也就是孙子组件传值,可以用provide和inject(依赖注入),当然provide/inject也支持父子组件的传值 provide/inject需要一起使用,我们可以从父组件的provide传值,子组件或者孙组 阅读全文
posted @ 2021-04-20 16:26 jane_panyiyun 阅读(432) 评论(0) 推荐(0) 编辑
摘要: vue中组件的data为什么是一个函数 在文档上Vue组件基础这一节中告诉我们:一个组件的 data 选项必须是一个函数 通过 Vue 构造器传入的各种选项大多数都可以在组件里用。data 是一个例外,它必须是函数。如果定义了一个对象,那么 Vue 会停止,并在控制台发出警告,告诉你在组件中 dat 阅读全文
posted @ 2021-04-20 16:02 jane_panyiyun 阅读(344) 评论(0) 推荐(0) 编辑
摘要: 背景: 在前端开发中,我们会经常需要绑定一些持续触发的事件,如resize, scroll, mousemove等,但是有时候不希望在事件持续触发的过程中太频繁地执行函数 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> 阅读全文
posted @ 2021-04-20 14:01 jane_panyiyun 阅读(1820) 评论(0) 推荐(0) 编辑
摘要: 一,容器的属性(6个): .box{} 1. flex-direction属性: 决定主轴方向 (项目按什么方向排列) flex-direction: row | row-reverse | column | column-reverse (默认是row) 按图形如下记忆: ↓ ↑ → ← 2. f 阅读全文
posted @ 2021-04-20 10:18 jane_panyiyun 阅读(87) 评论(0) 推荐(0) 编辑
摘要: https://www.jianshu.com/p/54cc04190252 深入理解浏览器的缓存机制 笔记 前端性能优化 缓存,简单高校的性能优化方式 理由1:一个优秀的缓存策略,可以缩短网页请求资源的距离,减少延迟 理由2:同时,缓存文件可以重复利用,还可以减少带宽,降低网络负荷 如何优化?在哪 阅读全文
posted @ 2021-04-14 09:10 jane_panyiyun 阅读(109) 评论(0) 推荐(0) 编辑
摘要: 原生 自动滚动的滚动条,封装到class,还没测 class Scroll { contentHtml = null; contentBox = null; scorllBar = null; speed = 1; delay = 1; t = null; tip = null; construct 阅读全文
posted @ 2021-04-07 18:06 jane_panyiyun 阅读(66) 评论(0) 推荐(0) 编辑