getBoundingClientRect与transform的兼容
先说结论
getBoundingClientRect
会受到 transform
的影响,比如你的元素设置了 transform:scale(2)
,那么 getBoundingClientRect
返回的 width
会是元素实际宽度的2倍,top
等位置信息也会因为元素尺寸变化而发生变化。
getBoundingClientRect
会受到 transform
的影响,比如你的元素设置了 transform:scale(2)
,那么 getBoundingClientRect
返回的 width
会是元素实际宽度的2倍,top
等位置信息也会因为元素尺寸变化而发生变化。
集合的分类:
本文主要介绍 24 中 es6 方法,这些方法都挺实用的,本本请记好,时不时翻出来看看。
由于 JavaScript
的限制,Vue
不能检测以下变动的数组:
vm.items[indexOfItem] = newValue
vm.items.length = newLength
数组是 JS 中广泛使用的数据结构。数组对象提供了大量有用的方法,如array. forEach()
、array.map()
等来操作数组。
在实战中,我经常对数组可能的操作和相应采用哪个更好的方法不知所措,所以本文就列出 15
种常用数据方法,让咱们重温加强记忆一下。
有些时候,用户可能会重复请求数据,造成不必要的浪费,所以很有必要拦截重复的请求。
Vue CLI3出了有一段时间了,但是项目上面还是用的Vue CLI2,最近看到小伙伴在研究,于是抽了一个下午加晚上的时间,把vue.config.js
这块配置好。项目中用的是Sass,希望是公共的样式提取到一个scss文件中,页面单独的样式就写在vue里面,这样后期维护比较方便。
在vue中,使用watch
来响应数据的变化,watch
的用法大致有三种: