认识自己
我发现这还是一个很好的认识自己,发现自己专业漏洞的一个很好很方法.
蘑菇街
- 自我介绍
- 重绘重排的理解,那些会引起重排
- 跨域
- 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 | |