面试相关

1.浏览器的兼容问题：

• 图片默认有间距问题症状：几个img标签放在一起的时候，有些浏览器会有默认的间距，加了问题一中提到的通配符也不起作用。
  解决方案：使用float属性为img布局

• 关于max-width还有一个在IE8中经常遇到的问题就是max-width，网页中图片的尺寸可能比较宽，我会给它设置max-width: 100%来限制其宽度最大为父容器的宽度，但是有时候却不奏效，慢慢摸索才得知IE解析max-width所遵循的规则：严格要求直接父元素的宽度是固定的。经实验发现Chrome所遵守的规则比IE松一些，所以这个问题应该不归属为IE兼容性问题

• 横行的margin情况
  浏览器兼容问题一：块属性标签float后，又有横行的margin情况下，在IE8显示margin比设置的大
  问题症状:常见症状是IE8中后面的一块被顶到下一行
  解决方案：在float的标签样式控制中加入 display:inline;将其转化为行内属性
  不同浏览器的标签默认的外补丁和内补丁不同
  2.less和sass的的等css的预处理器
  好处：提供 CSS 缺失的样式层复用机制、减少冗余代码，提高样式代码的可维护性
  区别：

• 1.实现方式不同：
  Less是基于JavaScript，是在客户端处理的。

  Sass是基于Ruby的，是在服务器端处理的。

• 2.声明方式不同
  Less用@，Sass用$
  3.熟练使用JQuery、Zepto（一种轻量级的jQuery库；）以及swiper、iscroll等插件提高工作效率
  4.熟练使用Ajax、Jsonp、websocket实现数据交互；
  什么是ajax：
  AJAX 是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。而传统的网页（不使用AJAX）如果需要更新内容，必需重载整个网页面
  ajax的实现原理：
  1.创建一个xmlhttprequest请求对象，也就是创建一个异步调用对象
  2.通过open方法传输请求，定义请求对象的method 路径 携带的数据，以及是否异步
  3.设置响应http请求状态变化的函数
  4.通过send（）方法向服务器发送请求
  5.接收服务器的相应返回状态
  6.使用javaScript个DOM实现局部刷新
  jsonp
  动态创建一script标签，通过这个标签src访问不受限制
  webSocket
  基于TCP/IP协议实现
  是一种全双向的通信, 具有底层socket的特点
  节约带宽，节省服务器资源
  是HTML5的技术之一，具有巨大的应用前景

ES7在ES6的基础上添加了三项内容：求幂运算符（**）、Array.prototype.includes()方法、函数作用域中严格模式的变更。

includes()的作用，是查找一个值在不在数组里，若在，则返回true，反之返回false。 基本用法：
['a', 'b', 'c'].includes('a') // true
['a', 'b', 'c'].includes('d') // false
Array.prototype.includes()方法接收两个参数：要搜索的值和搜索的开始索引。当第二个参数被传入时，该方法会从索引处开始往后搜索（默认索引值为0）。若搜索值在数组中存在则返回true，否则返回false。
相比indexof（）的区别：简便性 精确性