2021暑期实习面试 

百度篇

2021

暑期实习

仍在火热进行中

......

期间经历过投递简历

笔试、面试、接收offer

陆续拿到阿里、腾讯、百度、头条、美团等offer

......

前端小哥

今天为大家带来

实习面经--百度篇！！！

01

一轮面试题(50+min)

01.   例举几个行内元素和块级元素？它们的区别是什么？

02.   接上，img元素是行内元素，为什么可以设置宽高？

03.   img的title和alt属性区别

04.   cookie、localStorage、sessionStorage的区别

05.   HTML中header的meta标签

06.   W3C的标准盒模型

07.   样式选择器的优先级？important呢

08.   css隐藏元素的方式

09.   元素水平垂直居中的方法

10.   position的几种属性，说说它们的区别

11.   双栏布局

12.   css的transition属性了解吗？

13.   如何实现一个三角形

14.   了解过bfc吗？如何触发bfc

15.   说说css的精灵图

16.   js的基本类型有哪些?symbol用来做什么？

17.   let/var/const的区别

18.   获取dom元素的方法

19.   如何判断对象为空

20.   数组splice、slice的作用，是否会改变数组

21.   说说事件委托

22.   简单叙述XHR发送请求的过程

23.   闭包是什么？闭包的好处？

24.   跨域的解决方案

25.   说说js的原型和原型链

26.   Object.assign的作用

27.   说说promise

28.   前端性能优化的方式

29.   说说MVVM框架

30.   Vue的数据双向绑定的渲染

02

二轮面试(50+min)

01.   写代码获取DOM元素：考察类选择器和属性选择器

<div title="baidu-video">百度视频div><div title="baidu-music">百度音乐div><div title="baidu-doc">百度文档div><div title="google-doc">谷歌文档div>

参考答案：

<script>    var list = document.querySelectorAll("div[title^='baidu']");script>

02.   写代码实现一个布局组件：考察Vue的slot、flex布局，以及文字溢出ellipsis

03.   写代码数组去重

04.   写代码实现Xpath，例如

<div>    <div>div>    <div>        <p>p>        <p id="first">文字p>   div>div>

参考答案：

<script>        var textDom = document.querySelector("#first");        function findXPath(ele) {            const res = [];            let curTagName,parent,sameNameList,order;            while (ele) {                curTagName = ele.tagName.toLowerCase();                parent = ele.parentElement;                if(!parent) {                    break;                }                sameNameList = parent.querySelectorAll(curTagName);                order = 1;                for (let i = 0, len = sameNameList.length; i                     if (ele === sameNameList[i]) {                        order = i;                        break;                    }                }                res.push(order === 0 ? curTagName : `${curTagName}${order+1}`)                ele = parent;            }            return res.reverse().join("-")           }        console.log(findXPath(textDom)); script>

03

三轮面试(30+min)

01.    聊聊项目

02.   大学里投入精力最多的学习内容？学习的成果如何？

03.   你是如何检测你学习效果好还是不好的

04.   大学参与过什么社会活动？

05.   你当时为什么想参与这个社会实践活动？

06.   介绍一下你成功逆袭的经历

07.   你有没有前边放弃后边又坚持的东西

08.   你的未来规划

09.   你最难的课程？你是怎么克服这个的

10.   你有没有提过建议但是不被采纳的经历吗？

11.   服务器如何统计一个网页滑动到最后的次数

12.   如何避免页面上商品的价格不被爬取到

13.   Webpack的配置，loader？插件？

喜欢就关注我吧！！！