前端面试题(16)|求职季面试题分享|答案

123 阅读3分钟

1、说一说Vue3的生命周期?

答:(1)setup() - 组件初始化时调用,类似于 Vue 2 的  created  和  mounted  钩子。

(2)onBeforeMount() - 在组件挂载之前调用。

(3)onMounted() - 在组件挂载之后调用。

(4)onBeforeUpdate() - 在组件更新之前调用。

(5)onUpdated() - 在组件更新之后调用。

(6)onBeforeUnmount() - 在组件卸载之前调用。

(7)onUnmounted() - 在组件卸载之后调用。

(8)onActivated() 和 onDeactivated() - 用于  keep-alive  缓存的组件。

2、有封装过自定义指令吗?

答:(1)定义指令 - 使用  Vue.directive()  方法或在组件中使用  directives  选项来定义一个指令。

(2)钩子函数 - 指令可以包含几个钩子函数,如  bind ,  inserted ,  update ,  componentUpdated , 和  unbind 。

(3)实现功能 - 在这些钩子函数中实现你的逻辑,比如添加事件监听器、修改样式、动态绑定属性等。

3、有封装过组件吗?

答:(1)需求分析:明确组件需要实现的功能和交互。

(2)定义接口:确定组件的 props、事件和插槽(slots)。

(3)编写模板:使用 HTML 或 JSX 编写组件的模板。

(4)样式编写:使用 CSS 或预处理器(如 SCSS)编写组件的样式。

(5)逻辑实现:使用 JavaScript 实现组件的逻辑和交互。

4、调用接口用什么调用,你做过Axios的二次封装吗?

答:(1)调用方式:使用原生的  fetch  API、 XMLHttpRequest  或者第三方库如  axios 。 

(2)Axios二次封装:

第1步:创建 axios 实例

第2步:对axios实例进行基本配置,比如设置默认的 API 基础路径、请求超时时间

第3步:拦截配置:请求拦截和响应拦截

第4步:导出实例

5、自定义钩子函数做过吗?是否使用过自定义钩子函数呢?

答:(1)简述:以  use  前缀开始的函数。

(2)使用:我有过使用自定义钩子的经验。例如,我曾创建过一个用于管理表单状态的自定义钩子,它允许我在多个表单组件中复用表单处理逻辑。

6、你平时怎么Mock模拟数据?

答:(1)Mock.js:一个 JavaScript 库,可以快速生成虚拟数据,适用于开发阶段的数据模拟。

(2)JSON 文件:创建一个包含模拟数据的 JSON 文件,并通过 AJAX 请求在前端加载这些数据。

(3)本地服务器:使用  json-server  等工具搭建本地服务器,模拟真实的 API 响应。

7、接入微信的登录怎么实现?

答:实现微信登录的基本步骤:

(1)注册微信开放平台账号

(2)创建应用

(3)配置权限和回调URL

(4)获取  access_token 

(5)获取用户信息

(6)前端实现

(7)后端处理

更多详情:爱米的前端小笔记(csdnxitujuejinzhiHuBaidu小红shu)同步更新,等你来看!都是利用下班时间整理的,整理不易,大家多多👍💛➕🤔哦!你们的支持才是我不断更新的动力!