1、HTML

  • 给 select 加一个 placeholder
    1
    2
    3
    4
    5
    6
    <select name="select" id="select">
      <option value="" disabled="" selected="" hidden="">请选择</option>
      <option value="0">HTML</option>
      <option value="1">CSS</option>
      <option value="2">JavaScript</option>
    </select>

2、CSS

  • chrome 表单自动填充样式修改
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    input:-webkit-autofill,
    select:-webkit-autofill,
    textarea:-webkit-autofill { 
      /* 自动填充的字体颜色 */
      -webkit-text-fill-color: #666 !important;

      /* 设置背景相关样式 */
      -webkit-box-shadow: 0 0 0px 1000px #fff inset !important;

      /* 其他样式 */
      background-color: #FFF;
      background-image: none;
    }

3、JavaScript

  • 获取 JSON 的 key
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    var obj = { name: "naruto", age: 23, dad: "minato"}

    // 1、使用 `for in` 来循环：
    for (var key in obj){
      console.log(key) // 依次输出 "name", "age", "dad"
    }

    // 2、使用 `Object.keys()` 来获取 :
    console.log( Object.keys(obj) ) // 输出一个数组 ["name", "age", "dad"]
    // 所以, 当我们需要某个 `key` 值时可以从当前数组中取得。

– 获取文件扩展名

1
2
3
4
5
6
7
8
  function getFileExtension(filename) {
  return filename.slice((filename.lastIndexOf(".") - 1 >>> 0) + 2);
}

// `String.lastIndexOf()` 方法返回指定值（本例中的`.`）在调用该方法的字符串中最后出现的位置，如果没找到则返回 -1。
// 对于`filename`和`.hiddenfile`，`lastIndexOf` 的返回值分别为0和-1无符号右移操作符(»>) 将-1转换为4294967295，将-2转换为4294967294，
// 这个方法可以保证边缘情况时文件名不变。
// `String.prototype.slice()` 从上面计算的索引处提取文件的扩展名。如果索引比文件名的长度大，结果为""。