面试题总结大全2023最新

一面：创业健康公司-----技术总监面

自我介绍：正常全部介绍，

心悦电商多少个人开发的，两个人怎么分工，给哪个公司做的电商平台，有哪些模块，客户是谁。项目多少个人其他人呢，导师是什么，

答：两个，我师傅是搭建框架，写运营模块类的，客户是电商，项目，2跟前端，5后端，2ui。还有谁项目经理。

1.负责vue-router实现路由管理，以及路由守卫对非login进行token验证校验如何实现的。

答：路由守卫的to，next进行一个跳转的限制。

2.Token存储在哪里，

答：sessionstologe

3.Seesionstolog和localstorage区别

4.拿到页面的话布局思路是怎么样的。

5.Token请求的时候是放在哪里的，

什么时候毕业的

公司主要做什么方面业务，电商和生活服务类，公司多少人，离职原因是什么，什么时候离职的，上个月几号离职，期望薪资是多少。

项目周期是多少这些，

项目遇到的问题

业务上的一些生疏啊，分销这块，信托平台的信托业务，就是支付上的一些问题，ui框架的使用，后端数据问题，导致要调用多个接口。亮点，用了优化还有考虑到大文件上传。

H5增加了哪些，语义化的那些新标签。

10k:

websket接触过没

• Websket是h5的新特性，基于tcp，不需要同源策略，通过一次请求来初始化连接，长连接。可以实现双向通信协议，服务端，客户端，
• WebSocket 没有跨源限制。
• 浏览器对 WebSocket 支持很好。
• 可以发送/接收字符串和二进制数据。

长轮询

在消息很少的情况下，长轮询很有效。

请求发送到服务器。

服务器在有消息之前不会关闭连接。

当消息出现时 —— 服务器将对其请求作出响应。

浏览器立即发出一个新的请求

身份验证

心跳机制：客户端定时给服务端发送ping，服务端收到ping消息给客户端返回pong。如果客户端在发送ping以后的一定时间内收不到来自服务器的pong消息，则启动重连流程。

重新连接机制。

10k:

盒子模型

10k:

定位说下

10k:

什么可以被继承

Minxin和minxins区别

使用minxins情况，多个数据或者方法需要的类似时候可以公用混入，使用了混入的对象属性方法后，不会改变原来的属性和方法。

10k:

选择器有哪些

10k:

css3新特性

10k:

说一下精灵图

10k:

事件绑定有哪些原生

10k:

Missed和computed数据修改的区别

10k:

原始类型事件绑定有哪些类型？

10k:

No和undefined区别

10k:

防抖和节流，然后他们分别应用在什么场景

防抖：搜索，窗口大小调整，表单验证

节流：页面监听滚动。

10k:

Promise.all是什么

10k:

说一下promise有哪些方法？   静态方法除了。Then，catch，

Then，catch，all，race（返回第一个结果），fanally（状态如何都会执行）

10k:

网页的存储方式有哪些

localStorage:

用户首选项和设置：语言偏好设置、主题选择、字体大小设置等。

用户喜好和偏好：用户收藏的文章、电影、音乐等。

用户个人信息：用户名、邮箱、个人简介等。

用户购物车：存储用户加入购物车的商品信息。

用户浏览历史记录：存储用户浏览的页面路径和时间戳。

sessionStorage:

临时会话信息：存储用户登录后的会话信息，如用户ID、认证令牌等。

表单数据：暂存用户填写的表单数据，以防止丢失或刷新页面。

临时页面状态：保存临时的页面状态或用户交互的进度，如表单的步骤、扩展/折叠状态等。

IndexedDB:

大量结构化数据：存储较大数据集，如用户列表、文章列表、图书信息等。

缓存资源：缓存大型的JavaScript文件、样式表、图像等，以减少后续请求。

离线应用数据：将应用所需的数据缓存到客户端，以实现离线访问。

Cookie:

用户会话信息：用户登录状态、会话ID等。

跟踪信息：用于分析用户行为、广告跟踪、统计访问次数等。

用户偏好设置：语言选择、主题设置、字体大小等。

个性化推荐：根据用户的兴趣和偏好，提供个性化的推荐内容。

10k:

区别是什么

10k:

一般存储在哪些地方。

10k:

那些东西一般存储什么

10k:

深拷贝和浅拷贝有哪的区别？然后他们实现的方式有哪些

深拷贝只针对于对象，数组。

浅拷贝只拷贝一沉，深拷贝拷贝全部

浅拷贝实现方式。Object。Assign（），扩展运算符，

JSON.parse(JSON.stringify())，递归，或者用库，使用Object.create()方法

10k:

生命周期有哪些？

10k:

然后每个周期干什么？

10k:

接口增删改查一般在哪些周期进行操作

都在mouted进行操作，只有显示在created操作

10k:

三个页面a到B刷新C到b不刷新

vue2.0_在vue中实现页面前进刷新，回退不刷新；即A进入B，B刷新，B进入C，再从C回退到B，B不刷新。_vue前进刷新,后退不刷新_QiuRenBB的博客-CSDN博客

10k:

虚拟dom

有什么用？

10k:

V杠if和v杠show的区别

行内样式控制，通过dom添加删除控制

v-if惰性只有为true才编译，v-show每次都要编译

v-if切换开销，v-show初始渲染开销。

10k:

V杠一和v杠for，优先级

v-for  vue2    v-if  vue3

10k:

v2和v3的区别

响应式原理，组合式api，更好ts支持，性能体积更小按需导入，有更新其他的一些标签。

10k:

vue的组件通信有哪些方式？

父子，chidren，parent 跨级：，vuex，pinia，inject，provide，ref

Mvc和mvvm的区别？

Css3新特性，防抖节流，类如何搞的，转换怎么用的。

金融项目难点：业务比较难，繁杂，安全性和准确性要保证，

和第三方接口交互。

电商就是websocket，还有业务的复炸性

小程序支付和地图。

。Websocket，

箭头函数和普通函数的区别，

外形：有箭头

箭头函数可以不需要函数名，直接匿名

箭头函数不能使用new

箭头函数没有this，

箭头函数，this指向。

封装过哪些呢？  表单和日历组件。

Vue的底层原理，数据，

vue2和vue3数据双向绑定原理，

object，proxy区别实现方式，

apply，call，bind如何改变this指向。

传入两个参数。第一个this指向这个参数，第二个是要传的参数，三个也是，四个也是

Apply不同第二个是数组

Bind是第一个参数把这个参数加入bind前的那个函数，然后this指向创建的新函数

，组件传值

2，回掉地狱解决方案

3.单点登录，token 过期

同域名：Cookie的domain属性设置为父域的域名，path设置为根路径，token保存在cookie中

不同域名：认证中心，存放在locstorage，然后token可以存放在其他域的locstorage

4，vue 首屏优化

5，js 数据类型

6，axios 封装与否

7，前端部署

8，移动端开发过程兼容问题

9，h5 存储问题

笔试: js 去重，js 递归求 1-100 的和，css 问题有写三角形，清除浮动及原因，盒子居中媒体查询，px.rwm.em.vh，闭包，常见状态码及含义，cookie 会话

之前面试官问 v-model 原理，我回答是语法糖，绑定 value 和绑定 input 事件，妈的，(/=D=)/上面试结束后，他说是要我说vue 底层的数据劫持方法，结果面试扑街，为什么外包也问底层。Oo

事件修饰符