web前端开发面试题(三)

前端面试题第三天

一、HTML 部分

1.1 全局属性有哪些(包含H5)

全局属性(global attribute)：用于任何HTML5元素的属性

简单介绍一下常用的一些：

id
class
name
title
data-
placeholder
bgcolor
style
src
href
disabled
value

注意：

width和height不是全局，但他们不是全局，但他们不是全局！！！

例如：

有该属性的元素，使用可以不用单位，默认是像素。（html5规定还必须像素）
<input width="100">
或者
<input width="100px">

二、CSS 部分

2.1 隐藏元素的方法

占位:
visibility: hidden;     //隐藏占据位置
margin-left: -100%;		//右移百分百
opacity: 0;				//设置不透明
transform: scale(0);	//缩小到0

不占位:
display: none;			// 隐藏不占据位置
width: 0; height: 0;	// 宽高都为0
overflow: hidden;		// 超出隐藏

仅对块内文本元素:
text-indent: -9999px;	// 文字移动
font-size: 0;			// 字体为0

三、JS 部分

3.1 去除字符串中最后一个指定字符

<script>
        var str = 'web_chicken form 优快云'
        function delLast(str, del) {
            if (typeof str !== 'string') {
                alert('请确认要删除的对象为字符串！');
                return false;
            } else {
                // 传入的字符在当前字符串中最后一次出现的位置
                let index = str.lastIndexOf(del);
                // substring(开始位置，截取位置)
                // 获取最后一个传入子串的位置并进行截取
                //截取传入字串之前的 +  截取传入字串位置+1  组合
                console.log(str.substring(0, index) + str.substring(index + 1, str.length))
            }
        }
        delLast(str, 'D')
    </script>