一些易被忽视且难度较高的Web前端面试题汇总

最新推荐文章于 2025-10-17 18:08:56 发布

原创

最新推荐文章于 2025-10-17 18:08:56 发布 · 2.5k 阅读

17 ·

CC 4.0 BY-SA版权

文章标签：

#web前端 #面试题 #程序员 #互联网 #IT

本文汇总了一些易被忽视且难度较高的Web前端面试题，包括流式布局和响应式布局的实现、"use strict"的含义及优缺点、WebSocket协议介绍、jQuery事件绑定的区别以及单页面应用的SEO解决方案。通过这些问题，帮助求职者更好地准备面试，提升面试成功率。

在每个Web前端求职者的面试过程中，一定都有过被面试官问到项目中的难点，而答不上来的情况。为了让大家在Web前端面试前准备得更加充足，我准备了一些易被忽视且难度较高的前端面试题，希望可以帮助大家更加顺利完成求职，找到自己满意的工作。
在这里插入图片描述
1、流式布局如何实现，响应式布局如何实现？

流式布局：也叫fluid，当上面一行的空间不够容纳新的TextView时候才开辟下一行的空间。场景：主要用于关键词搜索或者热门标签等场景；他主要是按照页面元素的宽度按照屏幕分辨率进行适配调整，但整体布局不变，使用%百分比定义宽度，高度大都是用px来固定，可以根据可视区域和父元素的实时尺寸来调整，尽可能适应各种分辨率。

响应式布局：主要是实现不同屏幕分辨率的终端上浏览网页的不同展示方式，通过响应式设计能使网站在手机和平板电脑上有更好的浏览阅读体验；首先设置meta标签，通过媒体查询来设置样式Media Queries，然后再设置多种试图宽度。

2、什么是“use strict”，好处和坏处是什么？

ECMAscript 5添加了第二种运行模式：“严格模式”（strict mode）。顾名思义，这种模式使得Javascript在更严格的条件下运行。

好处：消除Javascript语法的一些不合理、不严谨之处，减少一些怪异行为；消除代码运行的一些不安全之处，保证代码运行的安全；提高编译器效率，增加运行速度；为未来新版本的 Javascript 做好铺垫。注：经过测试IE6，7，8，9均不支持严格模式。

缺点：现在网站的JS都会进行压缩，一些文件用了严格模式，而另一些没有。这时这些本来是严格模式的文件，被merge后，这个串就到了文件的中间，不仅没有指示严格模式，反而在压缩后浪费了字节。

3、介绍一websocket。

websocket是一种网络通