前端开发

CSS3布局之columns多列布局

2020-06-15562次阅读css模块
columns用来设置元素的列宽和列数。
前端开发

conic-gradient()圆锥形渐变实现背景图案

2020-06-15737次阅读css模块
conic-gradient()锥形渐变它可以大大简化background背景图案实现。
前端开发

CSS4媒体查询@media (hover: hover)

2020-06-151150次阅读csscss模块
CSS4媒体查询@media (hover: hover)仅允许您在具有悬停功能的设备上应用样式。
前端开发

aspect-ratio元素放在元素上即可根据auto宽度计算出高度

2020-06-15604次阅读css模块
aspect-ratio如果不设置宽度,元素将仍然具有自然的auto width。因此,可以根据纵横比和渲染的宽度来计算高度。
前端开发

如何在JavaScript中获取页面上的所有自定义属性

2020-06-15555次阅读javascript
在JavaScript中,我们可以使用getComputedStyle和getPropertyValue访问属性值。
前端开发

CSS mask遮罩之mask-image

2020-06-15726次阅读css模块
一般来说mask-image需要一张有透明部分的图片,该图片用于遮挡在指定的dom上,被图片透明部分遮住的部分将不被显示,被不透明部分遮住的部分将显示。显示的是背景图片或者背景色。也就说我们只要一张图片即可显示不同颜色效果。
前端开发

CSS display:flow-root声明

2020-06-15694次阅读css模块
display:flow-root可以让元素块状化,同时包含格式化上下文BFC,可以用来清除浮动,去除margin合并,实现两栏自适应布局等。
前端开发

String.prototype.replace网页模板替换

2020-05-26659次阅读javascript原生Js
replace方法第二个参数的替换函数,可以接受多个参数。其中,第一个参数是捕捉到的内容,第二个参数是捕捉到的组匹配(有多少个组匹配,就有多少个对应的参数),这样就可以实现一个网页模板替换的例子。
前端开发

Unable to preventDefault inside passive event listener due to target being treated as passive

2020-05-201401次阅读原生Jsjavascript
从chrome56开始,在window、document和body上注册的touchstart和touchmove事件处理函数,会默认为是passive: true。浏览器忽略preventDefault()
前端开发

Array.prototype.reduce找出字符长度最长的数组成员

2020-05-08773次阅读javascript
Array.prototype.reduce找出字符长度最长的数组成员。