1. 什么是Sass?Sass(Syntactically Awesome Stylesheets)是一个 CSS 预处理器，是 CSS 扩展语言，可以帮助我们减少 CSS 重复的代码，节省开发时间。2. 为什么使用Sass？它能够帮我们更快更高效的编写更好维护的 css；Sass 引入合理的样式复用机制，可以节约很多时间来重复。Sass的好处当然不仅于此，当你使用之后便会发现其中的妙处。3. S

1. Flex布局是什么?Flex是Flexible Box的缩写，意为”弹性布局”，用来为盒状模型提供最大的灵活性。布局的传统解决方案，基于盒状模型，依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。任何一个容器都可以指定为Flex布局。注意：设为Flex布局后,子元素的float、clear和vertical-al

1. 什么是Sass?Sass(Syntactically Awesome Stylesheets)是一个 CSS 预处理器，是 CSS 扩展语言，可以帮助我们减少 CSS 重复的代码，节省开发时间。2. 为什么使用Sass？它能够帮我们更快更高效的编写更好维护的 css；Sass 引入合理的样式复用机制，可以节约很多时间来重复。Sass的好处当然不仅于此，当你使用之后便会发现其中的妙处。3. S

介绍ECMAScript 6 新增的“弱集合”（WeakSet）是一种新的集合类型，为这门语言带来了集合数据结构。WeakSet 是 Set 的“兄弟”类型，其 API 也是 Set 的子集。WeakSet 中的“weak”（弱），描述的是 JavaScript 垃圾回收程序对待“弱集合”中值的方式。基本API1. 创建WeakSet实例可以使用 new 关键字实例化一个空的 WeakSet：co

介绍ECMAScript 6 新增的“弱映射”（WeakMap）是一种新的集合类型，为这门语言带来了增强的键/值对存储机制。WeakMap 是 Map 的“兄弟”类型，其 API 也是 Map 的子集。WeakMap 中的“weak”（弱），描述的是 JavaScript 垃圾回收程序对待“弱映射”中键的方式。基本API1. 创建可以使用 new 关键字实例化一个空的 WeakMap：const

介绍ECMAScript 6 以前，在 JavaScript 中实现“键/值”式存储可以使用 Object 来方便高效地完成，也就是使用对象属性作为键，再使用属性来引用值。但这种实现并非没有问题，为此 TC39 委员会专门为“键/值”存储定义了一个规范。作为 ECMAScript 6 的新增特性，Map 是一种新的集合类型，为这门语言带来了真正的键/值存储机制。Map 的大多数特性都可以通过 Ob

介绍ECMAScript 6 新增的 Set 是一种新集合类型，为这门语言带来集合数据结构。Set 在很多方面都像是加强的 Map，这是因为它们的大多数 API 和行为都是共有的。基本API1. 创建Set实例使用 new 关键字和 Set 构造函数可以创建一个空集合：const s = new Set();如果想在创建的同时初始化实例，则可以给 Set 构造函数传入一个可迭代对象，其中需要包含插

自定义属性：在日常开发中，html的内置属性已经无法满足程序员的日常开发，所以需要我们自己定义属性，H5给我们新增了自定义属性，为了防止自定义属性和内置属性引起歧义，所以H5规定自定义属性以data-开头定义。1. 获取元素的属性值element.属性名element.getAttribute(“属性名”)element.属性名 和 element.getAttribute(“属性名”) 的区别：

location 是最有用的 BOM 对象之一，提供了当前窗口中加载文档的信息，以及通常的导航功能。主要是对浏览器url地址相关数据的获取和定义。1. location常用属性location.href: 返回当前页面的完整的URL地址；location.search: 返回URL后面的参数(类似于"?name=lc&age=20")；location.protocol: 返回页面使用的协

防抖原理事件响应函数在一段时间后才执行，如果这段时间内再次调用，则重新计算执行时间。意思是如果在规定的时间内无论你怎么触发事件都不会执行，只有在最后一次触发事件后并且在规定的时间内无触发事件操作才会执行。防抖原理举例(这里以点击按钮为例)：设置防抖的时间为2秒；点击一次按钮，则开始倒计时；如果在2秒内再次点击按钮，则重新从2秒开始倒计时；如果2秒过后没有再点击按钮，则执行点击按钮对应的事件，否则就