移动端⾯试题【⼀】
公司⼈慢慢都⾛了，所以我也托同事内推⼀家公司，很久很久没有⾯试，很少复习这些⾯试题，感觉⾃⼰属于会写不会说的⼈，好好准备⼀下⾯试，争取通过~加油吧
jquery框架面试题移动端⾯试题
1、能否简述⼀下如何使⼀套设计⽅案，适应不同的分辨率，有哪些⽅法可以实现？
流式布局：也就是百分⽐布局(viewport)， 使⽤⾮固定像素来定义⽹页内容，通过盒⼦的宽度设置成百分⽐来根据屏幕的宽度来进⾏伸缩，不受固定像素的限制，内容向两侧填充。
响应式开发： 就是⼀个⽹站能够兼容多个终端。CSS3中的Media Query（媒介查询)通过查询screen的宽度来指定某个宽度区间的⽹页布局。 由于响应式开发显得繁琐些，⼀般使⽤第三⽅响应式框架来完成，⽐如bootstrap来完成⼀部分⼯作。
响应式开发和移动web开发的区别
开发⽅式 移动web开发+PC开发 响应式开发
应⽤场景 ⼀般在已经有PC段的⽹站，开发移动站的时候，只需单独开发移动端 针对新建站的⼀些⽹站，现在要求适配移动端，所以就⼀套页⾯兼容各种终端，灵活
开发 针对性强，开发效率⾼ 兼容各种终端，效率低
适配 只是陪移动设备，pad上体验相对较差 可以适配各种终端
效率 代码简洁，加载快 代码相对复杂，加载慢
2、响应式布局的时候，轮播图使⽤两张不同的图⽚去适配⼤屏幕和超⼩屏幕，还是⼀张图⽚进⾏压缩适配不同终端，说明原因？
最好使⽤两张不同⼤⼩的图⽚去适配⼤屏幕和超⼩屏幕，这样可以针对不同设备的屏幕⼤⼩，来加载响应的图⽚，减少超⼩屏幕设备的⽹络流量消耗，加快响应速度，同时防⽌图⽚在⼤屏幕下分辨率不够导致失真的问题。
3、Bootstrap中最多可以分多少列？lg、md、sm、xs这⼏个屏幕宽度的界限是多少？
答：12列 .col-xs- 超⼩屏幕⼿机 (<768px) .col-sm- ⼩屏幕平板 (≥768px) .col-md- 中等屏幕桌⾯显⽰器 (≥992px) .col-lg- ⼤屏幕⼤桌⾯显⽰器 (≥1200px)
4、移动端事件与pc端有什么区别？
移动端新增了触摸事件。没有⿏标事件和hover事件。 另外包括移动端弹出的⼿机键盘的处理，这样的问题在PC端都是遇不到的。/5、
5、zepto与jquery有什么区别？
Zepto中没有为原型定义extend⽅法⽽jQuery有。
Zepto新添了touch事件，zepto是模块化的库
Zepto是不⽀持IE浏览器的
6、怎么适配各种机型？
设置viewport进⾏缩放、响应式做法、流式布局、rem能等⽐例适配所有屏幕

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