前端vue适配不同的分辨率_Web前端⾯试常被问到的难点，你
遇到过吗？
在每个Web前端求职者的⾯试过程中，⼀定都有过被⾯试官问到项⽬中的难点，⽽答不上来的情况。为了让⼤家在Web前端⾯试前准备得更加充⾜，⼩编准备了⼀些易被忽视且难度较⾼的前端⾯试题，希望可以帮助⼤家更加顺利完成求职，到⾃⼰满意的⼯作。
1、流式布局如何实现，响应式布局如何实现？
simulink仿真图怎么加横纵坐标流式布局：也叫fluid，当上⾯⼀⾏的空间不够容纳新的TextView时候才开辟下⼀⾏的空间。场景：主要⽤于关键词搜索或者热门标签等场景；他主要是按照页⾯元素的宽度按照屏幕分辨率进⾏适配调整，但整体布局不变，使⽤%百分⽐定义宽度，⾼度⼤都是⽤px来固定，可以根据可视区域和⽗元素的实时尺⼨来调整，尽可能适应各种分辨率。
响应式布局：主要是实现不同屏幕分辨率的终端上浏览⽹页的不同展⽰⽅式，通过响应式设计能使⽹站在⼿机和平板电脑上有更好的浏览阅读体验；⾸先设置meta标签，通过媒体查询来设置样式Media
Queries，然后再设置多种试图宽度。
linux就该这么学(第2版) 百度云2、什么是“use strict”，好处和坏处是什么？
ECMAscript 5添加了第⼆种运⾏模式："严格模式"（strict mode）。顾名思义，这种模式使得Javascript在更严格的条件下运⾏。
好处：消除Javascript语法的⼀些不合理、不严谨之处，减少⼀些怪异⾏为；消除代码运⾏的⼀些不安全之处，保证代码运⾏的安全；提⾼编译器效率，增加运⾏速度；为未来新版本的 Javascript 做好铺垫。注：经过测试IE6，7，8，9均不⽀持严格模式。
缺点：现在⽹站的JS都会进⾏压缩，⼀些⽂件⽤了严格模式，⽽另⼀些没有。这时这些本来是严格模式的⽂件，被merge后，这个串就到了⽂件的中间，不仅没有指⽰严格模式，反⽽在压缩后浪费了字节。java资料网站
3、介绍⼀websocket。
websocket是⼀种⽹络通信协议，是HTML5开始提供的⼀种在单个TCP连接上进⾏全双⼯通信的协议，这个对⽐着http协议来说，http协议是⼀种⽆状态的、⽆连接的、单向的应⽤层协议，通信请求只能由客户端发起，服务端对请求做出应答处理。http 协议⽆法实现服务器主动向客户端发起消息，We
bsocket连接允许客户端和服务器之间进⾏全双⼯通信，以便任⼀⽅都可以通过建⽴的连接将数据推送到另⼀端。WebSocket只需要建⽴⼀次连接，就可以⼀直保持连接状态。
4、jquery如何绑定事件，有⼏种类型和区别？
web前端基础面试题
jquery 绑定事件的⽅法分别是：bind()，live()，delegate()和 on()，像bind()，live()，delegate()，随着jquery版本的更新，已经被移除。注意：bind()是在3.0版本之后被移除的，现在⽤的最多的是on()，on()既可以绑定单事件，也可以绑定多事件，还可以进⾏事件委托。
区别：bind()的事件绑定是只对当前页⾯选中的元素有效，对动态创建的元素bind()事件，是没有办法达到效果的，⽽其余三个可以。
css中active是什么意思5、单页⾯应⽤有什么SEO⽅案？
原因：较之于传统页⾯，单页应⽤需要先下载框架（数据 / 模板），然后才能开始加载数据、
iframe嵌套透明怎么办⽅案：服务器端渲染⾸屏（SSR基于vue的服务端下载）；让服务端把⾸屏的数据渲染在页⾯上；进⾏基本的css模板js的编译合并；减少请求次数，使⽤gulp⼯具，把css打包成⼀个⽂件，js打包成⼀个⽂件， 模板打包成⼀个js⽂件($templateCache) 可以和js⽂件打包成⼀起（促使模板JS⽂件和JS⽂件⼀次性请求）；代码分块，如果⾸屏不需要的块，就不⽤加载了；路由组件懒加载。当打包构建应⽤
时，Javascript包会变得⾮常⼤，影响页⾯加载。如果我们能把不同路由对应的组件分割成不同的代码块，然后当路由被访问的时候才加载对应组件，这样更加⾼效；如果有⼤量图⽚使⽤懒加载。
以上就是我总结的Web前端⾯试时被问到项⽬中的难点。如果还有对Web前端⾯试抱有疑问的⼩伙伴，可以持续关注我，相信对⼤家的⾯试会有很⼤的帮助。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。