04-07 19:29 门头沟学院 前端工程师 发布于湖南
关注
线上面试题
1、页面白屏可能是什么原因？
1. JS 执行报错
代码出现错误、空值异常、变量未定义等问题，导致渲染中断，页面无法正常显示。
2. 静态资源加载失败
JS、CSS 等关键资源加载超时、404 或路径错误，造成页面渲染失败。
3. 接口请求异常
关键数据接口报错、跨域或无返回内容，页面因缺少数据无法渲染。
4. 路由与打包配置错误
路由匹配失败、发布路径配置不正确。
5. 状态管理数据丢失
Vuex / Pinia 存储在内存中，页面刷新后数据清空，可能引发白屏。
6. 渲染压力过大
数据量过大、死循环或大量计算导致页面阻塞。
2、刷新页面数据丢失原因及解决办法
原因：
Vuex、Pinia 这类状态管理工具是将数据存储在内存中的，页面刷新后，内存数据会被重置清空，从而导致数据丢失。
解决办法：
给状态管理开启持久化，使用对应的持久化插件，将数据存入 localStorage 或 sessionStorage，
刷新页面后重新读取数据，即可避免丢失。
3、你知道哪些前端组件？
我常用的组件主要包括 Vue 内置组件、UI 组件以及自己封装的组件：
1. Vue 内置组件
KeepAlive、Transition、Teleport、Suspense
2. 常用 UI 组件
Table、Pagination、Form、Input、Button、Dialog、Menu、Card、Select、Checkbox、Radio、Tooltip、Message
3. 自己封装的通用组件
公共表格组件、分页组件、搜索组件、弹窗组件、权限相关组件#牛客AI配图神器#
1. JS 执行报错
代码出现错误、空值异常、变量未定义等问题，导致渲染中断，页面无法正常显示。
2. 静态资源加载失败
JS、CSS 等关键资源加载超时、404 或路径错误，造成页面渲染失败。
3. 接口请求异常
关键数据接口报错、跨域或无返回内容，页面因缺少数据无法渲染。
4. 路由与打包配置错误
路由匹配失败、发布路径配置不正确。
5. 状态管理数据丢失
Vuex / Pinia 存储在内存中，页面刷新后数据清空，可能引发白屏。
6. 渲染压力过大
数据量过大、死循环或大量计算导致页面阻塞。
2、刷新页面数据丢失原因及解决办法
原因：
Vuex、Pinia 这类状态管理工具是将数据存储在内存中的，页面刷新后，内存数据会被重置清空，从而导致数据丢失。
解决办法：
给状态管理开启持久化，使用对应的持久化插件，将数据存入 localStorage 或 sessionStorage，
刷新页面后重新读取数据，即可避免丢失。
3、你知道哪些前端组件？
我常用的组件主要包括 Vue 内置组件、UI 组件以及自己封装的组件：
1. Vue 内置组件
KeepAlive、Transition、Teleport、Suspense
2. 常用 UI 组件
Table、Pagination、Form、Input、Button、Dialog、Menu、Card、Select、Checkbox、Radio、Tooltip、Message
3. 自己封装的通用组件
公共表格组件、分页组件、搜索组件、弹窗组件、权限相关组件#牛客AI配图神器#
全部评论
相关推荐
04-03 23:26
门头沟学院 前端工程师 点赞 评论 收藏
分享
查看27道真题和解析 点赞 评论 收藏
分享