前端面试被问到项目中的难点有哪些？

在每个前端求职者的面试过程中，一定都有过被面试官问到项目中的难点，而答不上来的情况。为了让大家在前端面试前准备得更加充足，小编准备了一些易被忽视且难度较高的前端面试题。

希望可以帮助大家更加顺利完成求职，找到自己满意的工作。

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 是一种网络通信协议，是HTML5 开始提供的一种在单个 TCP 连接上进行全双工通信的协议，这个对比着 http 协议来说，http 协议是一种无状态的、无连接的、单向的应用层协议，通信请求只能由客户端发起，服务端对请求做出应答处理。http 协议无法实现服务器主动向客户端发起消息，Websocket 连接允许客户端和服务器之间进行全双工通信，以便任一方都可以通过建立的连接将数据推送到另一端。WebSocket 只需要建立一次连接，就可以一直保持连接状态。

4.jquery如何绑定事件，有几种类型和区别？

jquery 绑定事件的方法分别是：bind(),live(),delegate()和 on()，像bind(),live(),delegate(),随着jquery 版本的更新，已经被移除，注意：bind()是在 3.0 版本之后被移除的，现在用的最多的是 on()，on()既可以绑定单事件，也可以绑定多事件，还可以进行事件委托。

区别：bind()的事件绑定是只对当前页面选中的元素有效，对动态创建的元素 bind()事件，是没有办法达到效果的，而其余三个可以。

5.单页面应用有什么 SEO 方案？

原因：较之于传统页面，单页应用需要先下载框架（数据 / 模板），然后才能开始加载数据、

方案：服务器端渲染首屏（SSR 基于 vue 的服务端下载）；让服务端把首屏的数据渲染在页面上；进行基本的 css 模板 js 的编译合并；减少请求次数，使用 gulp 工具，把 css 打包成一个文件, js 打包成一个文件, 模板打包成一个 js 文件($templateCache) 可以和 js 文件打包成一起（促使模板 JS 文件和 JS 文件一次性请求）；代码分块，如果首屏不需要的块，就不用加载了；路由组件懒加载。当打包构建应用时，Javascript 包会变得非常大，影响页面加载。如果我们能把不同路由对应的组件分割成不同的代码块，然后当路由被访问的时候才加载对应组件，这样更加高效；如果有大量图片使用懒加载。

以上就是前端面试被问到项目中的难点。如果还有对前端面试抱有疑问的小伙伴，可以私信我。相信对大家的面试会有很大的帮助。

前端面试被问到项目中的难点有哪些？相关推荐

前端vue适配不同的分辨率_前端面试时，被问到项目中的难点有哪些？
在每个前端求职者的面试过程中,一定都有过被面试官问到项目中的难点,而答不上来的情况.为了让大家在前端面试前准备得更加充足,小编准备了一些易被忽视且难度较高的前端面试题,希望可以帮助大家更加顺利完成求职 ...
java面试中被问到项目中的难点怎么回答？
01.项目描述消息推送平台承接着站内对各种类型渠道的消息下发,每天承载亿级流量推送.项目主要对用户侧的召回(营销)以及通知消息触达,也同时负责对内网的告警和通知消息发送. 在真正面试的过程中,当面试 ...
前端面试被问到性能优化该肿么办！
性能优化1 前端面试被问到性能优化该肿么办! 1.1 页面重构怎么操作? 网站重构:在不改变外部行为的前提下,简化结构.添加可读性,而在网站前端保持一致的行为. 也就是说是在不改变UI的情况下,对网站 ...
java除了框架还需要什么_除了框架，前端面试还问什么
原标题:除了框架,前端面试还问什么现在的web前端技术的发展很快,各种新技术层出不穷.前后端分离的开发模式也让前端开发者的地位日益提升,自然有很多小伙伴慕名入了前端开发的坑,希望能在前端领域大展宏图 ...
大厂前端面试都问些什么问题？入职爱奇艺年薪48万，面试经验总结
前言 "金九银十"跳槽季,又到了面试求职的高峰期.好多小伙伴都会跳槽去找工作.如果你不跳槽,也建议把这篇文章看完,毕竟金九银十之后,就是金三银四了,总是逃不掉的? 你在面试的时候, ...
后处理程序文件大小的变量_【每日一题】(17题)面试官问：JS中事件流，事件处理程序，事件对象的理解？...
关注「松宝写代码」,精选好文,每日一题作者:saucxs | songEagle 2020,实「鼠」不易 2021,「牛」转乾坤风劲潮涌当扬帆,任重道远须奋蹄! 一.前言 2020.12.23 立 ...
2019前端面试常问
面试项目简介: Vue:hash(散列算法)DOM Diff算法(React) Node.js https://www.cnblogs.com/DCL1314/p/7903085.html 路由传参: ...
项目中的难点怎么克服_克服大型项目中的文档挑战
项目中的难点怎么克服鉴于最近熊猫( Pandas) ,NumPy和Matplotlib等开放源数据科学项目的普及Swift增长,人们对文档的兴趣日益浓厚 ,这不足为奇. 为了帮助您了解所面临的问题, ...
前端面试常问的题目（持续更新中）
1.闭包问题什么是闭包?答:"闭包就是能够读取其他函数内部变量的函数造成闭包的原因?答: 解决方法?答:可以使用let.立即执行函数闭包可以实现什么?可以访问局部变量.可以保护变量不受 ...
世界顶级公司的前端面试都问些什么
在过去的几年里,我在亚马逊和雅虎面试过许多前端工程师.在这篇文章中,我想分享一些技巧,帮助大家做好准备. 免责声明: 本文的目的并不是为你列出在前端面试中可能会被问到的问题,但是可以将其视为知识储备. ...

前端面试被问到项目中的难点有哪些？

前端面试被问到项目中的难点有哪些？相关推荐

最新文章

热门文章