要达到什么水平才能找到一份前端实习的工作？

如果你是大佬，那么这篇文章不适合你，如果你是一个准备找实习的前端小白，请务必看下去，这对你很重要！！

先说面向市场上绝大多数公司需要达到的水平：

1.css,html,js 基本要求要能够了解并且熟练。

2.在完成1后,了解前端自动化, webpack,gulp, 并且能利用webpack,gulp写一套脚手架(不是框架),实现最基本的 es6 -> es5(babel + eslint), css处理器(比如sass)-> css(postcss做浏览器兼容), 模板(比如 pug)->html。

3.在完成2的同时你会了解 es6的语法,sass的使用,和一点点nodejs的使用。

4.完成2和3后, 你可以尝试了解 jQuery->vue->微信小程序, 其实方向就是 DOM操作->MVVM框架->商业化产品(微信小程序,混合式APP开发等)

5.在完成4的同时你会了解到一点点HTTP请求知识,cors跨域处理,AJAX等

6.在完成4后还有余力的话, 去了解nodejs+express 最基本的写一个管理系统,或者blog等等在完成6的途中你会了解到 http请求,数据库操控, cookie与session,restful API,等等

如果能够全部完成7点,达到了解并且掌握的程度, 那么找个实习是没什么问题了,剩下的坑在工作中学习吧。

扫描二维码关注公众号，回复： 12903485 查看本文章

下面说说面向大公司要达到什么水平：

大公司比较考验基础,虽然你从上述7点学的了基本功,但是还得去深造。

css 非常6，各种特效信手拈来。
js 非常6，可以实现一个微型库，如简化版的MVVM库或工具库（类似 lodash）
项目经验丰富，解决问题能力特别强，给你一个中等难度的公司项目你可以三天上手，七天游刃有余，各种 bug 随手一解。
学术能力优秀，paper 或专利一大堆，创新点子特别多。
含金量大赛获奖无数，比如ACM。
学历牛逼，比如是清北硕士。

…

如果这些都没有怎么办呢？那只能靠前端基础和运气了。

以下分享一些我当初面试前端实习岗收获的经验：

1、简历要写好，网上找模板，认真写，注意整体要简洁大方，突出重点，可以提高简历被hr筛选出来的概率，反正我现在的公司我用不同的账号投了两份简历，简历丑的那个直接就被拒了。

2、最好有项目经历，如果没有项目来源，可以考虑自己做一些小项目，像个人博客之类的。

3、面试前还是多准备，多看别人的经验帖，前端一些经典问题，像盒模型，函数闭包，原型链这些得知道，这些问题不要死背书上的，要自己能理解，并能发表自己的见解。

4、基础算法以及数据结构基础知识要掌握，前端对算法要求不高，但数组层面的算法一定要掌握，给你面试的很可能是搞后台的，一般正经点的公司都会面试一些基础算法。

5、面试被刷心态要放好，以我的了解很多公司都是招一个岗位，然后七八个人来面试，所以如果你不是特别牛逼的人，被刷真的很正常。就像我以前经常被刷，前一个半月基本上是毫无音信，有的时候被刷了，真的不要太放在心上，保持一颗平常心。

6、在面试过程中一定要不断成长，我的前端能力属于突击来的，虽然我不觉得自己菜，但是我最开始基础不好是事实，一开始做笔试题的时候一套题基本上就没对的，做算法题就完全不会。

不过我每次面试完都会总结一下面试哪方面表现不好，然后再在这方面下功夫；我最开始因为算法差被刷之后，我就花了一天时间把牛客网上的简单js算法题全刷了一遍。

7、投简历之前找准方向，前端方向实在太多，有写静态页面的，也有搞大型网页开发的，有的公司前端并不重要，平时就负责维护下网页而已，所以投简历之前好好打听下你要投的公司的前端平时干些什么。

最后分享的是我总结整理的前端面试的问题和答案，希望自己绵薄之力能帮助到大家，在金三银四之际，找到一份称心如意的工作。

HTML

1.你是怎么理解HTML语义化
2.你用过哪些HTML5标签
3.metaviewport是做什么用的，怎么写？
4.H5是什么
5.label标签的作用
6.行内元素有哪些？块级元素有哪些？空(void)元素有那些？
7.a标签中如何禁用href跳转页面或定位链接
8.canvas在标签上设置宽高和在style中设置宽高有什么区别
9.你做的页面在哪些流览器测试过？这些浏览器的内核分别是什么?
10.iframe有哪些缺点？
11.HTML5新特性
12.HTML5离线储存
13.浏览器是怎么对HTML5的离线储存资源进行管理和加载的呢？
14.Doctype作用?严格模式与混杂模式如何区分？它们有何意义?
15.HTML与XHTML——二者有什么区别

CSS

1.页面渲染时，dom元素所采用的布局模型,可通过box-sizing进行设置。根据计算宽高的区域可分为：
2.几种获得宽高的方式
3.边距重叠解决方案(BFC)BFC原理
4.拓展各种获得宽高的方式
5.边距重叠解决方案（BFC）BFC原理
6.css reset和normalize有什么区别
7.居中方法
8.介绍一下CSS的盒子模型
9.CSS选择符有哪些？
10.CSS3新增伪类有哪些
11.什么是cssHACK？
12.Less/Sass/Scss的区别
13请解释一下CSS3的flexbox（弹性盒布局模型）,以及适用场景？

JavaScript

1.请你谈谈Cookie的优缺点
2.Array.prototype.slice.call(arr，2)方法的作用是
3.以下代码执行后，控制台的输出是
4.简单说一下浏览器本地存储是怎样的
5.原型/构造函数/实例
6.原型链
7.执行上下文(EC）
8.变量对象
9.作用域链
10.闭包
11.对象的拷贝
12.new运算符的执行过程
13.instanceof原理
14.代码的复用

浏览器

1.跨标签页通讯
2.浏览器架构
3.浏览器下事件循环(EventLoop)
4.从输入url到展示的过程
5.重绘与回流
6.存储
7.WebWorker
8.V8垃圾回收机制
9.内存泄露
10.reflow(回流)和repaint(重绘)优化

服务端与网络

1.http/https协议
2.常见状态码
3.get/post
4.Websocket
5.TCP三次握手
6.TCP四次挥手
7.Node的EventLoop:6个阶段
8.URL概述
9.安全
10.HTTPS和HTTP的区别

VUE

1.vue.js的两个核心是什么？
2.vue的双向绑定的原理是什么?
3.vue生命周期钩子函数有哪些？
4.请问v-if和v-show有什么区别？
5.vue常用的修饰符
6.什么是vue生命周期
7.数据响应(数据劫持）
8.virtualdom原理实现
9.Proxy相比于defineProperty的优势
10.vue中key值的作用

算法

1.五大算法
2.基础排序算法
3.高级排序算法
4.递归运用(斐波那契数列)：爬楼梯问题
5.数据树
6.天平找次品