web前端开发面试题(五)

前端面试题第五天

一、HTML 部分

1.1 target属性的取值和作用

使用框架内的文档时，a标签的target属性确保被引用的URL能够加载到正确的框架中。

关于target的取值，html中保留了四个目标名称用作特殊的文档重定向操作：

1. blank:点击一次打开一个新窗口
2. self:默认值，本页面打开链接
3. parent：在父级窗口打开
4. top：在当前的整个浏览器中打开所链接文档，即在顶级窗口打开
5. new:始终在一个新窗口中打开

二、CSS 部分

2.1 CSS3新增伪类有哪些

• :root 选择文档的根元素，等同于 html 元素
• :empty 选择没有子元素的元素
• :target 选取当前活动的目标元素
• :not(selector) 选择除 selector 元素意外的元素
• :enabled 选择可用的表单元素
• :disabled 选择禁用的表单元素
• :checked 选择被选中的表单元素
• :after 在元素内部最前添加内容
• :before 在元素内部最后添加内容
• :nth-child(n) 匹配父元素下指定子元素，在所有子元素中排序第n
• :nth-last-child(n) 匹配父元素下指定子元素，在所有子元素中排序第n，从后向前数
• :nth-child(odd) 奇数
• :nth-child(even) 偶数
• :nth-child(3n+1) 倍数
• :first-child 第一个子元素
• :last-child 最后一个子元素
• :only-child
• :nth-of-type(n) 匹配父元素下指定子元素，在同类子元素中排序第n
• :nth-last-of-type(n) 匹配父元素下指定子元素，在同类子元素中排序第n，从后向前数
• :nth-of-type(odd)
• :nth-of-type(even)
• :nth-of-type(3n+1)
• :first-of-type
• :last-of-type
• :only-of-type
• ::selection 选择被用户选取的元素部分
• :first-line 选择元素中的第一行
• :first-letter 选择元素中的第一个字符

三、 JS 部分

3.1 写一个字符串大小写切换的方法

<script>
        let str = 'web_chicken form 优快云'
        let arr = []
        for (let item of str) {
            if (item === item.toUpperCase()) {
                item = item.toLowerCase()
            } else {
                item = item.toUpperCase()
            }
            arr.push(item)
        }
        let new_str = arr.join('')
        console.log(new_str)    // WEB_CHICKEN FORM csdn
    </script>