WEB前端高频面试题每天5道题第九波

好久不见，前几天太忙了，今天接着给大家贡献前端高频面试题！


1、移动端你遇到过什么兼容问题?

答：1、如果在input设置边框颜色在ios系统里会出现兼容性问题，需要在外面加一个div设置div的边框代替input边框。2、文字溢出，用overflow:auto做滚动条在ios上面会卡顿，需要用iscroll解决。3、防止手机中网页放大和缩小。4、禁用自动匹配手机号、地址、email。5、用好rem和css3的媒体查询解决适配问题。6、ios和android下触摸元素时出现半透明灰色遮罩。用 -webkit-tap-highlight-color:rgba(255,255,255,0)解决。7、iphone及ipad下输入框默认内阴影。用-webkit-appearance:none;解决。8、移动端点击穿透问题。尽量不用要touch事件，用click事件，然后防止冒泡就事件可以了。

2、http和https的区别？

答：http是超文本传输协议。用于Web浏览器和网站服务器之间传递信息。https是以安全为目标的HTTP通道，简单讲是HTTP的安全版，即HTTP下加入SSL层，HTTPS的安全基础是SSL，因此加密的详细内容就需要SSL。可以防止抓包的问题，一般做接口都是使用https。

3、如何提高网页性能？

答：1、用图片懒加载减少请求数。2、用好伪元素降低标签的数量。3、不要有冗余代码。4、用好打包合并压缩工具，将css、js文件合并压缩，减少请求数。常见的工具：grunt、gulp、webpack。最强大的合并压缩工具：grunt。

4、移动端的适配怎么做？

答：最常用的就是rem和css3媒体查询。

5、什么是闭包？在开发项目时什么地方用闭包？

答：闭包就是父函数给子函数传值，解决作用域问题。比如做一个随机抽题功能、选项卡、幻灯片等。一般用setInterval的地方用的比较多。