1. 首页
  2. IT资讯

2017web前端校招面试总结,如果是你,你可以过吗?

“u003Cdivu003Eu003Cpu003E基本上的大公司对于前端校招同学的要求都不仅仅局限于前端领域,因为对于一般的候选人来说都是侧重潜力的考察。u003Cu002Fpu003Eu003Cpu003E而小一点的公司对于候选人的技术能力以及项目经历不会有过多的要求,更多的是希望能够以比较低廉的价格签下一个愿意做切图之类工作的同学。个人觉得对于同学未来几年的发展不是很好。u003Cu002Fpu003Eu003Cpu003Eu003Cimg src=”http:u002Fu002Fp1.pstatp.comu002Flargeu002F615e0001dafc099e8d03″ img_width=”1280″ img_height=”841″ alt=”2017web前端校招面试总结,如果是你,你可以过吗?” inline=”0″u003Eu003Cu002Fpu003Eu003Ch1u003Eu003Cstrongu003E流程u003Cu002Fstrongu003Eu003Cu002Fh1u003Eu003Cpu003E不管是电话面试还是现场面试,基本的流程是:u003Cstrongu003E自我介绍u003Cu002Fstrongu003E,u003Cstrongu003E基础部分u003Cu002Fstrongu003E,u003Cstrongu003E项目经历u003Cu002Fstrongu003E,u003Cstrongu003E拓展部分(通常都是以面试者自己回答的内容为发散点)u003Cu002Fstrongu003E,u003Cstrongu003E面试者询问u003Cu002Fstrongu003E。u003Cu002Fpu003Eu003Ch1u003Eu003Cstrongu003E自我介绍u003Cu002Fstrongu003Eu003Cu002Fh1u003Eu003Cpu003E这部分应该有很多同学觉得都不用准备,但是事实上面试官第一个问题如果回答的没有条理不仅面试官的印象会不好,而且对自己接下来的状态也会有很大的影响。u003Cu002Fpu003Eu003Cpu003E所以面试者最好自己写好自我介绍的草稿,设计到的内容包括但不限于为什么学前端?拿过什么样的奖项之类的?,虽然简历中有写。u003Cu002Fpu003Eu003Cpu003Eu003Cimg src=”http:u002Fu002Fp9.pstatp.comu002Flargeu002F615f0001cda3feb33f76″ img_width=”1023″ img_height=”816″ alt=”2017web前端校招面试总结,如果是你,你可以过吗?” inline=”0″u003Eu003Cu002Fpu003Eu003Cpu003E接着面试官可能会问:u003Cu002Fpu003Eu003Cul class=” list-paddingleft-2″u003Eu003Cliu003Eu003Cpu003E如何学前端的?u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003E你认为的前端都要做什么样的工作?u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003E你理解的前端工程师是什么?u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003E你认为前端工程师对于用户和公司有哪些作用?u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003E你最近遇到过什么技术挑战?你是如何解决的?u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003E实习了多久,在哪实习,实习的工作是什么?u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003E实习过程中能不能完成公司给你的工作?工作量如何?u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003E…u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cu002Fulu003Eu003Cpu003E好了,前戏差不多了,现在开始划一下基础知识的重点。u003Cu002Fpu003Eu003Ch1u003E知识点汇总u003Cu002Fh1u003Eu003Cpu003Eu003Cstrongu003EHTMLu003Cu002Fstrongu003Eu003Cu002Fpu003Eu003Cul class=” list-paddingleft-2″u003Eu003Cliu003Eu003Cpu003EHTML5新特性,语义化u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003E浏览器的标准模式和怪异模式u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003Exhtml和html的区别u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003E使用data-的好处u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003Emeta标签u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003Ecanvasu003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003EHTML废弃的标签u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003EIE6 bug,和一些定位写法u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003Ecss js放置位置和原因u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003E什么是渐进式渲染u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003Emeta viewport原理u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cu002Fulu003Eu003Cpu003Eu003Cimg src=”http:u002Fu002Fp1.pstatp.comu002Flargeu002F61590004418fc0c8ddee” img_width=”1280″ img_height=”1059″ alt=”2017web前端校招面试总结,如果是你,你可以过吗?” inline=”0″u003Eu003Cu002Fpu003Eu003Cpu003Eu003Cstrongu003Ehtml头部声明DOCTYPE是document type(文档类型)的简写,用来说明你用的XHTML或者HTML是什么版本。DOCTYPE声明必须放在每一个XHTML文档最顶部,在所有代码和标识之上。u003Cu002Fstrongu003Eu003Cu002Fpu003Eu003Cpu003E<head>u003Cu002Fpu003Eu003Cpu003E<title>标签u003Cu002Fpu003Eu003Cpu003Etitle就是说这个网页是干什么的,公司名、产品名、功能名等等,全是给浏览器,以方便用户能快速准确得了解到这个网页要介绍的内容。u003Cu002Fpu003Eu003Cpu003Etitle的特点:u003Cu002Fpu003Eu003Cpu003Etitle标签只能在head标签内出现;u003Cu002Fpu003Eu003Cpu003E标签内的内容通常在浏览器的标题栏中显示;u003Cu002Fpu003Eu003Cpu003E浏览器中收藏夹内书签的名称是title的内容;u003Cu002Fpu003Eu003Cpu003Etitle的内容可以方便搜索引擎索引页面;u003Cu002Fpu003Eu003Cpu003E从搜索引擎搜索到的内容的标题往往是网页title的内容;u003Cu002Fpu003Eu003Cpu003Etitle通常体现了网页的主题内容,所以记得一定要加上。u003Cu002Fpu003Eu003Cpu003Eu003Cimg src=”http:u002Fu002Fp1.pstatp.comu002Flargeu002F61590004427d3bc993dd” img_width=”1280″ img_height=”1279″ alt=”2017web前端校招面试总结,如果是你,你可以过吗?” inline=”0″u003Eu003Cu002Fpu003Eu003Cpu003E<meta>标签<meta>元素可提供有关页面的原信息(meta-information),比如针对搜索引擎和更新频率的描述和关键词。位于head标签内,单独出现,必须被正确地关闭<meta name=” ” content=”” u002F>meta属性主要非为两组:u003Cu002Fpu003Eu003Cpu003E1)name属性与content属性name属性的值所描述的内容(值)通过content属性表示,便于爬虫查找、分类。其中最重要的是description、keywords和robots。u003Cu002Fpu003Eu003Cpu003E2)http-equiv属性和content属性HTML标签的规范1、所有标签都必须要有相应的结束标签;2、标签与标签的属性都必须使用小写;u003Cu002Fpu003Eu003Cpu003E3、所有标签都必须合理嵌套;u003Cu002Fpu003Eu003Cpu003E4、<img>标签的alt属性:搜索引擎会比较重视,要充分利用它来放置关键词。它的好处包括:u003Cu002Fpu003Eu003Cpu003E1)获取或设置在图像不可用或当前正在下载且尚未完成的情况下浏览器显示的替换标题;u003Cu002Fpu003Eu003Cpu003E2)搜索引擎把alt属性里的内容当了那个图片的关键词,关键词写得好,图片被搜索到的几率也是非常大的。u003Cu002Fpu003Eu003Cpu003E5、HTML转义字符。HTML常用标签块属性标签(块元素)u003Cu002Fpu003Eu003Cpu003Eu003Cstrongu003ECSSu003Cu002Fstrongu003Eu003Cu002Fpu003Eu003Cul class=” list-paddingleft-2″u003Eu003Cliu003Eu003Cpu003E盒模型,box-sizingu003Cu002Fpu003Eu003Cu002Fliu003Eu003Cu002Fulu003Eu003Cpreu003E( 1) 有两种, IE 盒子模型、 W3C 盒子模型;u003Cbru003E( 2) 盒模型: 内容(content)、 填充(padding)、 边界(margin)、 边框(border);u003Cbru003E( 3) 区 别: IE 的 content 部分把 border 和 padding 计算了进去;u003Cbru003Eu002Fu002Fbox-sizing:border-box; 可以用这个规定一下u003Cu002Fpreu003E选择器:u003Cpreu003E1.id 选择器(# myid)u003Cbru003E2.类选择器( .myclassname)u003Cbru003E3.标签选择器( div, h1, p)u003Cbru003E4.相邻选择器( h1 + p)u003Cbru003E5.子选择器( ul > li)u003Cbru003E6.后代选择器( li a)u003Cbru003E7.通配符选择器(* )u003Cbru003E8.属性选择器( a[rel = “external”])u003Cbru003E9.伪类选择器( a:hover, li:nth-child)u003Cbru003E可继承的样式: font-size font-family color, UL LI DL DD DT;u003Cbru003E不可继承的样式: border padding margin width heightu003Cu002Fpreu003Eu003Cul class=” list-paddingleft-2″u003Eu003Cliu003Eu003Cpu003ECSS3新特性,伪类,伪元素,锚伪类u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003ECSS实现隐藏页面的方式u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003E如何实现水平居中和垂直居中。u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003E说说position,displayu003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003E请解释*{box-sizing:border-box;}的作用,并说明使用它的好处u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003E浮动元素引起的问题和解决办法?绝对定位和相对定位,元素浮动后的display值u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003Einline和inline-block的区别u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003E哪些是块级元素那些是行级元素,各有什么特点u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003Egrid布局u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003Etable布局的作用u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003E实现两栏布局有哪些方法?u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003Ecss dpiu003Cu002Fpu003Eu003Cu002Fliu003Eu003Cu002Fulu003Eu003Cpu003Eu003Cimg src=”http:u002Fu002Fp1.pstatp.comu002Flargeu002F6159000443802dc15b15″ img_width=”1280″ img_height=”721″ alt=”2017web前端校招面试总结,如果是你,你可以过吗?” inline=”0″u003Eu003Cu002Fpu003Eu003Cul class=” list-paddingleft-2″u003Eu003Cliu003Eu003Cpu003E你知道attribute和property的区别么u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003E移动端布局方案u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003E实现三栏布局(圣杯布局,双飞翼布局,flex布局)u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003E清除浮动的原理u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003Eoverflow:hidden有什么缺点?u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003Epadding百分比是相对于父级宽度还是自身的宽度u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003Ecss3动画,transition和animation的区别,animation的属性,加速度,重力的模拟实现u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003ECSS 3 如何实现旋转图片(transform: rotate)u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003Esass lessu003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003E对移动端开发了解多少?(响应式设计、Zepto;@media、viewport、JavaScript 正则表达式判断平台。)u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003E什么是bfc,如何创建bfc?解决什么问题?u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003ECSS中的长度单位(px,pt,rem,em,ex,vw,vh,vh,vmin,vmax)u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003ECSS 选择器的优先级是怎样的?u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003E雪碧图u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cu002Fulu003Eu003Cpu003Eu003Cimg src=”http:u002Fu002Fp1.pstatp.comu002Flargeu002F615c0003956b16aacf3c” img_width=”1024″ img_height=”576″ alt=”2017web前端校招面试总结,如果是你,你可以过吗?” inline=”0″u003Eu003Cu002Fpu003Eu003Cul class=” list-paddingleft-2″u003Eu003Cliu003Eu003Cpu003Esvgu003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003E媒体查询的原理是什么?u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003ECSS 的加载是异步的吗?表现在什么地方?u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003E常遇到的浏览器兼容性问题有哪些?常用的hack的技巧u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003E外边距合并u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003E解释一下“::before”和“:after”中的双冒号和单冒号的区别u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cu002Fulu003Eu003Cpu003Eu003Cstrongu003EJavaScriptu003Cu002Fstrongu003Eu003Cu002Fpu003Eu003Cul class=” list-paddingleft-2″u003Eu003Cliu003Eu003Cpu003Ejs的基本类型有哪些?引用类型有哪些?null和undefined的区别。u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003E如何判断一个变量是Array类型?如何判断一个变量是Number类型?(都不止一种)u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003EObject是引用类型嘛?引用类型和基本类型有什么区别?哪个是存在堆哪一个是存在栈上面的?u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003EJS常见的dom操作apiu003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003E解释一下事件冒泡和事件捕获u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003E事件委托(手写例子),事件冒泡和捕获,如何阻止冒泡?如何组织默认事件?u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003E对闭包的理解?什么时候构成闭包?闭包的实现方法?闭包的优缺点?u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003Ethis有哪些使用场景?跟C,Java中的this有什么区别?如何改变this的值?u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003Ecall,apply,bindu003Cu002Fpu003Eu003Cu002Fliu003Eu003Cu002Fulu003Eu003Cpu003Eu003Cimg src=”http:u002Fu002Fp9.pstatp.comu002Flargeu002F615f0001d191259c9fb5″ img_width=”1280″ img_height=”853″ alt=”2017web前端校招面试总结,如果是你,你可以过吗?” inline=”0″u003Eu003Cu002Fpu003Eu003Cul class=” list-paddingleft-2″u003Eu003Cliu003Eu003Cpu003E显示原型和隐式原型,手绘原型链,原型链是什么?为什么要有原型链u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003E创建对象的多种方式u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003E实现继承的多种方式和优缺点u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003Enew 一个对象具体做了什么u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003E手写Ajax,XMLHttpRequestu003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003E变量提升u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003E举例说明一个匿名函数的典型用例u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003E指出JS的宿主对象和原生对象的区别,为什么扩展JS内置对象不是好的做法?有哪些内置对象和内置函数?u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003Eattribute和property的区别u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003Edocument load和document DOMContentLoaded两个事件的区别u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003E=== 和 == , [] === [], undefined === undefined,[] == [], undefined == undefinedu003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003Etypeof能够得到哪些值u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003E什么是“use strict”,好处和坏处u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003E函数的作用域是什么?js 的作用域有几种?u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003EJS如何实现重载和多态u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003E常用的数组api,字符串apiu003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003E原生事件绑定(跨浏览器),dom0和dom2的区别?u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003E给定一个元素获取它相对于视图窗口的坐标u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003E如何实现图片滚动懒加载u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003Ejs 的字符串类型有哪些方法? 正则表达式的函数怎么使用?u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003E深拷贝u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cu002Fulu003Eu003Cpu003Eu003Cimg src=”http:u002Fu002Fp3.pstatp.comu002Flargeu002F615c0003963155f577b4″ img_width=”1024″ img_height=”1024″ alt=”2017web前端校招面试总结,如果是你,你可以过吗?” inline=”0″u003Eu003Cu002Fpu003Eu003Cul class=” list-paddingleft-2″u003Eu003Cliu003Eu003Cpu003E编写一个通用的事件监听函数u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003Eweb端cookie的设置和获取u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003EsetTimeout和promise的执行顺序u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003EJavaScript 的事件流模型都有什么?u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003Enavigator对象,location和historyu003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003Ejs的垃圾回收机制u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003E内存泄漏的原因和场景u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003EDOM事件的绑定的几种方式u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003EDOM事件中target和currentTarget的区别u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003Etypeof 和 instanceof 区别,instanceof原理u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003Ejs动画和css3动画比较u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003EJavaScript 倒计时(setTimeout)u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003Ejs处理异常u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003Ejs的设计模式知道那些u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003E轮播图的实现,以及轮播图组件开发,轮播10000张图片过程u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003Ewebsocket的工作原理和机制。u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003E手指点击可以触控的屏幕时,是什么事件?u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003E什么是函数柯里化?以及说一下JS的API有哪些应用到了函数柯里化的实现?(函数柯里化一些了解,以及在函数式编程的应用,最后说了一下JS中bind函数和数组的reduce方法用到了函数柯里化。)u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003EJS代码调试u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cu002Fulu003Eu003Cpu003Eu003Cstrongu003EES6u003Cu002Fstrongu003Eu003Cu002Fpu003Eu003Cul class=” list-paddingleft-2″u003Eu003Cliu003Eu003Cpu003E谈一谈 promiseu003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003E所有的 ES6 特性你都知道吗?如果遇到一个东西不知道是 ES6 还是 ES5, 你该怎么区分它u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003Ees6的继承和es5的继承有什么区别u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003Epromise封装ajaxu003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003Elet const的优点u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003Ees6 generator 是什么,asyncu002Fawait 实现原理u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003EES6和node的commonjs模块化规范区别u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003E箭头函数,以及它的thisu003Cu002Fpu003Eu003Cu002Fliu003Eu003Cu002Fulu003Eu003Cpu003Eu003Cstrongu003E计算机网络u003Cu002Fstrongu003Eu003Cu002Fpu003Eu003Cul class=” list-paddingleft-2″u003Eu003Cliu003Eu003Cpu003EHTTP协议头含有哪些重要的部分,HTTP状态码u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003E网络url输入到输出怎么做?u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003E性能优化为什么要减少 HTTP 访问次数?u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003EHttp请求的过程与原理u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003Ehttps(对是https)有几次握手和挥手?https的原理。u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003Ehttp有几次挥手和握手?TLS的中文名?TLS在哪一网络层?u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003ETCP连接的特点,TCP连接如何保证安全可靠的?u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003E为什么TCP连接需要三次握手,两次不可以吗,为什么u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003E为什么tcp要三次握手四次挥手?u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003Etcp的三次握手和四次挥手画图(当场画写ack 和 seq的值)?u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003Etcp与udp的区别u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003Eget和post的区别?什么情况下用到?u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003Ehttp2 与http1 的区别?u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003Ewebsocketu003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003E什么是tcp流,什么是http流u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003Ebabel是如何将es6代码编译成es5的u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003Ehttp2的持久连接和管线化u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003E域名解析时是tcp还是udpu003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003E域名发散和域名收敛u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003EPost一个file的时候file放在哪的?u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003EHTTP Response的Header里面都有些啥?u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cu002Fulu003Eu003Cpu003Eu003Cstrongu003E浏览器相关u003Cu002Fstrongu003Eu003Cu002Fpu003Eu003Cul class=” list-paddingleft-2″u003Eu003Cliu003Eu003Cpu003E跨域,为什么JS会对跨域做出限制u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003E前端安全:xss,csrf…u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003E浏览器怎么加载页面的?script脚本阻塞有什么解决方法?defer和async的区别?u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003E浏览器强缓存和协商缓存u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003E浏览器的全局变量有哪些u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003E浏览器同一时间能够从一个域名下载多少资源u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003E按需加载,不同页面的元素判断标准u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003Eweb存储、cookies、localstroge等的使用和区别u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003E浏览器的内核u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003E如何实现缓存机制?(从200缓存,到cache到etag再到)u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003E说一下200和304的理解和区别u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003E什么是预加载、懒加载u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003E一个 XMLHttpRequest 实例有多少种状态?u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003Edns解析原理,输入网址后如何查找服务器u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003E服务器如何知道你?u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003E浏览器渲染过程u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003Eie的某些兼容性问题u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003Esessionu003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003E拖拽实现u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003E拆解url的各部分u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cu002Fulu003Eu003Cpu003Eu003Cstrongu003E工程化u003Cu002Fstrongu003Eu003Cu002Fpu003Eu003Cul class=” list-paddingleft-2″u003Eu003Cliu003Eu003Cpu003E对webpack,gulp,grunt等有没有了解?对比。u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003Ewebpack的入口文件怎么配置,多个入口怎么分割。u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003Ewebpack的loader和plugins的区别u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003Egulp的具体使用。u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003E前端工程化的理解、如何自己实现一个文件打包,比如一个JS文件里同时又ES5 和ES6写的代码,如何编译兼容他们u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cu002Fulu003Eu003Cpu003Eu003Cstrongu003E模块化u003Cu002Fstrongu003Eu003Cu002Fpu003Eu003Cul class=” list-paddingleft-2″u003Eu003Cliu003Eu003Cpu003E对AMD,CMD,CommonJS有没有了解?u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003E为什么要模块化?不用的时候和用RequireJs的时候代码大概怎么写?u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003E说说有哪些模块化的库,有了解过模块化的发展的历史吗?u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003E分别说说同步和异步模块化的应用场景,说下AMD异步模块化实现的原理?u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003E如何将项目里面的所有的require的模块语法换成import的ES6的语法?u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003E使用模块化加载时,模块加载的顺序是怎样的,如果不知道,根据已有的知识,你觉得顺序应该是怎么样的?u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cu002Fulu003Eu003Cpu003Eu003Cstrongu003E框架u003Cu002Fstrongu003Eu003Cu002Fpu003Eu003Cul class=” list-paddingleft-2″u003Eu003Cliu003Eu003Cpu003E使用过哪些框架?u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003Ezepto 和 jquery 是什么关系,有什么联系么?u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003Ejquery源码如何实现选择器的,为什么$取得的对象要设计成数组的形式,这样设计的目的是什么u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003Ejquery如何绑定事件,有几种类型和区别u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003E什么是MVVM,MVC,MVPu003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003EVue和Angular的双向数据绑定原理u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003Ereact和vue的虚拟dom以及diff算法u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003Evue的observer,watcher,compileu003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003Ereact和angular分别用在什么样的业务吗?性能方面和MVC层面上的区别u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003EjQuery对象和JS的Element有什么区别u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003EjQuery对象是怎么实现的u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003EjQuery除了它封装了一些方法外,还有什么值得我们去学习和使用的?u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003EjQuery的$(‘xxx’)做了什么事情u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003E介绍一下bootstrap的栅格系统是如何实现的u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cu002Fulu003Eu003Cpu003Eu003Cstrongu003ENode.jsu003Cu002Fstrongu003Eu003Cu002Fpu003Eu003Cul class=” list-paddingleft-2″u003Eu003Cliu003Eu003Cpu003E对nodejs有没有了解u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003EExpress 和 koa 有什么关系,有什么区别?u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003Enodejs适合做什么样的业务?u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003Enodejs与php,java有什么区别u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003ENodejs中的Stream和Buffer有什么区别?u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003Enode的异步问题是如何解决的?u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003Enode是如何实现高并发的?u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003E说一下 Nodejs 的 event loop 的原理u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cu002Fulu003Eu003Cpu003Eu003Cstrongu003E数据结构u003Cu002Fstrongu003Eu003Cu002Fpu003Eu003Cul class=” list-paddingleft-2″u003Eu003Cliu003Eu003Cpu003E基本数据结构:(数组、队列、链表、堆、二叉树、哈希表等等)u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003E8种排序算法,原理,以及适用场景和复杂度u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003E说出越多越好的费波拉切数列的实现方法?u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cu002Fulu003Eu003Cpu003Eu003Cstrongu003E性能优化u003Cu002Fstrongu003Eu003Cu002Fpu003Eu003Cul class=” list-paddingleft-2″u003Eu003Cliu003Eu003Cpu003Ecdn的用法是什么?什么时候用到?u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003E浏览器的页面优化?u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003E单页面应用有什么SEO方案?u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003E单页面应用首屏显示比较慢,原因是什么?有什么解决方案?u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cu002Fulu003Eu003Cpu003Eu003Cstrongu003E另外零散知识点u003Cu002Fstrongu003Eu003Cu002Fpu003Eu003Cul class=” list-paddingleft-2″u003Eu003Cliu003Eu003Cpu003E数据库的四大特性,什么是原子性,表的关系u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003E你觉得前端体系应该是怎样的?u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003E一个静态资源要上线,里面有各种资源依赖,你如何平稳上线u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003E如果要你去实现一个前端模板引擎,你会怎么做u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003E知道流媒体查询吗?u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003ESEOu003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003Emysql 和 mongoDB 有什么区别?u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003Erestful的method解释u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003E数据库知识、操作系统知识u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003E移动端的手势和事件;u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003Eunicode,utf8,gbk编码的了解,乱码的解决u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cu002Fulu003Eu003Cpu003Eu003Cstrongu003E多面常问的开放性问题u003Cu002Fstrongu003Eu003Cu002Fpu003Eu003Cul class=” list-paddingleft-2″u003Eu003Cliu003Eu003Cpu003E你都看过什么书?最近在看什么书?u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003E用过什么框架?有没有看过什么框架的代码?u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003E有没有学过设计模式?u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003E说一说观察者模式吧!能不能写出来?u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003E你最大的优点是什么?那你最大的缺点呢?u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003E你除了写博客还有什么输出?u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003E现在你的领导给你了一份工作,要求你一个星期完成,但你看了需求以后估计需要3周才能完成,你该怎么办?u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003E如何规划自己的职业生涯u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003E项目过程中,有遇到什么问题吗?怎么解决的?u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003E最近在研究哪方面的东西?u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003E请介绍一项你最热爱、最擅长的专业领域,并且介绍的学习规划。u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003E请介绍你参与的印象最深刻的一个项目,为什么?并且介绍你在项目中的角色和发挥的作用。u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cu002Fulu003Eu003Cpu003Eu003Cstrongu003E人力资源方面u003Cu002Fstrongu003Eu003Cu002Fpu003Eu003Cul class=” list-paddingleft-2″u003Eu003Cliu003Eu003Cpu003E你平时的是怎么学习前端的?有什么输出?u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003E你觉得自己最好的项目是什么?u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003E身边比较佩服的人有什么值得你学习的?你为什么没有跟他们一样?u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003E同事的什么问题会让你接受不了u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003E压力最大的事情是什么?u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003E和同学做过的最好的项目?u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003E身边的朋友通常对你的评价是什么u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003E喜欢什么样的工作氛围u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003E如何看待加班u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003E有没有对象u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003E意向城市u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003E大学里花费时间最多的三件事情u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003E周末都会干什么?u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003E未来职业规划u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cu002Fulu003Eu003Cpu003Eu003Cstrongu003E建议u003Cu002Fstrongu003Eu003Cu002Fpu003Eu003Col class=” list-paddingleft-2″u003Eu003Cliu003Eu003Cpu003E面试的时候不要表现出自己想创业。敲黑板。u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003E从来没有看过源码的话,建议从jQuery,zepto这之类的源码入手,后期可以了解Vue,React常见的功能的源码思路和实现。u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cliu003Eu003Cpu003E项目经验描述的时候不用太太太详细,拣重点的讲。u003Cu002Fpu003Eu003Cu002Fliu003Eu003Cu002Folu003Eu003Cpu003Eu003Cstrongu003E最后u003Cu002Fstrongu003Eu003Cu002Fpu003Eu003Cpu003E前端的知识点其实说多也不多,只是太杂,所以我没有整理的特别详细。我之所以以这样的形式分享而不是以面经的形式,主要是有需要的同学们能够“拿去即用”,也是整理一下我原来的笔记u003Cu002Fpu003Eu003Cpu003E想系统学习的可以私信小编,回复“系统学习”,便可自动获取。u003Cu002Fpu003Eu003Cu002Fdivu003E”

原文始发于:2017web前端校招面试总结,如果是你,你可以过吗?

主题测试文章,只做测试使用。发布者:℅傍ㄖ免沦陷dε鬼,转转请注明出处:http://www.cxybcw.com/11384.html

联系我们

13687733322

在线咨询:点击这里给我发消息

邮件:1877088071@qq.com

工作时间:周一至周五,9:30-18:30,节假日休息

QR code