前端面试宝典大全.docxVIP

前端

面试宝典大全

目录

TOC\h\h前端面试宝典

\h第一章内容提要

\h第二章HTML5面试题

\h1.H5的新特性有哪些

\h2.Label的作用是什么？是怎么用的？

\h3.HTML5的form如何关闭自动完成功能

\h4.dom如何实现浏览器内多个标签页之间的通信?(阿里)

\h5.实现不使用border画出1px高的线，在不同浏览器的标准模式与怪异模式下都能保持一致的效果

\h6.title与h1的区别、b与strong的区别、i与em的区别？

\h7.你做的页面在哪些流览器测试过？这些浏览器的内核分别是什么?

\h8.每个HTML文件里开头都有个很重要的东西，Doctype，知道这是干什么的吗？

\h9.div+css的布局较table布局有什么优点

\h10.img的alt与title有何异同？strong与em的异同

\h11.简述一下src与href的区别

\h12.知道的网页制作会用到的图片格式有哪些

\h13.在css/js代码上线之后开发人员经常会优化性能，从用户刷新网页开始，一次js请求一般情况下有哪些地方会有缓存处理

\h14.一个页面上有大量的图片（大型电商网站），加载很慢，你有哪些方法优化这些图片的加载，给用户更好的体验

\h15.你如何理解HTML结构的语义化

\h16.谈谈以前端角度出发做好SEO需要考虑什么

\h17.html5有哪些新特性、移除了那些元素

\h18.如何处理HTML5新标签的浏览器兼容问题

\h19.如何区分HTML和HTML5？

\h20.HTML5Canvas元素有什么用

\h21.如何在HTML5页面中嵌入音频

\h22.如何在HTML5页面中嵌入视频

\h23.HTML5引入什么新的表单属性

\h24.语义化的理解

\h25.介绍一下你对浏览器内核的理解

\h26.浏览器是怎么对HTML5的离线储存资源进行管理和加载的呢

\h27.请描述一下cookies，sessionStorage和localStorage的区别

\h28.csssprite是什么,有什么优缺点

\h29.canvas如何绘制一个三角形|正方形

\h30.弹性盒子模型?flex|box区别?

\h31.解释在ie低版本下的怪异盒模型和c3的怪异盒模型和弹性盒模型?

\h第三章CSS面试题

\h1.盒模型

\h2.如何实现一个最大的正方形

\h3.一行水平居中，多行居左

\h4.水平垂直居中

\h水平居中

\h垂直居中

\h单行文本

\h行内块级元素

\h元素高度不定

\h元素高度固定

\h总结

\h5.两栏布局，左边固定，右边自适应，左右不重叠

\h6.如何实现左右等高布局

\h7.画三角形

\h8.link@import导入css

\h9.BFC理解

\h第四章JS面试题

\h1.判断js类型的方式

\h1.typeof

\h2.instanceof

\h3.Ototype.toString.call()

\h4.Array.isArray()

\h2.ES5和ES6分别几种方式声明变量

\h3.闭包的概念？优缺点？

\h4.浅拷贝和深拷贝

\h5.数组去重的方法

\h1.ES6的Set

\h2.reduce()

\h3.filter()

\h6.DOM事件有哪些阶段？谈谈对事件代理的理解

\h7.js执行机制、事件循环

\h8.介绍下promise.all

\h9.async和await

\h10.ES6的class和构造函数的区别

\h1.严格模式

\h2.不存在提升

\h3.方法默认是不可枚举的

\h4.class的所有方法（包括静态方法和实例方法）都没有原型对象prototype，所以也没有[[construct]]，不能使用new来调用。

\h5.class必须使用new调用，否则会报错。这是它跟普通构造函数的一个主要区别，后者不用new也可以执行。

\h6.ES5和ES6子类this生成顺序不同

\h7.ES6可以继承静态方法，而构造函数不能

\h11.transform、translate、tra