前端面试题Html、CSS、js、ajax篇合集-持续更新中

1、什么是闭包什么时候用闭包？

答：重用变量，不被污染的一种机制；父函数中通过return子函数获取局部变量，保护变量不被销毁，不被污染。

2、如何解决跨域？

3、如何优化前端代码？

答：请求层：运用异步加载，减少请求次数；代码层：a、css、js打包压缩，图片使用base64编码，b、懒加载需要时在加载，c、减少js操作dom，尽可能用css动态改变样式，js操作dom范围约小，dom重写元素影响越小，避免频繁操作dom，d、避免使用ifram，在加载过程中会阻塞父文档的onload事件，同时也是html标签中最耗资源的

4、什么是变量提升？

5、js继承有哪几种？

答：一、原型链继承：重点：让新实例的原型等于父类的实例。特点：1、实例可继承的属性有：实例的构造函数的属性，父类构造函数属性，父类原型的属性。（新实例不会继承父类实例的属性！）缺点：1、新实例无法向父类构造函数传参。2、继承单一。
3、所有新实例都会共享父类实例的属性。（原型上的属性是共享的，一个实例修改了原型属性，另一个实例的原型属性也会被修改！）二、借用构造函数继承：重点：用.call()和.apply()将父类构造函数引入子类函数（在子类函数中做了父类函数的自执行（复制））特点：1、只继承了父类构造函数的属性，没有继承父类原型的属性。2、解决了原型链继承缺点1、2、3。3、可以继承多个构造函数属性（call多个）。4、在子实例中可向父实例传参。缺点：1、只能继承父类构造函数的属性。2、无法实现构造函数的复用。（每次用每次都要重新调用）3、每个新实例都有父类构造函数的副本，臃肿。

6、什么是作用域？

答：作用域分为全局作用域和局部作用域，全局作用域可被任何作用域下获取，而局部作用域只能在当前域或下级域所获取；

7、什么事垃圾回收机制？

8、js严格模式？

9、介绍一下ajax？

答：ajax分为5步，1、先new一个ajax的对象；2、设置回调方法；3、open方法传参使用post还是get方式，post要设置请求头；4、send方法，post方式需要传参；5、在回调方法中判断数据状态，200、300、400、500，并可对返回的数据赋值后做已处理。

10、说说你对ES6的了解？

11、什么是js原型链？

12、web2.0标准？

13、Html5的新特性？

答：1.语义化标签，如：<header><article><footer><nav><aside><section>2.增强型表单form表单；3.新增视频 <video> 和音频 <audio> 标签；4.Canvas绘图；5.SVG绘图；6.Web Worker；7.Web Storage；8.WebSocket

14、css3？

答：常用的或是比较突出的有：1、过度transition；2、动画animation；3、变形transform（2D和3D）；4、选择器；5、阴影box-shadow；6、边框border-image；7；圆角border-radius;8、背景background等

15、jq中常用的方法？

16、了解Promise和Proxy？

17、什么是事件委托？

18、bom常用的对象？

19、window常用的方法？

20、js的简单数据类型？

21、你对模块化的理解？

22、cmd和amd的区别？

23、如何实现懒加载？

24、get与post的区别？

25、数组去重？

答：先设一个临时变量 let arr = [ ]

方法一：for(let i = 0; i < arrData.length; i++) {if(arr.indexof(arrData[i] === -1) {arr.push(arrData[i])})}

方法二：for(let i = 0; i < arrData.length; i++) {for(let j = i + 1; j < arrData.length; j++) {if (arrData[i] === arrData[j]) arrData.splice(i, 1) j--}}}

26、数组排序？

答: 先设一个临时变量 let s 

升序：for (var i = 1; i < arr.length; i++) { for (var j = i; j > 0; j--) { if (arr[j] < arr[j - 1]) { s=arr[j]; arr[j]=arr[j-1];arr[j-1]=s ;} } } 

降序：for (var i = 1; i < arr.length; i++) { for (var j = i; j > 0; j--) { if (arr[j] > arr[j - 1]) { s=arr[j]; arr[j]=arr[j-1];arr[j-1]=s ;} } }