豆豆面试坎坷之路-Web前端（1）

面试很多家 没面试上，总之，把之前面试到的问题，依依梳理一下

1.html5与html有什么区别(建议看一下菜鸟教程h5部分)

HTML5 中的新特性：

1.用于绘画的 canvas 元素

2.用于媒介回放的 video （视频）和 audio（音频） 元素

3.内联svg可伸缩矢量图形（可以说一下优点）：

    SVG 图像可通过文本编辑器来创建和修改

    SVG 图像可被搜索、索引、脚本化或压缩

    SVG 是可伸缩的

    SVG 图像可在任何的分辨率下被高质量地打印

    SVG 可在图像质量不下降的情况下被放大

SVG 与 Canvas两者间的区别

    SVG 是一种使用 XML 描述 2D 图形的语言。

    Canvas 通过 JavaScript 来绘制 2D 图形

4.对本地离线存储的更好的支持

新的特殊内容元素，比如 article（定义页面独立的内容区域）、footer、header、nav、section

新的表单控件，比如 color、date、time、email、url、search

2.css3与css有什么区别

    1.CSS3 边框：border-radius，box-shadow，border-image

   2. CSS3 背景：background-image，background-size，background-origin（指定背景图像的位置区域：content-box, padding-box,border-box），background-clip（背景剪裁）

   3. CSS3 渐变（gradients）：线性渐变（Linear Gradients）- 向下/向上/向左/向右/对角方向，径向渐变（Radial Gradients）- 由它们的中心定义。

   4. CSS3 文本效果：text-shadow，text-overflow，word-wrap，word-break

    5.CSS3 @font-face 规则

    6.CSS3 2D/3D 转换：transform:translate/rotate/scale/skew/matrix

    7.CSS3过渡:transition

    8.CSS3 动画@keyframes 规则

..........

3.什么是ajax

    异步 JavaScript 和 XML,AJAX 可以使网页实现异步更新。

ajax的请求过程：

    1.创建XMLHttpRequest对象或者ActiveXObject("Microsoft.XMLHTTP")对象，后者针对IE浏览器

    2.ajax 向服务器发送请求请求open(method,url,async)

    3.服务器响应：

执行onreadystatechange函数，再判断readyState==4并且status==200)

    4.发送HTTP请求：send()

    5.获取返回数据

还有什么优缺点什么，跨域啊什么看别人写的，发链接啊ajax请求过程，与jsonp的区别 ajax工作原理及实现过程

4.jsonp为什么可以解决跨域问题

    jsonp用于解决ajax跨域问题的一种方案

    由于同源策略的限制，浏览器只允许XmlHttpRequest请求当前源（域名，协议，端口）的资源，而对请求script资源没有限制。通过请求script标签实现跨域，然后再服务器输出JSON数据并执行回调函数。具体看具体看这

睡觉 睡觉