摘要：
https://zhuanlan.zhihu.com/p/27407024 阅读全文
posted @ 2021-11-04 11:35
果果1024
阅读(22)
评论(0)
推荐(0)
摘要：
flex属性 是 flex-grow、flex-shrink、flex-basis三个属性的缩写。 推荐使用此简写属性，而不是单独写这三个属性。 flex-grow：定义项目的的放大比例； 默认为0，即 即使存在剩余空间，也不会放大； 所有项目的flex-grow为1：等分剩余空间（自动放大占位）； 阅读全文
posted @ 2021-10-25 16:23
果果1024
阅读(253)
评论(0)
推荐(0)
摘要：
什么是回流 当render tree中的一部分(或全部)因为元素的规模尺寸，布局，隐藏等改变而需要重新构建。这就称为回流(reflow)。每个页面至少需要一次回流，就是在页面第一次加载的时候，这时候是一定会发生回流的，因为要构建render tree。在回流的时候，浏览器会使渲染树中受到影响的部分失 阅读全文
posted @ 2021-10-25 16:08
果果1024
阅读(36)
评论(0)
推荐(0)
摘要：
rem是相对于根元素的，通常的做法是在html元素设置一个font-size属性，其他的元素大小都是相对于根元素大小来计算的em是相对于父元素的，当使用width、height、padding、margin时，如果是用em做单位，此属性的大小是相对于该元素的font-size属性px像素的意思，像素 阅读全文
posted @ 2021-10-25 16:03
果果1024
阅读(34)
评论(0)
推荐(0)
摘要：
// 获取异步请求对象function getXhr(){var xhr=null;if(window.XMLHttpRequest){ xhr=new XMLHttprequest();}else{ // 如果浏览器版本是IE8以下浏览器 xhr=new ActiveXObject('Micros 阅读全文
posted @ 2021-10-24 18:58
果果1024
阅读(249)
评论(0)
推荐(0)
摘要：
<component v-bind:is="currentTabComponent"></component> 应用场景：tab切换 阅读全文
posted @ 2021-10-24 18:54
果果1024
阅读(33)
评论(0)
推荐(0)
摘要：
事件修饰符：v-on：.stop、.prevent、.capture、.self、.once 按键修饰符：.enter、.tab、.delete(捕获“删除”和“退格”键)、.esc、.space、.up、.down、.left、.right 系统修饰符：.ctrl、.alt、.shift、.met 阅读全文
posted @ 2021-10-23 19:29
果果1024
阅读(40)
评论(0)
推荐(0)
摘要：
全局前置守卫：beforeEach、beforeResolve、afterEach 使用场景：1.用于登录验证（及用户长时间不登录的时候，跳出是否满意） 3.修改title，注意1中也可以修改，但是万一不跳到下一个页面，在1中修改会出错 路由独享守卫：beforeEnter 用于需要特别处理的情况（ 阅读全文
posted @ 2021-10-23 12:32
果果1024
阅读(1065)
评论(0)
推荐(0)
摘要：
1. npm install process 2. "serve": "vue-cli-service serve --mode local", "serve-qalocal": "vue-cli-service serve --mode qalocal" 3. 新建如下两个文件： .env.loc 阅读全文
posted @ 2021-10-23 12:03
果果1024
阅读(759)
评论(0)
推荐(0)
摘要：
写在一个函数中方便优化 getAddNum() { const timer = setInterval(() => { this.nums = this.nums+1 }, 500); // 通过$once来监听定时器，在beforeDestroy钩子可以被清除。 this.$once("hook: 阅读全文
posted @ 2021-10-23 11:41
果果1024
阅读(83)
评论(0)
推荐(0)
浙公网安备 33010602011771号