ms_送给新人的面试题简单解答

第一部分

1 项目中遇到的bug或者难题

这个问题比较容易，每个人都会在开发过程中遇到或多或少的问题，你不可能答我已经天下无敌了，大家开发的项目类型都不太一样，事实上也没人听得太仔细，就算你要说的‘难题‘并不难，自信的说出来就行，气势不能输

可以借鉴的文章如下

vue的html2canvas使用解读，完美避免可能会造成的问题-CSDN博客

修改依赖包下的子依赖版本，前端项目安全扫描出来的漏洞——解决过程-CSDN博客

dicom胶片展示，使用基石插件cornerstoneTools完成_addstackstatemanager-CSDN博客

关于在浏览器新标签页重新登录后旧页面没刷新导致一系列问题的解决方法_前端新打开标签页上一个标签页不重载-CSDN博客

2 项目中权限怎么做的

结合后端返回的当前登录人的权限code码，前端据此判断后展示相关模块，隐藏相关按钮

3 动态菜单的实现逻辑

首先要问清楚是什么动态菜单，如果是组件库那种有动态效果的菜单栏，就很好解答了，结合后端返回菜单信息前端引入动画库做显示隐藏，层级展示。
4 封装组件怎么封装的，你封装了哪些

把常用的模块封装，因为要频繁在不同页面使用，注入的信息也不太相同，这就得做一些父子组件传参之类的。

封装富文本插件、轮播图等等等等

5 首屏优化你怎么做的

从几个方面说起，首先就是代码层面，减少代码冗余、组件、依赖等使用动态按需引入诸如此类，次之就是项目整体部分去看，使用雪碧图和压缩后的图片，打包的时候分包等

7 ts有了解么

简单了解，基础使用没问题，日常基本就用到变量、参数类型定义，语法上多了可选参数等，TS由枚举、多态、封装等组成，是在大项目开发中要用到的，目的是便于维护。

8 vue3和2的区别

生命周期不同，部分语法不同，3新增了像依赖注入这种传参方式，响应式原理不同

9 闭包使用场景

做数据扁平化的时候使用，就是把对象变成多维数组

10 js事件循环

分为同步和异步，按照一定的顺序执行，异步任务又分为宏任务和微任务，依次排列在事件队列中一步步执行。

11 除了npm还用过哪些包管理工具

yarn，pnpm

12 nginx是怎么配的

大多时候得去网上找个通用模版，然后根据前端路由模式调整重定向的指向，按现况调整负载均衡等配置，配置项目地址、404页面地址，接口代理地址。

二、第二部分

1、promise.all的原理

2、为什么要封装localstorage：不用每次手写把JSON类型转来转去

 3、js中new的底层原理

第三部分

1. null和undefined区别

null是根本不存在的空内容，undefined是有变量，但没赋值
2. async和defer区别
3. forEach和map区别

前者是循环遍历，没有返回值，后者循环遍历是会返回符合要求的数据组成的数组，不符合要求的数据下标为未定义，是深拷贝了

4. 路由权限实现原理

结合后端返回权限码和前端路由元信息来控制

第二种是后端直接返回相应权限的菜单数据，前端渲染

5. SPA和SSR区别

客户端渲染和服务端渲染，一个是前端解析包后渲染，一个是后端返回解析好的内容，前端直接渲染，服务端渲染对后端的依赖性更高，加载起来也会更快一些。

6. GET/POST区别

get常使用query参数，一般是获取数据用

post是常使用body参数，常用来保存修改数据

7. 前后端分离的理解

耦合性低便于维护，缩减成本，各司其职，效率提高，灵活性增加