美文网首页
前端工程师模拟面试

前端工程师模拟面试

作者: 夏海峰 | 来源:发表于2020-06-03 15:27 被阅读0次

1、自我介绍环节

  • 1、我是谁?我有几年开发经验?
  • 2、最近几年我做过哪些类型的产品?用到的主要技术有哪些?参与维护过什么项目?涉及到哪些技术?
  • 3、最近一家公司是什么行业,做什么产品,我担任什么角色?

2、项目介绍环节

  • 1、这是什么类型的产品?解决什么行业问题?有什么与众不同的吗?
  • 2、这个项目用到哪些核心技术?框架是啥?路由是啥?状态管理工具是啥?UI组件库是啥?
  • 3、这个由几个前端?几个后端?还有其他哪些岗位?我负责哪些功能模块?开发用了多长时间?上线了吗?
  • 4、这个项目有哪些困难?需求稳定吗?接口数据复杂吗?业务复杂吗?我们团队是如何解决这些问题的?我的能力发挥在哪里?我从中收获到哪些经验?

3、CSS基础

  • css中的定位有几种?分别有什么用?
  • css中display有哪些常用属性?分别有什么用?
  • css中有哪些方式实现动画?
  • 怎么让一个块级元素左右居中?上下居中?
  • 怎么让一个内联元素左右居中?上下居中?
  • 什么是盒子模型?什么是怪异盒模型?
  • 浮动有什么?有哪些清除浮动的方式?
  • 什么是flex布局?常用的属性有哪些?
  • css中,图片怎么实现自适应宽高?
  • 什么是BFC?
  • 什么是BEM规范?什么是OOCSS(面向对象CSS)?
  • 什么是CSS预处理器?使用CSS预处理器有什么好处?
  • 什么是媒体查询?能解决什么问题?
  • 谈一谈“层叠样式表”中“层叠”的含义,谈一谈CSS样式的优先级问题。
  • 移动端怎么布局?你有哪些布局方案?
  • 移动端中,怎么解决“overflow:auto”不流畅的问题?(-webkit-overflow-scrolling: touch)
  • 移动端中,怎么解决 1px 像素问题?(参考)

4、HTML基础

  • 请列举出几个常用的块级元素、内联元素。
  • 请谈一谈HTML语义化
  • 什么是SEO?你在工作中怎么实践SEO?
  • HTML5与XHTML有什么区别?
  • img标签的alt属性是什么?有什么用?
  • input标签有哪些常用的type类型?
  • 什么是"DOCTYPE"?HTML5中怎么指定文档类型?
  • <meta>标签对于一个HTML文档,有什么用?
  • 什么是favicon?前端怎么给HTML页面添加 favicon?

5、HTTP基础

  • GET和POST请求有什么区别?
  • HTTP请求有哪些特点?一次HTTP事务的大致过程是怎样的? 什么是DNS?
  • 什么是三次握手?四次挥手?(参考)
  • HTTP的请求报文,由哪些部分组件?(参考)
  • HTTP的响应报文,由哪些部分组成?
  • cookie、session有什么区别?
  • 常见的HTTP状态码有哪些?分别代表什么含义?302是什么?413是什么?415是什么?
  • 什么是XHR?工作中,你使用什么技术实现AJAX?工作中如何对AJAX进行二次封装?
  • 表单提交时,有哪些常用的 enctype 数据编码格式 ?(参考)
  • 谈一谈 HTTP 和 HTTPS 的区别。

