认识自己
我发现这还是一个很好的认识自己,发现自己专业漏洞的一个很好很方法.
蘑菇街
- 自我介绍
- 重绘重排的理解,那些会引起重排
- 跨域
- jsonp原理,后台需要做什么事情
- vue双向绑定原理
- vue通讯
- 轮播图的实现
- 介绍项目
- 项目中遇到的问题,解决方法
- 线上代码出现bug,该怎样修复
- 拿到一个项目你是如何规划的
- 项目中是如何做自适应的
- 你有遇到过项目中无法解决的问题吗
- 后台接口数据很复杂,该怎么样优雅
- 懒加载,预加载理解,实现
- 你对个人发展的规划
- 你有什么想了解蘑菇街的,(我就问,我的面试情况怎么样?有那些地方存在问题)
面试官的套路:先讲讲面试过程中那些你表现突出的,然后讲哪些地方问答可以更好的,基础上掌握基本ok,对这种大型项目应对经验还不是很充足,还给我讲了些他在这方面的经验,讲了一个项目开发流程,他在前端快速开发总结的经验.(受益匪浅,面试四十分钟,给我讲了二十分钟,受小弟一拜)另外必须对蘑菇街对每个候选人的尊重点赞,无论通过与否一定会在第一时间给你反馈
京东
- 自我介绍
- position
- BFC
- 盒子模型
- 性能优化(压缩合并,减少http连接,懒加载,预加载,cdn,雪碧图,减少重排,考虑服务器渲染,减少dom操作,gzip)
- 重排重绘,减少重排的方法
- 作用域作用链
- 你对vue的理解
- new vue() 都做了些什么
- 数据绑定原理
- 生命周期
- update
- webpack作用,
- ES5和ES6的区别
- 变量提升
- 对学习其他技术看法
- let, const,ES6块作用域,和ES5的区别
- 介绍自己在github的总结,都会总结什么内容?
- 你会总结项目中的问题,如何解决的吗?一下就看懂那个小姐姐就等着你说有
- 你为什么想要离职啊
- 你还有什么问题吗?一直关注京东(有,我的面试情况怎么样?有什么好的建议吗?)
小姐姐面试官的套路:小姐姐说话很随和,应该很好相处.还是先讲那些地方还不错,css理解还是比较深入,还表扬我的还做一些笔记,..你在说我的心要开花了,接下来是重点,熟悉vue全家桶,能了解他的一些原理但是还可以更加深入,技术的全面性还有空间,比如react...这些,面试中他着重问了我的毕业时间,这里也提到了2017.6,所以我必须在问问公司是不是对工作时间有明确的要求,说这种情况必须和负责招聘的同事商量,看看领导的意思,我觉得她是介意这个的.它让我多坐一会儿,之后告诉我领导今天不在,就等通知了...(面试大概四十分钟左右,面试过程中小姐姐总共看了四次时间,应该是在控制面试时间)
可以看到他们对前端基础要求都是很高的,而且要求理解深入,有自己的理解,会侧重在考察候选人在了解的方面,并深入挖掘你直到你词穷,这时他会告诉你没关系,,,要是能反过来让面试官问得词穷,仰望高端玩家
总结一下作为FE必备的基本素质
// todo 表示待深入了解
知识点 | 备注 |
---|---|
语义化 | |
video,audio | more |
navigator | |
websocket | // todo |
本地储存 | |
h5缓存 | // todo |
web worker | // todo |
h5跨域 | more |
行元素,块元素 | |
盒模型 | |
BFC | more |
hack | |
css三角形 | |
伪类,伪元素 | MDN 伪类 MDN 伪元素 |
position | |
float | |
清除浮动 | bfc 布局 |
数据类型 | |
栈内存,堆内存 | more |
闭包 | more |
作用域,作用链 | |
对象 | |
继承 | more |
new | |
原型,原型链 | more |
this | more |
call/apply | more |
事件模型 | more |
事件委托,事件代理 | more |
jsonp原理 | more |
promise原理 | more |
fetch | MDN 使用 Fetch |
多页面的通讯 | |
浏览器的渲染过程 | more |
浏览器输入地址整个过程 | |
重排重绘 | 合并css,使用class,使用display,避免dom操作 更多 |
夸域 | |
性能优化 | 压缩合并,减少http连接,懒加载,预加载,cdn,雪碧图,减少重排,考虑服务器渲染,减少dom操作,gzip more |
SEO | // todo |
内存泄露 | more |
浏览器垃圾回收机制 | more |
同源策略 | more |
同步异步 | |
http,https | more |
常见状态码,无状态理解,302,304 | more |
安全,xss,csrf | more |
模块化,及规范 | |
代理,nginx | more |
严格模式,混合模式 | |
浏览器内核了解 | more |
常见的兼容性 | |
缓存机制 | more |
ajax原理 | more |
前端设计模式 | more |
路由 | more |
布局 | 垂直水平居中,多栏布局 more |
适配 | 响应式,rem,百分比,flex more |
前端测试 | 单元测试,端到端测试,覆盖率 more |
文档流的概念 | 定位的理解以及z-index计算规则&浏览器差异性 |
渐进增强与优雅降级 | |
defer和async | 别人总结 |
"use strict" | |
JavaScript 运行机制 | 阮一峰的 |
webpack | more |
ESlint | |
mvvm | // todo react |
vue | more |
ES6 | more |
linux | |
node(express,koa) | // todo |
git | |