前端基础面试题

1.前端页面有哪三层构成，分别是什么？作用是什么？

构成：结构层、表示层、行为层 
分别是：HTML、CSS、JavaScript 
作用：HTML实现页面结构，CSS完成页面的表现与风格，JavaScript实现一些客户端的功能与业务。

2.cookie丶sessionStorage丶localStorage之间的区别和使用

cookie:存储在用户本地终端上的数据。有时也用cookies，指某些网站为了辨别用户身份，进行session跟踪而存储在本地终端上的数据，通常经过加密。一般应用最典型的案列就是判断注册用户是否已经登过该网站。
localStorage和sessionStorage都是h5在客户端存储数据的方法。localStorage - 没有时间限制的数据存储,第二天、第二周或下一年之后，数据依然可用。
sessionStorage - 针对一个 session 的数据存储,当用户关闭浏览器窗口后，数据会被删除。

3.css隐藏元素的方法

1.设置元素的opacity(发音:[oʊˈpæsəti])
2.将 visibility 设为 hidden
3.将display设为none
4.将 position 设为 absolute

4.你曾经用过哪些浏览器测试，它们的内核是什么？

IE浏览器：IE内核;火狐浏览器：Gecko内核;谷歌浏览器：webkit内核

5.ajax get和post有何区别？

1.GET请求会将参数跟在URL后进行传递，而POST请求则是作为HTTP消息的实体内容发送给WEB服务器。
2.GET方式请求的数据会被浏览器缓存起来
3.GET一般用来请求数据，POST一般用来提交表单数据。

6.如何理解事件委托

事件委托，通俗地来讲，就是把一个元素响应事件（click、keydown......）的函数委托到另一个元素；

7.如何理解闭包？

在一个函数内部定义了一个子函数，并且返回到外部调用的方式叫做闭包。

8.请描述一下MVC,MVP,MVVM

9.ajax跨域问题``````````````

10.js数据类型有哪些？

  null,undefined,String,Number,Boolean,Object,Symbol(es6)

11.ajax的原理是什么？

new XMLHttpRequest/ActiveXObject()

12.web前端性能优化的方法有哪些？

   1. 减少http请求数

   2. 减少dom数

   3. 优化图片加载，可用css spirite

   4. 使用CDN

   5. 将样式表放在头部

   6. 将JS脚本放在头部

   7. 代码压缩

   8. 删除重复脚本

   9. 减少dns查找

13.逻辑题

  4.1　盒子中共有15个乒乓球，两人轮流从盒子中取乒乓球，每人只能取1～3个（不能不取），取到最后一个乒乓球的人获胜．如果让你先取，为了确保获胜，你第一次会取几个？接下来你会怎么取？

  最佳对策问题：为了确保获胜，自己先取3个，由于15÷（3+1），商3余3，所以自己先取走3个，别人再取走n（1≤n≤3）个，接着另一人取走（4-n）个；以后每次在别人取球后，自己所取球数均为4减去对方所取球数之差；最后必剩4个，由别人来取，别人无论怎么取，都得给自己剩下1～3个，这样，自己就能最后取走剩下的所有球．

  4.2　烧一根不均匀的绳子,从头到尾总共需要1个小时.现有若干条材质相同的绳子.如何用烧绳的方法来计时一个小时十五分钟？

	⑴ 一根绳子从两头烧，烧完就是半个小时。  

	⑵ 一根要一头烧，一根从两头烧，两头烧完的时候（30分），将剩下的一根另一端点着，烧尽就是45分钟。再从两头点燃第三根，烧尽就是1时15分。

14.canvas内的内容如何居中？

　　textAlign:center

15. img元素的alt和title有啥区别?

　　在alt和title同时设置的时候，alt作为图片的替代文字出现，title是图片的解释文字。

16. html5新增了那些元素?

　　embed,video,audio,canvas,header,footer,nav