CSS4媒体查询@media (hover: hover)仅允许您在具有悬停功能的设备上应用样式。
aspect-ratio如果不设置宽度,元素将仍然具有自然的auto width。因此,可以根据纵横比和渲染的宽度来计算高度。
在JavaScript中,我们可以使用getComputedStyle和getPropertyValue访问属性值。
一般来说mask-image需要一张有透明部分的图片,该图片用于遮挡在指定的dom上,被图片透明部分遮住的部分将不被显示,被不透明部分遮住的部分将显示。有透明部分的图片也可以通过PS快速创建一个蒙版图片,几秒钟就可以搞定。png图片放到psd里–>画一个黑色的矩形覆盖png图–>在矩形图层上右键“创建剪贴蒙版”–>保存收工
display:flow-root可以让元素块状化,同时包含格式化上下文BFC,可以用来清除浮动,去除margin合并,实现两栏自适应布局等。
replace方法第二个参数的替换函数,可以接受多个参数。其中,第一个参数是捕捉到的内容,第二个参数是捕捉到的组匹配(有多少个组匹配,就有多少个对应的参数),这样就可以实现一个网页模板替换的例子。
从chrome56开始,在window、document和body上注册的touchstart和touchmove事件处理函数,会默认为是passive: true。浏览器忽略preventDefault()
Array.prototype.reduce找出字符长度最长的数组成员。
Object.prototype.toString方法返回对象的类型字符串。结果返回一个字符串object Object,其中第二个Object表示该值的构造函数。这是一个十分有用的判断数据类型的方法。
利用二进制位运算符或运算符(or):符号为|,表示若两个二进制位都为0,则结果为0,否则为1。来实现快速取整。i = i | 0;