From the end of April the company turnover, May June after another interviewed more than a dozen companies, but also got a few offer. Overall, the environment and employment situation is less optimistic, interview more people, and less to recruit people, requirements for front-end is also higher than in the past, these are not to be discussed in detail, mainly when each company will look at the interview here the technology to make a point summarize, we facilitate as a reference, but also further consolidate the foundation of the interview, you may say.
[Front-end basis ]
JS
- js event loop (macro task, micro tasks, setTimeout)
- js scope, the scope chain
- Closure
- This points to the problem
- new operation specifically what things to do
- What used in the development of new features ES6
- js way of inheritance
- More familiar with design patterns
- Deduplication Array
- Event capture and event bubbling
CSS
- BFC meaning, characteristics and uses
- Flex layout (horizontal and vertical centering, etc.)
- How to implement adaptation projects (device font, size and other elements)
- folding problem margin Margin
React framework and Vue
- React Vue and the similarities and differences, and how to choose the project development
- React Lifecycle
- New features of React16
- Hooks to solve the problem
- What happened after setState
- React to develop performance optimization
- Principle of Virtual Dom and Diff
- What PureComponent, compared to what has been done to optimize class Component
- Stateless components and class difference components, and how to apply in practice
- Container assembly and display assembly
- Higher-order components
- Component in communication mode
- Which state management tool used (Redux, Redux-Saga, Mobx, Dva)
- Data binding principle Vue
HTTP and the browser principle
- Enter the url into the browser presents the content of what happened
- Browser rendering process
- How to solve cross-domain problems
- Redrawn and rearranged
- How to implement the browser cache (cache and strong negotiation cache)
- Front-end storage technology (cookie, session, localStorage, sessionStorage)
- HTTP2.0 compared to what had been done to optimize HTTP1.0
- Common HTTP status codes (200,302,304,307)
- 报文的内容
性能优化
- 前端如何做性能优化
- 开发中遇到过哪些想能问题,如何解决
Webpack
- webpack 中常用的配置有哪些
- 是否自己实现过插件
- loader 和 plugin 分别做了什么事情
- 项目开发中使用 webpack 对代码做了哪些优化
【其他技术点】
- 图片懒加载
- 链表
- 排序算法
- 大数渲染
- 正则表达式
- promise
- async await 实现原理
- Css 如何画一个三角形
- react 如何实现 alert
- 如何实现 bind
- 移动端适配方案
- 服务器渲染
【项目相关】
- 项目中用过 TypeScript 吗
- 如何通过代码记录线上出现的问题
- 在项目中担任怎样的角色
- 项目是如何推进落地的(从确定产品需求到最后开发上线的整个过程)
- 介绍一个自己比较有成就感的项目
- 项目中遇到的问题都是如何解决的
- 如何学习一门新技术
【工作相关】
- 如何看待加班
- 自己目前处于怎样的一个阶段
- 希望找一家怎样的公司
- 职业规划
附:个人面试过的公司(在杭州求职的伙伴可以加微信或QQ:596291080 相互交流)
2018年:点我达、51 公积金、滴滴、微一案、个推、盈纳集团、得图网络、酷家乐、众安保险、网易金融、大搜车、未来酒店、CityDo、浙江华为、有赞
2019年:米雅、沃驰科技、天猫、小余教育、微拍堂、东家、微脉(求是同创)、腾展叮咚、格家网络、志奥信息、涂鸦智能、评师教育、光年实验室、推宝、兑吧、艾耕科技、凡声科技
其他前端面试题参考: