每日思考（2019/12/13）

题目概览

• 简述超链接target属性的取值和作用
• CSS3新增伪类有哪些并简要描述
• 写一个把字符串大小写切换的方法

题目解答

简述超链接target属性的取值和作用

<a target="value">

值	描述
_blank	在新窗口中打开被链接文档。
_self	默认。在相同的框架中打开被链接文档。
_parent	在父框架集中打开被链接文档。
_top	在整个窗口中打开被链接文档。
framename	在指定的框架中打开被链接文档。

CSS3新增伪类有哪些并简要描述

CSS3伪类	作用
:root	文档根元素，总是返回html
:last-child, :only-child, :only-of-type	文本的最后一个 / 唯一一个 / 指定类型的唯一一个 子元素
:nth-child(n), :nth-last-child(n), :nth-of-type(n), :nth-last-of-type(n),	第n个 / 倒数第n个 / 指定类型的第n个 / 指定类型的倒数第n个 子元素
:enabled, :disabled	启用 / 禁用
:checked	已勾选
:default	默认，例如radio group中默认选中的radio
:valid, :invalid, :required, :optional, :in-range, :out-of-range	校验有效 / 校验无效 / 必填 / 非必填 / 限定范围内 / 限定范围外的 input
:not()	括号内条件取反
:empty	没有子元素的元素
:target	URL片段标识符指向的元素

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

//方式一：利用fromCharCode
function caseConvert(str) {
  return str.split('').map(s => {
    const code = s.charCodeAt();
    if (code < 65 || code > 122 || code > 90 && code < 97) return s;
    
    if (code <= 90) {
      return String.fromCharCode(code + 32)
    } else {
      return String.fromCharCode(code - 32)
    }
  }).join('')
}
//方式二：利用s.toLowerCase()和s.toUpperCase()
function caseConvertEasy(str) {
  return str.split('').map(s => {
    if (s.charCodeAt() <= 90) {
      return s.toLowerCase()
    }
    return s.toUpperCase()
  }).join('')
}
//方式三：正则
function caseConvert(str){
    return str.replace(/([a-z]*)([A-Z]*)/g, (m, s1, s2)=>{
    return `${s1.toUpperCase()}${s2.toLowerCase()}`
    })
}