1. 一般 Vue 开发用什么库来辅助
常见组合包括 UI 框架、工具库及网络请求方案,例如:
vantUI elementUI js-cookie socket.io axios ECharts
2. 页面刚开始出现一片空白的原因排查
- 网络设置问题,如 IP、端口配置错误。
- 网速较慢导致加载延迟。
- 浏览器本身异常或缓存冲突。
- 防火墙安全级别过高拦截资源。
- 恶意病毒干扰。
- 打包路径配置不正确。
3. Vue 项目首屏优化策略
- 渲染控制:区分
v-if和v-show的使用场景;computed与watch按需选择。 - 列表性能:
v-for遍历必须添加唯一key,避免同时使用v-if;长列表需做虚拟滚动或分页处理。 - 资源加载:图片懒加载、精灵图优化、路由懒加载。
- 依赖管理:第三方插件按需引入,减少包体积。
- 构建优化:代码压缩、开启 Gzip、服务端渲染(SSR)。
- 事件管理:注意组件销毁时移除监听器,防止内存泄漏。
4. 商品详情页返回后保持滚动位置
- 在
App.vue中使用<keep-alive>缓存组件状态。 - 离开详情页时记录当前滚动高度,返回时重新赋值给进度条或容器。
5. LocalStorage 存储 Token 与 Vuex 的区别
虽然 localStorage 能存 Token,但实际项目中常结合 Vuex 使用,原因如下:
- 类型限制:
localStorage仅支持字符串,非字符串数据需序列化转换,增加开销。 - 响应式监控:
localStorage变化无法触发视图更新,若需根据 Token 变化联动操作,Vuex 更合适。 - 性能差异:
localStorage是磁盘操作,读写速度慢于 Vuex 的内存操作。
6. 后台接口未完善时的应对方案
可采用模拟假数据过渡,常用方式包括:
- 组件内写死 Mock 数据。
- 使用
mock.js拦截请求。 - 启动
json-server等本地服务。
7. Cookie 存储 Token 的问题
不建议将 Token 存储在 Cookie 中,主要原因:
- 性能消耗:Cookie 每次请求都会自动携带,增加带宽负担。
- 安全风险:容易遭受 CSRF 攻击,Token 被劫持风险较高。
8. 任务分配不合理如何处理
首先评估能否在规定期限内完成。若能完成,事后复盘并向上级说明情况;若无法完成,应及时预警并与上级协商调整计划,确保不影响整体开发进程。

