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