2024年Web前端最全移动web----流式布局，2024年最新程序员的面试题

前端框架

前端框架太多了，真的学不动了，别慌，其实对于前端的三大马车，Angular、React、Vue 只要把其中一种框架学明白，底层原理实现，其他两个学起来不会很吃力，这也取决于你以后就职的公司要求你会哪一个框架了，当然，会的越多越好，但是往往每个人的时间是有限的，对于自学的学生，或者即将面试找工作的人，当然要选择一门框架深挖原理。

以 Vue 为例，我整理了如下的面试题。

如果你觉得对你有帮助，可以戳这里获取：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

理想视口 ideal viewport

移动端web会采用理想视口

理想视口，对设备来说是最理想的视口尺寸，需要手动添加meta标签，主要是为了适应设备，布局视口有多宽，理想视口就有多宽；

<meta name=“viewport” content="width=device-width, user-scalable=no,

initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">

标准的viewport设置

width=device-width：视口宽度与设备相同；

user-scalable=no：不允许用户自行缩放；

initial-scale=1.0：视口默认的缩放比例是1.0；

maximum-scale=1.0：最大允许的缩放比例1.0；

minimum-scale=1.0：最小允许的缩放比例1.0；

3、物理像素与物理像素比

物理像素就是分辨率，如电脑1920*1080 ；

在PC端页面，1px等于1个物理像素，移动端web就不一样了，简单来说就是1个px能显示的物理像素点的个数就是物理像素比

注：以上数据均参考自 https://material.io/devices/

4、css3盒子模型box-sizing

移动端使用盒子模型box-sizing;（css3盒子模型可以使用全部的盒子，PC端考虑兼容就用传统盒子模型）

最后

总的来说，面试官要是考察思路就会从你实际做过的项目入手，考察你实际编码能力，就会让你在电脑敲代码，看你用什么编辑器、插件、编码习惯等。所以我们在回答面试官问题时，有一个清晰的逻辑思路，清楚知道自己在和面试官说项目说技术时的话就好了

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

解析+核心总结学习笔记+真实项目实战+最新讲解视频】](https://bbs.csdn.net/forums/4304bb5a486d4c3ab8389e65ecb71ac0)**