2年前投递的简历被人才库捞起来了. 问题比较多, 阿里面试的时间跨度也比较久. 而且很多面试题都是跟个人项目相关的. 所以笼统地写一下还记得的题目. 按照知识点分类. 实际可能是一面二面n面中的题. 技术面hr面也聊完啦~ 跟大家分享分享.
每个问题后面都会备注下对应的知识点 (一般都是一个知识点深入问进去)
笔试题
笔试题比较简单
- 编写函数
convert(money)
,传入金额,将金额转换为千分位表示法。例如:12345.6 => 12,345.6 - 实现对象的深拷贝,输出:新的对象
- 请完成React组件封装,能够实现长度展示功能封装,并且不失input原生组件能力。
面试题
进程线程的区别 [event loop 事件循环 ]
聊一聊缓存 [浏览器缓存+http缓存]
如果浏览器关闭了再打开, 请求还是from cache吗? [浏览器缓存+http缓存]
Service Worker 了解过么?
聊一下常见的前端安全问题. [前端安全攻防]
你的网站是怎么阻止 csrf 攻击的? [前端安全攻防]
为什么用 token 就可以防止 csrf 攻击?
token 的刷新机制是怎么样的, 为什么这么设置?
讲一下 跨域 [跨域]
如何处理项目的异常.
script error 怎么捕获
脚手架做了什么功能.
webpack做了什么优化
webpack原理 [webpack]
维护的公共组件需要发布大更新, 如何做?
react 怎么做优化
用 react hook 来实现 class 的几种生命周期.
react hook 相比较 class, 哪些不太容易实现?
react 原理
聊一下高阶组件 hoc
聊一聊组件设计, 领域模型
mobx 和 redux , 为什么选择了 mobx , 技术选型有标准
mobx 过于灵活, 如何规范约束
mobx 原理与 redux 原理
项目的最大难点是什么? 怎么解决?
聊一下 node 的事件循环.
node 架构中容灾
pm2 的原理.
有没有读过 egg 源码.
了解过 grahql 么
聊一下微服务
小程序跟 h5 的区别是什么? [小程序底层实现]
讲一下 taro 小程序的底层原理,跟 mpvue 的区别 [AST, babel]
SPA 项目如何监控 pv, uv 值
如何在用户刷新、跳转、关闭浏览器时向服务端发送统计的数据?
错误日志上报遇到的问题.
规范 [eslint, prettier, git commit hook]
如何制定规范?
可视化表单了解过么?
聊一下 axios .有什么优点, 跟 fetch, ajax对比
axios 为什么既可以在浏览器发请求,又可以在node层发请求?
职业规划
考虑杭州么
家人情况
其实单单看面经, 很难说学到什么. 建议每一个知识点系统的学习一下,列了一份清单, 希望对你有帮助. 基础知识基本是每次面试都会随机抽问. 建议刷书. 记笔记总结.
基础知识
- 跨域
- 执行上下文/作用域链/闭包
- 事件循环
- 安全
- 缓存
- 模块化
- 深拷贝浅拷贝
- 异步处理 async await promise
- 防抖节流
- 类型转换
- http 请求头, http2 http 相关知识
webpack 知识点
- webpack 热更新的原理
- loader 和 plugin 的区别
- 手写一个plugin
- webpack 底层 Tapable 原理
- webpack 做的性能优化
- tree-shaking
- webpack 的构建流程
- 多页面打包怎么做?
- 文件指纹
- webpack 如何实现异步加载
react 知识点
- jsx 的原理
- 为什么要使用 key , 有什么好处
- diff 原理
- fiber 架构
- setState 更新机制
- react hook 原理
- 原生事件和 React事件的区别?
- 虚拟 dom 有啥好处?
- 高阶组件(HOC), Mixin, hook 对比和用处.
node 知识点
- koa中间件原理
- 介绍下 stream
babel
- transform-runtime, stage-2 说一下他们的作用
- babel 如何将字符串解析成 AST ?
- 讲一下 AST 语法树
- babel-runtime 和 babel-polyfill
npm package.json
- npx
- 说一下对 package.json 的理解,它都有哪些作用
问题列表正在持续更新,感兴趣的可以前往github查看(点击阅读原文即可到达),持续更新。一起学习,一起进步~
后续也会整理对应的知识点总结~ 关注「前端加加」, 第一时间获取优质文章.
最后
![90e6339e8f2fcc1ff7506201170a495f.png](https://img-blog.csdnimg.cn/img_convert/90e6339e8f2fcc1ff7506201170a495f.png)
关注「前端加加」, 第一时间获取优质文章.