前端内容

水平垂直居中 方法1 绝对定位加margin：auto 方法2 绝对定位配合负margin 方法3 绝对定位配合transform 方法4 flex布局

事件基础 常见事件：鼠标事件、键盘事件、表单事件、编辑事件、页面事件 在script中调用调用 在HTML行内元素中调用 1. 鼠标事件 事件 说明 onclick 鼠标单击 onmouseover

1. rem 基础 rem 单位 rem 是一个相对单位，类似于em，先熟悉一下em：em是父元素的字体大小 1em = 父元素字体大小 10em = 10 * 父元素大小（假设父元素字体大小为12p

1、flex布局 任何一个容器都可以指定为flex布局。 当我门为父盒子设为flex布局后，子元素的float、clear和vertical-align属性将失效。 伸缩布局=弹性布局=伸缩盒布局=弹

HTML5新增元素和属性 1、新增元素 1.1 新增结构元素 HTML5新增的主要元素结构有6个：header、nav、article、aside、section、footer。 <header>：它

reduce函数基本用法 语法： 作用： 接收一个函数作为累加器,为数组中的每一个元素依次执行回调函数，不包括数组中被删除或从未被赋值的元素，接受四个参数：初始值（上一次回调的返回值），当前元素值，当

filter(过滤器) 作用: 创建一个新数组，新数组中的元素为通过测试指定数组中符合条件的所有元素 实例: 将数组中小于100的数值保存到新数组 注意: filter中的回调函数必须返回一个布尔值,

字符串常用方法： 方法 说明 toLowerCase( ) 将大写字母转换为小写字母 toUpperCase( ) 将小写字母转换为大写字母 charAt(n) 获取（n+1）个字符 substrin