另附上本人 2017 届面经

1.块级元素和行内元素的区别和举例2.HTML5的新特性3.清除浮动的方法4.BFC清除浮动的原理5.盒子模型6.标准模式和兼容模式7.闭包的定义8.原型链和作用域链9.作用域链和闭包的区别10.Object的原型对象是什么11.怎么判断一个属性是对象上的属性还是其原型对象上的属性12.判断一个对象类型为数组13.网络安全的防御14.localStorage和cookie的区别15.前端性能优化16.层叠上下文17.手写events模块18.手写将一个段落里的单词首字母都大写的函数

1.三栏式布局2.块级元素和行内元素的区别和举例3.h5语义化理解，新增了哪些标签4.css有哪些选择器,权重多少5.get和post区别6.浏览器缓存机制7.盒子模型8.es6有哪些新特性9.跨域有哪几种实现方式10.邮箱正则匹配 xx@xx.com/cn11.实现一个反转字符串的函数12.段落首字母大写函数13.观察者模式14.快速排序怎么实现的

1.为什么喜欢学习前端。2.对MVVM框架的理解。3.angularJS双向绑定原理。4.了解过其他的MVVM框架吗。5.React虚拟DOM原理。6.单向数据流动原理。6.html5，css3，ES6新特性。7.ES6中比较好用的语法。8.对闭包和作用域的理解。9.js怎么实现面向对象。10.实现动画的方式。11.网站性能优化。12.如何查看一个网站的性能。13.网站上线后如何查看网站在客户电脑上的性能。14.收集用户信息主要收集哪些信息。15.如何进行跨站请求。16.如果实现跨域资源共享。17.网站开发的流程，像是技术选型，人员分工这一类，越详细越好。18.网络分层分为哪几层。19.状态码301,302。20.网络中每一层都有哪些协议。21.浏览器的缓存分为哪几种。22.常用的排序算法。23.Web安全。24.XSS攻击原理及如何防止。25.需要屏蔽哪些关键词。26.了解CDN吗。28.OPTIONS请求的作用。29.HTTP协议有哪些内容。30.HTTP2.0新特性。31.HTTPS相对于HTTP新增了哪些内容。32.HTTPS是怎么对传输内容进行加密的。33.同一个页面里面iframe之间怎么传递信息。34.网站如何实现离线应用。35.cookier有4096B（加减1）字节的长度限制，容量是多少？js高阶教程p62936.js怎么实现表单提交按钮的短期重复点击。37.ajax的post、get方法，优缺点，实现原理38.盒模型39.跨域请求方式40.浏览器安全问题41.input鼠标滑过获取内容42.项目中遇到的困难43.css带src的标签 <link> <a> <img> <audio> <video> 44.谈谈对闭包的理解45. var x=5, o={ x:10, show:function(x){ var x=20; console.log(this.x);//10 (function show1(){ console.log(this.x);//5 })(); function show2(x){//x是window console.log(this.x);//5 } show2(x) } } o.show();46.typeof(null)==object

47.浏览器缓存的底层实现原理48.设计模式49.css框架实现（例如：bootstrap有哪些文件，作用）50.经常浏览哪些网站(知乎、大漠、阮一峰博客等等，最好说下对公司对应的哪些技术感兴趣)51.百度前端学院，做了哪些题，怎样实现

一面1、自我介绍之后，一个项目一个项目介绍2、vue的双向绑定3、vuex数据流动过程4、ajax应用场景以及优缺点5、http请求中post和get请求的区别6、跨域cros和jsonp；jsonp是怎么获取数据的7、闭包及应用8、说一下js的继承。es6里面的extent是那种继承方式9、讲一下let const var10、讲一下flexbox11、讲一下float12、移动端适配13、promise定义及应用二面1、介绍项目，项目中每一个点追着细问2、https实现3、跨域等问了几个基础问题HR1、聊人生、聊计划、周围觉得厉害的人，影响较大的人、自己的缺点、最近集中面试对你有什么影响2、建议：增加只是探索欲及主动性会对以后工作有很好的发展。

1.对js闭包的理解2.对原型的理解3.js怎么实现继承4.angular的双向绑定实现5.其他框架的双向绑定实现6.对链表和二叉树的理解7.链表和数组插入的效率8.快速排序的原理9.快速排序的时间复杂度和空间复杂度10.组合和继承的关系，哪个好用11.组合和继承的例子

//终面1.项目介绍2.前端和后端的区别和分工3.对前端渲染和后端渲染的看法 服务端的计算和渲染效率比较高，但是服务端渲染返回的页面就需要刷新页面，用户体验不好4.更喜欢哪一种为什么5.对前后端联合渲染有了解吗6.为什么技术选型angularjs7.为什么要重构代码8.重构代码的流程9.具体一个控制器是怎么重构的10.写一个深度拷贝函数11.怎么完成一个提交订单页面

1、三栏式布局 margin float flexbox2、行内元素性质 (非替换元素不可设置高度和margin-top,margin-bottom)3、清除浮动(clear:both overflow:hidden :after{content:' ';height:0;clear:both})4、angular双向绑定、vue双向绑定(get set)5、浏览器缓存两种方式6、屏幕适配布局：rem7、http状态码8、不使用缓存方式：在请求路径后面加rand随机数9、image原生布局为inline原生属性查看方式：var myDiv=document.getElementsByTagName("img")[0];console.log(document.defaultView.getComputedStyle(myDiv,null));

总结主要问css和框架原理以及一些浏览器原理

1、自我介绍2、bootstrap 布局，栅格布局 ，怎么处理不同设备上的差异3、http 304 状态码是什么意思？其他状态码？HTTPS4、ajax跨域，有哪些解决方法，举了几个实例让实现跨域，访问子域算不算跨域等等等5、一两个简单的算法题（记不清了）6、求数组中最大数7、事件委托，点击 ul 中的li 弹出li内容，动态添加li8、原型链继承：    b.prototype =new a() 不对吗？ 9、es6 ，异步原因，promise set map等等10、事件流 11、cookie12、数组去重13、项目

1.两栏布局，左边固定，要求先加载内容区域，说出多种方法2.正则对象test方法和exec方法的不同，分别返回什么3.事件绑定的多种方式，事件监听addEventListener的第三个参数是什么，取值各有什么意思4.事件代理 阻止事件冒泡(stopPropagation cancelBubble) 阻止事件默认方式5.js基本数据类型有哪些，写一个函数判断变量的类型6.详细说说box-sizing属性取值的区别 box-sizing: content-box|border-box|inherit; 宽度和高度分别应用到元素的什么位置。7.有一段文字，里面有电话号码，电话号码是连续数字，需要把电话号码都替换成*，说出多种做法 var reg=/1[3 4 5 8]d{9}/g; 1）str.replace(reg,'***********') 2）str.split(reg).join('***********') 3） var str1=''; var lastIndex=0; while(arr=reg.exec(str)){//arr.index内容所在位置 str1+=str.slice(lastIndex,arr.index)+'***********'; lastIndex=reg.lastIndex;//正则表达式当前所在位置（在选中内容之后） } str1+=str.slice(lastIndex); console.log(str1)8.Header 头 Set-cookie: http-only 是干什么用的？

二面（2017.08.24，25min） 1.自我介绍 2.讲讲你做过的项目 3.项目中提到了 React，问：React 组件的生命周期？父子组件之间如何通信？子组件之间如何通信？ 4.前端性能优化？ 5.http 缓存原理？(Expires Cache-Control if-Modified-Since/last-Modified if-None-Match/ETag) 6.Javascript 的垃圾回收机制？ 7.CSS BFC 原理？ 8.box-sizing 属性（两种盒子模型）？ 9.稳定的排序和不稳定的排序？ 快速排序的思路？ 堆排序的思路？ 10.还有什么想问我的？

1、自我介绍2、js继承原理3、闭包，经典闭包问题for循环i，实现指定输出4、状态码 499 client has closed connection5、http有哪几种请求的方法，options作用6、CROS方法实现跨域 1）Access-Control-Allow-Origin 该字段是必须的。它的值要么是请求时Origin字段的值， 要么是一个*，表示接受任意域名的请求。 2）Access-Control-Request-Method 该字段是必须的，用来列出浏览器的CORS请求会用到哪些 HTTP方法，上例是PUT,GET,POST。 3）Access-Control-Expose-Headers 该字段可选。CORS请求时，XMLHttpRequest对象的 getResponseHeader()方法只能拿到6个基本字段： Cache-Control、Content-Language、Content-Type、 Expires、Last-Modified、Pragma。如果想拿到其他字段， 就必须在Access-Control-Expose-Headers里面指定。 上面的例子指定，getResponseHeader('FooBar')可以返回 FooBar字段的值。7、项目介绍，微信免登陆怎么实现8、angular和vue区别9、手写多路归并排序10、前端性能优化？具体怎么实现的，用过哪些 11、sessionStorage和localStorage的不同

1、自我介绍2、项目介绍，vue优点3、盒子模型，怎样在标准盒子模型中实现IE盒子模型4、知道哪些排序算法，手写快排，时间复杂度5、怎样知道一个元素在当前屏幕 getBoundingClientRect6、实现空心圆，里面白色，外面红色(伪元素、border、radial-gradient)7、有三个函数，内部实现都是异步的，怎么让这三个函数变成一个同步的，以节省时间 --promise.all

1、自我介绍2、对拼多多有了解吗，使用过吗，了解工作机制吗3、为什么想从事电商，为什么选前端开发4、有没有面过其他公司，有没有拿到其他公司的 Offer？4、对工资有什么要求吗5、家庭成员，父母同意去上海吗6、保研的还是考研的，研究生成绩怎么样7、有男朋友吗8、以后生活规划。。。

一面：1、==的类型强制转换（0=='0'） 3.0===3.0*1 变量提升 变量的命名原则 不同数据类型值的相互转化2、css3新特性3、ul列表，设置前三列颜色不同，4-10列斑马线布局，之后元素隐藏4、元素隐藏方式 1）display:none 2）visibility:hidden 3）background-color=color 4）移出视口 position:absolute left float+margin-left 5）z-index:-1;5、变量以什么开头问题6、ES6新特性 7、判断数据类型的方式 1）typeof 2）instanceof 3）Object.prototype.toString.call();8、MVC MVP MVVM区别二面和HR（两个面试官一起面的）；9、项目介绍10、为什么选择前端11、用js写Ajax12、状态码13、界面有大量的图片，怎样去加快加载时间14、怎样使用缓存15、两栏式布局实现16、怎样修改一个单选或复选框的样式17、跨域的方式18、浏览器兼容（我说了绑定事件的）19、怎样去除字符串中空格，正则表达式可以应用于哪些方面20、压缩js和css文件的原理21、闭包及应用22、jquery语法23、表述能力怎么样，如果没有任何工具，只口述介绍你的项目24、希望再怎样环境工作，或对工作环境有什么要求25、最近吵过架吗？赢了还是输了（不知道意图何在）26、有什么问题问我的吗（一面也有问）

    以上就是本篇文章【前端 2018 届校招笔试面经【百度，阿里，腾讯，阿里文娱，携程，美团，拼多多】】的全部内容了，欢迎阅览 ！ 文章地址：http://xiaoguoguo.dbeile.cn/news/2101.html 
     资讯      企业新闻      行情      企业黄页      同类资讯      首页      网站地图      返回首页 多贝乐移动站 http://xiaoguoguo.dbeile.cn/mobile/ , 查看更多