阿里 千问C端一面 3.27 16:00-16:45

八股

八股：

项目优化方式

单例地图实例： 全站只创建一次 Mapbox Map，控件/图层组件都复用同一个 map，避免重复初始化与重复加载样式资源（src/components/utils/tmap.js 的 Tmap.getInstance()）

防抖/节流：

Webpack 打包方式：

登录与数据流

问： 登录系统怎么做的，登录验证码怎么实现的

  • 路由转发至后端，后端执行验证逻辑
  • 纯前端图形验证码，随机生成 4 位数字用 canvas 画出，登录时比对

问： 数据从前端到后端是怎么流转的

  • 前端发起： 组件事件触发 → 调 service.js 里封装的 API（axios）
  • 请求路径： 统一走 /service/...
  • 开发代理： config/index.js 里 proxyTable: { '/service': { target: 'http://localhost:8087' } }，所以本地开发不会跨域
  • 后端返回： 前端接收返回值来更新 UI/状态

CSRF / Vue 和 React

  • CSRF 种类 略
  • Vue 和 React 的区别
对比维度 Vue.js React
定位 渐进式框架 UI 库
数据流 双向绑定 单向数据流
核心原理 响应式系统（依赖追踪） 函数式 + Hooks + 重新渲染
模板语法 Template JSX
上手难度 低 中等
灵活性 较低（约定多） 高（自由度大）
  • Cookie 存客户端，Session 存服务端，通过 SessionID 关联
对比维度 Cookie Session
存储位置 浏览器 服务器
安全性 较低（可被篡改） 较高
存储大小 ≈ 4KB 取决于服务器
生命周期 可设置过期时间 通常随会话结束
网络开销 每次请求都会携带 只传 SessionID
依赖关系 存储 SessionID 通过 SessionID 识别用户

学习

  • 怎么学习前后端知识的 √
  • 怎么学习 AI 的 √