关于autofill伪类的 兼容性：在现代浏览器中，包括Chrome、Safari、Firefox等，都支持:autofill伪类，但在使用时必须加上浏览器前缀-webkit-，即:-webkit-autofill。 在旧版的浏览器中，可能不支持:autofill伪类，需要使用其他的hack方法来实现。同时，不同浏览器也可能对:-webkit-autofill的支持程度不同，需要根据实际情况来选择合适的hack方法。 经测试，貌似不用-webkit-autofill也可以。某些情境下可能需要使用 :-webkit-autofill伪类。具体情况，具体分析。【以下 方法中的 属性值 最好都加 “! important”，以绝后患！】 方法一:box-shadow12345678910input:-webkit-autofill { color: transparent; background-clip: content-box; background-color: white; caret-color: black; /*光标设置为 黑色*//*上 ...
Map的数据结构：一组具有键值对的结构,注意参数顺序（key：value），key具有 唯一性 value可有可无，可重复 123456//写法1：var m=new Map([['Michael',95],['Bob',75],['Tracy',85]]);//写法2var scoreList =[{name:'Tim',age:18,score:90}, {name:'Tony',age:17,score:95}, {name:'Kevin',age:18,score:91}]; 如上为map的数据结构用 二维数组 表示的键值对 map结构常用方法：12345678910111213141516171819map.set(key,value)---->给map添加键值对元素，返回值类型为空类型var m=new Map();//添加空的 ...
一、commonJs模块化规范【1.js文件直接输出结果；2.须在node 环境使用，html不认识require，报错Uncaught ReferenceError: require is not defined】目录结构： –index.js【入口js，该js文件使用“require 关键字”引入 小模块nodeOut.js】–nodeOut.js【小模块，该js文件使用“exports 关键字”暴露 数据】 》》nodeOut.js 暴露 数据：注意：（若引入的是没有 通过exports暴露的 模块（js文件），会得到一个空对象 {} ）1.被引入模块的（js文件,例如nodeOut.js）中，通过exports暴露的是 至少包含一个 键值对 的 对象；被引入模块的（json文件）中，通过exports暴露的是“json文件中的内容”。将要引入 模块的（js文件）中，通过require(‘.js’)引入的是 至少包含一个 键值对 的 对象。示例：暴露（一个数据） 123456exports.address = '郑州'，或let address = &# ...
[TOC] 一、字符串操作切割、合并、截取split函数：String.split(separator, ?limit) 功能：使用一个指定的分隔符把一个字符串分割存储到数组 123const str = 'jpg|bmp|gif|ico|png';let arr = str.split('|'); // [jpg, bmp, gif, ico, png]let arr = str.split('|', 2); // [jpg, bmp] - 第二个参数用来限制数组大小 concat函数：String.concat(…strings) 功能：将多个字符串依次并在String的后面 1'start'.concat(', ', 'hello', ' world') // start, hello world slice、substring、substr比较函数：String.slice(start, ?end)start：必填。指定子字符串开始位置，默 ...
一、中间 自适应，左右两边 宽度固定 方法1：box容器 Flex布局，center设置为 flex:1123456789101112131415161718192021222324252627282930313233343536373839404142<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style type="text/css"> ...
