技術標籤：JavaScriptweb前端cssjsjavascripthtmlcsshtml5

前端面試題第五天

一、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 CSDN'
        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>