前端第一次面试

　　

　　今天拿到毕业证后从济南跑到杭州某公司第一次面试，结果很惨，笔试题大部分都会，但是就是没写出来，很尴尬，晚上回来作一次总结。

一、什么是盒子模型

　　css盒子模型就是网页设计中的一种思惟模型。css盒子模型都具备margin（外边距）、border（边框）、padding（内边距）、内容（content）属性。就像现实中的一个盒子，每一个属性能够一块儿设置，也能够分别设置。

二、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链接上进行全双工通信的协议。

三、JavaScript基本类型

　　JavaScript有六大基本类型：Number、String、Boolean、null、undefined、object。es6有个symbol类型。

四、link和@import的区别

　　（1）、link属于html标签，而@import是css提供的。

　　（2）、页面被加载时，link会同时被加载，而@import引用的css会等到页面加载结束后加载。

　　（3）、link是html标签，所以没有兼容性，而@import只有IE5以上才能识别。

　　（4）、link方式样式的权重高于@import的。

五、同步和异步的区别

　　同步是后一个任务必需要等前一个任务完全完成才能够执行。异步是每个任务都有一个回调函数，在等待回调函数时能够执行别的任务。

六、position的值有哪些

　　absolute、fixed、relative、static、inherit。

七、经常使用哪些浏览器调试，浏览器内核有哪些

　　谷歌浏览器、ie浏览器。Trident内核、Gecko内核、webkit内核、Presto内核、Blink内核。

八、dom操做

　　（1）、增长：appendChild()

　　（2）、删除：removeChild()

　　（3）、建立：

　　　　createDocumentFragment()    //建立一个DOM片断

　　　　createElement()   //建立一个具体的元素

      　　 createTextNode()   //建立一个文本节点

　　（4）、复制：cloneNode()

　　（5）、移动：moveTo()

　　（6）、查找：

　　　　getElementsByTagName()    //经过标签名称

      　　 getElementsByName()    //经过元素的Name属性的值

      　　 getElementById()    //经过元素Id，惟一性

九、怎么优化前端性能--提升页面加载速度

　　（1）、减小HTTP请求

　　（2）、使用CDN

　　（3）、添加Expires头

　　（4）、压缩组件

　　（5）、将样式表放在头部

　　（6）、将脚本放在底部

　　（7）、避免CSS表达式

　　（8）、使用外部JavaScript和css

　　（9）、减小DNS查找

　　（10）、精简JavaScript代码

　　（11）、避免重定向

　　（12）、使ajax可缓存。　　

　　

　　想起来的只有九个题，其中答案参考网上资料，若有侵权请在评论区留言。