6、JavaScript基础

  • 什么是跨域?你工作中怎么解决跨域问题?
  • localStorage、sessionStorage有什么区别?
  • 什么是闭包?
  • 什么是变量提升?谈一谈ES5中的作用域问题?
  • call、apply、bind有什么区别?有什么用?
  • 什么是原型链?ES5中有哪些实现继承的方式?
  • 说一下 prototype 和 proto 的区别?
  • 什么是设计模式?聊一聊你常用的设计模式。
  • 什么是MVVM、MVC、MVP模式?
  • 什么是算法?说一说用过的算法。
  • JS中有哪些数据类型?怎么判断一个变量的数据类型?
  • 谈一谈DOM和BOM的区别。
  • DOM中,有哪些常用的获取DOM对象的方法?
  • jQuery获取的DOM对象和原生DOM对象之间有什么区别?二者之间怎么相互转化?
  • 数组怎么去重?数组怎么排序?(sort方法、排序算法)
  • 什么是事件冒泡?事件捕获?事件代理?
  • 什么是DOM0级事件?2级事件?
  • 如何把十进制的234转化成二进制?
  • JSON.parse() 和 JSON.stringify() 有什么区别?
  • 什么是HTML5?HTML5中有哪些新技术?
  • 讲一讲WebSocket构建实时通讯的原理和过程。
  • 谈一谈 requestAnimationFrame动画

7、ES6相关

  • ES6中新增了哪些新特性?
  • ES6中的异步解决方案有哪些?
  • 说一下你常用的数组方法?常用的字符串方法?
  • 谈一下你熟悉的模块化开发规范。(CommonJS规范、ES6规范)
  • 什么是装饰器?装饰器有什么用?

8、项目经验

  • 谈一谈你用过的前端性能优化方案。
  • 什么是CDN?什么是OSS?什么是ECS?
  • Git怎么合并分支?处理冲突?
  • 一个完整的高效的前端工程化开发环境,应该包括哪些配置?如何构建一个高效的前端工程化开发环境?
  • Webpack是什么?它有哪些常用的功能?
  • 什么是Node.js?它有哪些特点?谈一谈你对Node.js的认识。
  • Node.js如何快速搭建一个本地的开发服务器?
  • 什么是Babel?什么是Babel Stage?
  • 你的工作中,使用过哪些项目管理工具?(TAPD、蓝湖、Git)
  • 你工作中常用的 IDE 是什么?
  • 什么是环境变量?Windows电脑上如何配置环境变量?
  • 谈一谈Vue和jQuery有哪些区别?

9、资源网站

继续完善中。。。

相关文章

  • 前端模拟面试【二面】

    前言 之前写了一篇关于前端模拟面试的文章——前端模拟面试【一面】 今天咱们接着进行前端模拟面试二面。因为有很多是一...

  • 前端工程师模拟面试

    1、自我介绍环节 1、我是谁?我有几年开发经验? 2、最近几年我做过哪些类型的产品?用到的主要技术有哪些?参与维护...

  • PHPer 面试指南-扩展阅读资源整理

    前端篇 收集的前端面试题和答案 前端开发面试题 史上最全的web前端面试题汇总及答案 前端工程师手册 HTTP协议...

  • PHPer 面试指南-扩展阅读资源整理

    前端篇 收集的前端面试题和答案 前端开发面试题 史上最全的web前端面试题汇总及答案 前端工程师手册 HTTP协议...

  • 前端面试集锦(1)

    前端面试集锦(转载) 转载地址:前端开发面试题 以下皆为转载 前端开发知识点: 作为一名前端工程师,无论工作年头长...

  • Web春招面经集合(仅供自己查漏补缺)

    300题 前端工程师300道面试题整理 面试指南 往届生写给19届的春招指南在天猫担任前端工程师是一种什么样的体验...

  • Web前端面试真的只掌握企业常用技能就行吗?

    一:web前端面试什么? 针对Web前端工程师这个岗位,我见过不少学员在面试之前的准备工作。做题,做题,再做题,这...

  • 如何成为市场需要的前端人才!

    一:web前端面试什么? 针对Web前端工程师这个岗位,我见过不少学员在面试之前的准备工作。做题,做题,再做题,这...

  • 如何成为市场需要的前端人才!

    一:web前端面试什么? 针对Web前端工程师这个岗位,我见过不少学员在面试之前的准备工作。做题,做题,再做题,这...

  • 前沿开发团队的面试过程

    以面试前端工程师为例 一、一般的面试过程 我们一般会有 2-3 轮面试,对于高级别的工程师可能会有 4-5 轮面试...

网友评论

      本文标题:前端工程师模拟面试

      本文链接:https://www.haomeiwen.com/subject/dqhbzhtx.html