移动端前端开发面试题及详细答案.docxVIP

移动端前端开发面试题及详细答案

一、基础必考题（入门级，考察核心基础）

1.请说说移动端和PC端前端开发的主要区别？

答案：核心区别集中在4个方面，都是实际开发中天天要考虑的，没有虚的：

1.屏幕适配：PC端屏幕尺寸相对固定（比如1920*1080、2K），而移动端屏幕尺寸杂乱（手机3.5寸到7寸、平板8-12寸），还要考虑视网膜屏（Retina）的像素比（dpr），避免图标、文字模糊；

2.交互方式：PC端以鼠标、键盘操作为主，有hover、双击等交互，移动端以触摸操作为主，核心是点击、滑动、捏合缩放，还要处理触摸穿透、滑动冲突等问题；

3.性能要求：移动端设备性能（CPU、内存）不如PC，尤其低端安卓机，要重点优化首屏加载速度、避免卡顿，比如减少DOM操作、优化图片；

4.环境差异：移动端有不同的浏览器内核（iOSSafari、安卓Chrome、微信内置浏览器），还有原生App的WebView，需要兼容不同环境的特性，比如iOS的滚动回弹、安卓的点击延迟。

2.移动端适配方案有哪些？你实际项目中用的哪种，为什么？

答案：实际开发中常用的3种方案，各有优劣，结合项目选择，不盲目追求“最优”：

1.rem适配（最常用）：以根元素（html）的font-size为基准，通过媒体查询或JS动态计算根字体大小，让页面元素随屏幕尺寸等比缩放。比如设计稿是750p