Web前端最全vue自适应的设想_vue 设想(1)，轻松面试问题

总结一下

面试前要精心做好准备，简历上写的知识点和原理都需要准备好，项目上多想想难点和亮点，这是面试时能和别人不一样的地方。

还有就是表现出自己的谦虚好学，以及对于未来持续进阶的规划，企业招人更偏爱稳定的人。

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

万事开头难，但是程序员这一条路坚持几年后发展空间还是非常大的，一切重在坚持。

为了帮助大家更好更高效的准备面试，特别整理了《前端工程师面试手册》电子稿文件。

前端面试题汇总

JavaScript

性能

linux

前端资料汇总

前端工程师岗位缺口一直很大，符合岗位要求的人越来越少，所以学习前端的小伙伴要注意了，一定要把技能学到扎实，做有含金量的项目，这样在找工作的时候无论遇到什么情况，问题都不会大。

优点：适用于小型网页，用户交互较少的项目，代码用量较少；
缺点：在页面内容过多，用户交互过多的时候，如果通过 @media 来一个个改的话，那代码量可就很多了，而且也不方便维护。因此需要另一种方式来解决这个问题。
两种方式：
直接在link中判断设备的尺寸，然后引入不同的css文件。

<link rel="stylesheet" type="text/css" href="styleA.css" media="screen and (min-width: 400px)">

或者直接写在

@media screen and (max-width: 600px) { /\*当屏幕尺寸小于600px时，应用下面的CSS样式\*/
      .class {
          background: #ccc;
       }          
  }

1.2通过判断打开设备的类型，区分需要显示的界面

比如进行pc端和移动端的开发，在一个代码里分为两个页面入口路由等


根据逻辑进行判断

router.beforeEach((to, from, next) => {
  if (!/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) {
    window.location.href = '/p\_index.html#/'


### 总结

我在成长过程中也是一路摸爬滚打，没有任何人的指点，所以走的很艰难。例如在大三的时候，如果有个学长可以阶段性的指点一二，如果有已经工作的师兄可以告诉我工作上需要什么，我应该前面的三年可以缩短一半；后来去面试bat，失败了有5、6次，每次也不知道具体是什么原因，都是靠面试回忆去猜测可能是哪方面的问题，回来学习和完善，当你真正去招人的时候，你就会知道面试记录是多么重要，面试官可以从面试记录里看到你的成长，总是去面试，总是没有成长，就会被定义为缺乏潜力。

**[开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】](https://bbs.csdn.net/forums/4304bb5a486d4c3ab8389e65ecb71ac0)**

![image](https://img-blog.csdnimg.cn/img_convert/1da9325cb5b8f2281665e838d554a36a.webp?x-oss-process=image/format,png)
![image](https://img-blog.csdnimg.cn/img_convert/53d044a3c487463e5db763db30ac0ac1.webp?x-oss-process=image/format,png)

4c3ab8389e65ecb71ac0)**

[外链图片转存中...(img-qJA3nXUa-1715869654313)]
[外链图片转存中...(img-yNAIDPY2-1715869654314)]