前端易错
文章平均质量分 55
前端易错内容整理
新阿伟先生
这个作者很懒,什么都没留下…
展开
-
js判断数组中是否存在某个值的几种方法
array.indexOf判断数组中是否存在某个值,如果存在返回数组元素的下标,否则返回-1 let arr = ['something', 'anything', 'nothing', 'anything']; let index = arr.indexOf('nothing'); # 结果:2array.includes(searchElement[, fromIndex])判断一个数组是否包含一个指定的值,如果存在返回 true,否则返回false。参数:search..原创 2021-08-13 15:16:05 · 79703 阅读 · 2 评论 -
元素居中的五种方法
通过margin实现首先需要将父元素样式设置position:relative;将子元素样式设置position:absolute;left:50%;margin-left: -自身宽度的一半;top:50%;margin-top: -自身高度的一半;通过margin实现首先需要将父元素样式设置position:relative;将子元素样式设置position:absolute; top 0bottom 0left 0right 0margin auto通..原创 2021-08-04 14:50:43 · 390 阅读 · 0 评论 -
css遮罩 mask属性
先上一张咱们的原始图rs7.jpg 如下:一、mask-image属性 1.基本的png图遮罩展示 我们使用的遮罩图片ad.png,如下: html:<img src="rs7.jpg" alt="" class="mask-img"> css:.mask-img { width: 300px; height: auto; -webkit-mask-image: url(ad.png); m...转载 2021-06-25 11:51:54 · 1005 阅读 · 0 评论 -
undefined和null的区别
undefined和null是JavaScript中基本数据类型中较为特殊的两种数据类型。以下定义来源于百度百科:undefined,一个特殊值,通常用于指示变量尚未赋值。在高级程序设计语言设计应用程序时,用于指示变量尚未用单等号进行赋值(常量未定义)。null,一个特殊值,Null是在计算中具有保留的值,用于指示指针不引用有效对象。如果翻译为大白话就是:undefined 表示...原创 2020-03-15 17:44:19 · 1651 阅读 · 0 评论 -
flex布局详解
CSS3弹性盒子弹性盒子是CSS3的一种新布局模式。CSS3 弹性盒( Flexible Box 或 flexbox),是一种当页面需要适应不同的屏幕 大小以及设备类型时确保元素拥有恰当的行为的布局方式。引入弹性盒布局模型的目的是提供一种更加有效的方式来对一个容器中的子元素进行排列、对齐和分配空白空间。CSS3 弹性盒子内容弹性盒子由弹性容器(Flex container)和弹...原创 2020-03-01 20:53:43 · 187 阅读 · 0 评论 -
css3过渡——transition
过渡1是CSS3中新加的功能,CSS3虽然还没与正式发布,但各大浏览器都已支持,最新版本不需要添加前缀使用,本文将对CSS3过渡做一浅析。定义通过 CSS3,我们可以在不使用 Flash 动画或 JavaScript 的情况下,当元素从一种样式变换为另一种样式时为元素添加效果。浏览器支持Internet Explorer 10、Firefox、Chrome 以及 Opera 支持 tra...原创 2020-02-23 15:35:37 · 271 阅读 · 0 评论