今天拿到毕业证后从济南跑到杭州某公司第一次面试，结果很惨，笔试题大部分都会，可是就是没写出来，很尴尬，晚上回来做一次总结。
1、什么是盒子模型
css盒子模型就是网页设计中的一种思维模型。css盒子模型都具有margin（外边距）、border（边框）、padding（内边距）、内容（content）属性。就像现实中的一个盒子，每个属性可以一起设置，也可以分别设置。
2、HTML5新特性
HTML5有十大新特性
（1）、语义化标签：语义化标签使得页面的内容结构化，见名知义。但是一般都不会用到，因为结构一般都会挺复杂，都会用css来标识使得内容结构化。
（2）、增强型表单：拥有多个新的表单input输入类型，提供了更好的输入类型和验证。
（3）、视频和音频：提供了播放音频文件的标准，即使用<audio>标签。提供了<video>元素来包含视频的播放标准。
（4）、canvas绘图：提供canvas标签作为容器，必须使用脚本画图。
（5）、svg绘图：svg是指可伸缩的矢量图形。基于XML。
（6）、地理定位：HTML5 Geolocation用于定位用户的位置。
（7）、拖放API：即抓取对象后拖放到另外一个位置，拖放的过程分为原对象和目标对象，从原对象拖放到目标对象。
（8）、web worker ：是运行在后台的JavaScript，独立于其他脚本，不会影响性能。
（9）、web Storage：新增的客户端存储数据的两个对象，分别为local storage（没有时间限制的数据存储）和session storage（针对一个session的数据存储，当用户关闭浏览器窗口后，数据会被删除）。
（10）、WebSocket：是HTML5提供的一种在单个TCP连接上进行全双工通讯的协议。
3、JavaScript基本类型
JavaScript有六大基本类型：Number、String、Boolean、null、undefined、object。es6有个symbol类型。
4、link和@import的区别
（1）、link属于html标签，而@import是css提供的。
（2）、页面被加载时，link会同时被加载，而@import引用的css会等到页面加载结束后加载。
（3）、link是html标签，因此没有兼容性，而@import只有IE5以上才能识别。
（4）、link方式样式的权重高于@import的。
5、同步和异步的区别
同步是后一个任务必须要等前一个任务彻底完成才可以执行。异步是每一个任务都有一个回调函数，在等待回调函数时可以执行别的任务。
6、position的值有哪些
absolute、fixed、relative、static、inherit。
7、常用哪些浏览器调试，浏览器内核有哪些
谷歌浏览器、ie浏览器。Trident内核、Gecko内核、webkit内核、Presto内核、Blink内核。
8、dom操作
（1）、增加：appendChild()
（2）、删除：removeChild()
（3）、创建：
createDocumentFragment() //创建一个DOM片段
createElement() //创建一个具体的元素
createTextNode() //创建一个文本节点
（4）、复制：cloneNode()
（5）、移动：moveTo()
（6）、查找：
getElementsByTagName() //通过标签名称
getElementsByName() //通过元素的Name属性的值
getElementById() //通过元素Id，唯一性
9、怎么优化前端性能--提高页面加载速度
（1）、减少HTTP请求
（2）、使用CDN
（3）、添加Expires头
（4）、压缩组件
（5）、将样式表放在头部
（6）、将脚本放在底部
（7）、避免CSS表达式
（8）、使用外部JavaScript和css
（9）、减少DNS查找
（10）、精简JavaScript代码
（11）、避免重定向
（12）、使ajax可缓存。
想起来的只有九个题，其中答案参考网上资料，如有侵权请在评论区留言。