css3包含的模块有：1、列表模块，用于给HTML列表添加样式；2、多列布局，它扩展块布局模式，以便更容易地定义多列文本；3、颜色模块，提供多种定义颜色的方式，例颜色名、rgb()、hsl()等；4、媒体查询，让CSS可以作用于不同的设备。

在es6中，解构指的是按照一定的模式从数组和对象中提取值，对变量进行赋值的行为；常见的有对象结构、数组解构和混合解构，是一种将数据结构分解成更小的部分的过程，从而达到简化提取信息的目的。本教程操作环境：windows10系统、ECMAScr

在es6中，reduce()方法可以遍历数组，让数组的前后两项进行某种计算，然后返回其值，并继续计算，不改变原数组，返回计算的最终结果来进行求和计算，语法为“arr.reduce(function(a,b){sum=a+b;});”。本教程

方法：1、用“数组对象.find(对象条件)”，该方法返回数组中满足提供函数第一个元素的值，若不存在返回undefined；2、用“数组对象.findIndex(对象条件)”，该方法返回数组中满足提供函数第一个元素的索引，若不存在返回-1。

css3新增的三种边框效果：1、边框图片“border-image”，可为边框添加背景图片；2、边框圆角“border-radius”，可给边框添加一个或多个圆角效果；3、边框阴影“box-shadow”，可将一个或多个阴影添加到元素框上。

方法：1、利用“数组.keys()”方法，该方法能够遍历数组索引；2、利用“数组.values()”方法，该方法能够遍历数组元素；3、利用“数组.entries()”方法，该方法能够遍历数组的索引和元素。本教程操作环境：windows10系

实现方法：1、使用“:active”选择器选中鼠标点击图片的状态；2、使用transform属性和scale()函数实现图片放大效果，语法“img:active {transform: scale(x轴放大倍数,y轴放大倍数);}”。本教程

在es6中，可以利用flat()方法将二维数组转为一维数组，该方法会默认“拉平”一层数组，可以利用参数设置要转换的层数，该方法只返回一个新的数组，不会更改原数组，语法为“二维数组.flat()”。本教程操作环境：windows10系统、EC

在es6中，import as用于将若干export导出的内容组合成一个对象返回；ES6的模块化分为导出与导入两个模块，该方法能够将所有的导出内容包裹到指定对象中，语法为“import * as 对象 from ...”。本教程操作环境：w

在css中，可用list-style-type属性来去掉ul的圆点标记，语法为“ul{list-style-type:none}”；list-style-type属性可设置列表项标记的类型，当值为“none”可不定义标记，也可去除已有标记。

区别：1、es6构造函数中类的变量不会被提升，也就是对象只能在类的定义之后才能创建，而es5中声明构造函数会变量提升；2、es6不可以直接调用构造函数，es5中可以直接调用构造函数，将构造函数当成普通函数使用。本教程操作环境：windows

html5的div元素默认一行不可以放两个。div是一个块级元素，一个元素会独占一行，两个div默认无法在同一行显示；但可以通过给div元素添加“display：inline;”样式，将其转为行内元素，就可以实现多个div在同一行显示了。本

优点：1、符合W3C标准，可保证网站不会因为网络应用的升级而被淘汰；2、实现网页页面内容与表现相分离，有利于文档的语义结构，更容易维护和更改；3、页面体积变小，页面载入速度变快；4、网页代码更简洁，正文更为突出明显，便于被搜索引擎采集收录。

在es6中，Symbol可用于作为属性名、定义变量或者常量，表示独一无二的值，是es6中新增的数据类型，通过Symbol声明的两个变量永远不可能相等，语法为“const name=Symbol("value")”。本教程

map是es6中的方法；该方法可以对数组的每个元素调用指定的回调函数，并且返回包含结果的数据，返回结果是一个新的数组，语法为“数组对象.map(function 回调函数(数组元素的值,数组元素索引,数组对象));”。本教程操作环境：win

转换方法：1、给英文元素添加“text-transform: uppercase;”样式，可将所有的英文字母都变成大写；2、给英文元素添加“text-transform:capitalize;”样式，可将英文文本中每个单词的首字母变为大写。

在es6中，可以利用“Array.isArray()”方法判断对象是否为数组，若判断的对象是数组，返回的结果是true，若判断对象不是数组，返回的结果是false，语法为“Array.isArray(需要检测的js对象)”。本教程操作环境：

es6装饰器有两种。装饰器只能用于类和类的方法，因此可以分为：1、类装饰器，用来装饰整个类，语法为“@ 函数名”；2、类方法装饰器，用来装饰类的方法，语法为“@ 函数名 方法名”。本教程操作环境：windows10系统、ECMAScript

方法：1、定义一个空元素；2、用“::before”和content插入横线，语法“元素::before{content:"——"}”；3、用“::after”和content插入箭头，语法“元素::after{cont