前端实习面试题分享

因为马上要准备找实习了，还不知道面试官要问啥。所以从B站上找到一位愿意分享面试经历的UP主，耗时一天，把她遇到的所有面试题都分类并且手敲了出来，在这里我再分享给大家。括号内是她提供的一些参考答案，基本没错。由于她面的公司比较多，有的问题会重复多次，我做了统计并标注了出来，希望能对大家有所帮助~

HTML

• h5新增的标签有哪些？为什么要加强语义化？ （吉利） three times
• 行内元素，块级元素有内些？有什么不同？
• 第一行 ！doctype 是做什么用的？
• HTML页面加载完成后，会触发那个事件？onready还是 onload（onready在 dom 元素结构完成就会执行，onload会在图片加载完之后才执行；onready有多少执行多少，onload只会执行最后一个）
• addEventListener 能否多次给DOM对象添加监听事件？（可以）
• attachEvent 能否删除对象的监听事件？（不可以，删除的话用 detachEvent ）
• new Date（）获取的是哪里的时间？（PC本地的时间）

CSS

• 两个子盒子分别放到父盒子的最左和最右，怎么做？（弹性盒子）（吉利） two times
• css3的新特性有那些？
• 子盒子在父盒子中水平居中有哪几种方法？（弹性盒子，position）
• 子盒子的定位，如何上下居中？（定位和弹性盒子）
• 父盒子中的子盒子浮动会有什么后果？（子盒子浮动，父盒子的高度为0）
• 定位有哪几个属性？
• 行内块元素和行内元素的区别？
• 两个行内块元素同行显示时，会出现3px空白间隙，为什么？如何解决？
• 为什么要清除浮动？怎么清除浮动？
• css选择器的优先级是什么？
• css中如何定位？（吉利）

JS

• 基础！！！
• 闭包是什么及优缺点？举例。用let怎么实现？（闭包是指当外部函数返回，内部函数还可以访问外部函数的属性或者方法） （华为） four times
• 前后端传递 get和post的区别？ three times
• js的基本数据类型有哪些？（注意es6的symbol）two times
• 现在有几种存储方式？（cookie，localStorage，sessionStorage）分别又有什么不同？two times
• 轮播图怎么考虑实现？two times
• cookie中的session的了解（一个存储在客户端，一个存储在服务端）two times
• 深拷贝和浅拷贝有什么区别？如何实现深拷贝？two times
• 如何判断数据类型？（基本数据类型用typeOf，引用类型用instanceOf）
• JS的执行机制是什么？
• 绑定DOM元素的事件有哪几种方法？（在DOM元素里直接写；在JS代码里写（on：click）；绑定事件监听函数）
• 数组的常用遍历方法有哪些？（for；ES6新增）
• JS的三大事件是什么？
• this的指向是什么？如何改变指向？（1.箭头函数 2.that 3.apply，call，bind 4.new）
• 怎么绑定事件？
• 数组常用的操作方法？splice和slice的区别（一个是在原数组进行操作，一个是对原数组进行拷贝进行操作）
• 事件委托是什么？
• for…in…和for…of…的区别
• 在js模型中，Windows模型中，什么属性是用来指定浏览器状态栏里面的临时消息的（status）
• 两个div需要设置层级关系，需要哪些属性（z-index）
• eval元素能不能解释为由js源码组成的字符串呢？能不能用断点调试？会不会引起安全问题（可以的，不能，会有安全问题，xss攻击）
• js里，两个整数进行除法，结果是整数还是小数？（可用parseInt和Math.round变为整数）
• offsetWidth，clientWidth代表什么？（可见区域的宽度，高度）
• 继承是怎么实现的？用prototype是怎么实现的？（华为）
• JS的垃圾回收机制，用JS时怎么调bug的？（华为）

ES6

• ES6里面const，let，var的区别**（吉利）****（华为）** three times
• ES6有哪些新特性？**（吉利）**double
• const定义的对象能否改变？（能）
• let和var在全局定义的时候有什么区别？（var在全局对象windows中可以找到，而let不行）
• ES6里新增的类和方法有哪些？（class和继承），怎么实现继承的？（华为）
• ES6里面Promise的两个参数分别是什么？

Vue

• Vue的生命周期有哪些？他们各有什么不同？five times
• **v-if 和 v-show **之间的区别是什么？ five times
• Vue里面父子组件怎么传值？兄弟组件是怎么传值的？（订阅者模式bus）（华为） four times
• v-for中key值的作用是什么？对使用的影响，没有key时会出现什么情况？（没有的情况下会被复用） three times
• vuex代码怎么写？two times
• computed和watch的区别是什么？应用场景有哪些？ two times
• 数据请求在生命周期的那个阶段？
• Vue实现双向绑定的原理是什么？
• 什么情况下会用created，mounted？
• 箭头函数和一般函数的区别？（箭头函数没有this，也没有arguments，不能做构造函数）
• vue组件中的data为什么是函数形式？（函数形式返回的是新对象，不会出现多个组件引用同一个对象，避免修改数据带来的连锁反应）
• vue中this从那个生命周期可以开始被调用？
• vue-cli如何使用json数据模拟？
• Vue中插槽有什么作用？
• app怎么适配？
• vue router的钩子函数有哪些？那个是可以全局使用的钩子
• jQuery和Vue的区别是什么？ （华为）
• Vue中Vuex和Axios的使用 （华为）
• Vue的源码看过吗？怎么实现数据劫持？（华为）
• router和route的区别是什么？

综合

• 怎么实现跨域？ （1.isonp 2.代理 3.php header写允许跨域）jsonp的原理是什么？three times
• 前端常用的性能优化有哪些？（）two times
• 从输入URL到页面加载完成，中间发生了什么？
• 如何查看一个网站所使用的的技术？（打开开发者工具）
• react核心是什么？
• 怎么实现文本不自动换行？超出部分显示省略号
• HTTP 和HTTPS分别是什么？区别
• css动画特性可以用Js实现，为什么还要用css实现？（css渲染动画不占用js主线程）
• Ajax请求数据重新处理和拦截器
• git的使用及常用git的代码有那些？
• npm中warn了解吗？
• 用过哪些基础框架？
• jQuery中绑定事件on和bind的区别是什么？
• 打开页面，加载较慢，如何缩短时长
• http请求头content-type是干什么的？
• HTTP常见的状态码有哪几种？JS和DOM操作浏览器兼容的注意事项有哪些?
• Web开发常见的安全性漏洞是哪些？
• 单页面应用的优缺点有那些？

bootstrap

• bootstrap中栏栅的24个时怎么做到的？

算法

• 如何给数据去重？
• 冒牌排序

素质面

• 说出三个优缺点