前端面试经历(持续更新中)

原创 xiaoyu7 随笔 JS 1359阅读 2017-09-26 15:33:15 举报

**华丽丽的分割线***
此部分为我面试经历
一、
一面

1.你做了哪些项目,简单说一下

2.用了webpack打包么?webpack打包的原理和机制

3.用过其他构建工具么,说一说webpack打包的优势

4.modjs源码看过么?modjs的解析依赖的原理

5.vue的源码看过么?vue的生命周期是怎么样的

6.vue的单向绑定和响应式的原理

7.父子级组件的通信,非父子级组件的通信,多个组件互相通信怎么处理?

8.vuex状态管理机制了解么?

9.如果让你用vue写一个弹窗组件你怎么设计

9.了解http和http2.0么?简要说下2.0的特点

10.跨域的解决方法,和产生跨域的原因

11.用过哪些前端存储机制,简要说下localstorage和cookie

12.了解indexedDB么

13.了解less么,css模块化?

14.前端性能优化

二面

1.聊了聊项目

2.实现一个功能:

对一个对象可以绑定函数,对象属性变化的时候,函数可以再次绑定,可以绑定多个函数,并且最后绑定的函数this指向对象本身

3.开放问题,蜡笔和毛笔,考察抽象问题的能力和分层解决的思路

http://blog.csdn.net/A8572785/article/details/8912950

4.webpack打包的流程,webpack是如何解析依赖的

5.了解http2.0么,说下http2.0如何实现优化的

6.同源策略,跨域的解决办法和原理,为什么会产生跨域问题

7.域包含哪些

8.前端性能优化

9.前端安全相关

二、
1糯米sdk框架实现,webview如何和nactive交互

2跨域问题,file协议和http协议

3用过那些框架和打包工具

4vue的生命周期钩子

5vue的nextTick实现原理和应用

6vue的data和props的区别

7vue的transtion过滤动画如何实现

8vue的key是什么,如何应用

9vue如何实现一个弹窗组件,说下实现思路

10实现一个下半部固定,上半部自适应的布局

11css keyframe动画实现依次loop的动画

12css性能问题

13如何给keyframe加前缀,css前后处理器

14js单线程的理解

15js截流和one函数的实现

16说一说闭包和实际应用

17es6的import和require的区别和应用

18promise的实现原理,应用考察了一个例子

三、

1 移动端webview如何和nactive交互

2跨域问题,file协议和http协议

3用过那些框架和打包工具

4vue的生命周期钩子

5vue的nextTick实现原理和应用

6vue的data和props的区别

7vue的transtion过滤动画如何实现

8vue的key是什么,如何应用

9vue如何实现一个弹窗组件,说下实现思路

10实现一个下半部固定,上半部自适应的布局

11css keyframe动画实现依次loop的动画

12css性能问题

13如何给keyframe加前缀,css前后处理器

14js单线程的理解

15js截流和one函数的实现

16说一说闭包和实际应用

17es6的import和require的区别和应用

18promise的实现原理,应用考察了一个例子

**华丽丽的分割线***
升级了!此部分为我作为面试官准备的一面面试题
基础

html+css
1、常用的html5标签,挑两个说明下新特性
2、描述下css盒模型
标准盒模型+怪异盒模型
3、什么是浮动,清浮动的常用方式
4、什么是BFC,BFC的特性和作用
块级格式化上下文
5、了解flex布局么
容器的属性
项目的属性
实现一个色子为3的布局
6、了解css预处理么?
Sass less stylus
为什么要用预处理,解决了项目中的哪些问题
7、了解移动端布局和适配么
流式布局 弹性布局
什么是viewport
8、移动端出现模糊的原因
9、移动端实现1px

Js
一、ES5
1、js继承的常用方法
原型链继承 借用构造函数 组合继承 原型式继承 寄生式继承
2、call和apply是什么,区别
3、描述一下js作用域链,知道js预处理么
4、什么是闭包,闭包常用于解决什么问题,写一个闭包出来

二、ES6
1、知道扩展运算符么?用哪些应用
2、let和var的区别,const和let常用于哪些地方。
3、说下import和require的区别和应用
3、了解对象的assign方法么?常用于哪些地方
4、什么是对象浅拷贝和深拷贝,简单说出一个深拷贝方法
5、什么是promise

跨域和通信
1、为什么会产生跨域
2、同源策略 协议 域名 端口号
3、常用解决跨域的方式
4、一个完整的http请求包含哪些部分
5、常见的http状态码
6、http2.0么?简要说下2.0的特点

构建工具
1、用了webpack打包么?webpack打包的原理和机制
2、用过其他构建工具么,说一说webpack打包的优势
3、webpack4新特性

前端存储机制
1、了解哪些前端存储机制
2、简要说下localstorage和cookie
3、前端存储的应用
4、了解浏览器缓存么?比如cache Stroage和Application Cache
5、利用cache Stroage做离线应用

项目
1、vue的生命周期是怎么样的
2、描述下vue的单向数据流和响应式的原理
3、父子级组件的通信,非父子级组件的通信,多个组件互相通信怎么处理?
4、vue的transtion过滤动画如何实现
5、vue的key是什么,如何应用
6、vuex状态管理机制了解么?
7、如果让你用vue写一个弹窗组件如何设计

评论 ( 10 )
最新评论
tiffany拉拉 9F 2017-09-29 18:38:52 10F

基本很难接触到,而且进来之后一直在做项目,也不知道别人有没有时间,而且感觉自己太菜
会不会被鄙视

xiaoyu7 7F 2017-09-29 16:53:01 9F

部门里的高T可以去问问他们问题啊,大部分都是很nice的人

xiaoyu7 1F 2017-09-29 16:47:43 8F

只是T3...

tiffany拉拉 5F 2017-09-29 16:47:25 7F

其实我现在在百度做外包,很想接触一下百度的前端大牛,不过没啥机会接触到,好尴尬

xiaoyu7 4F 2017-09-29 16:47:21 6F

嗯,自己对源码理解还是不够,近期在看

xiaoyu7 2F 2017-09-29 16:44:59 5F

最低级的T3

xiaoyu7 3F 2017-09-29 16:44:43 4F

都是考核原理的

aaawhz 2017-09-28 09:23:44 3F

这。。一来就是烧脑题, 想给你下马威么;

nextTick原理, 可以看看我写的 http://www.cnblogs.com/dhsz/p/7064913.html

tiffany拉拉 2017-09-27 10:27:42 2F

看了这些面试题,感觉自己可以狗带了,心好累……这是面试高级前端工程师吧~~

RRRRdaiMao 2017-09-27 09:56:44 1F

我想知道 能达到回答以上所有问题的前端,已经算什么阶段的前端工程师了, 超神了?