zoukankan      html  css  js  c++  java
  • 每日思考(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()}`
        })
    }
    
  • 相关阅读:
    Linux文件查询笔记
    C语言学习和回顾
    hive的数据压缩
    进程线程那些事儿
    hive的数据存储格式
    hive的内置函数
    Hive自定义函数
    spark编译
    Impala的安装和使用
    数据库的读写分离
  • 原文地址:https://www.cnblogs.com/EricZLin/p/12037768.html
Copyright © 2011-2022 走看看