错题集简答题1

1、jQuery库中的$()函数的是什么？

　　()函数是jQuery()函数的别称。() 函数用于将任何对象包裹成 jQuery 对象，接着就被允许调用定义在 jQuery 对象上的多个不同方法。

$甚至可以将一个选择器字符串传入\; \$()\; 函数，它会返回一个包含所有匹配的\; DOM\; 元素数组的\; jQuery\; 对象。$

 

$2、jQuery\; ready函数\; 和\; JavaScript\; window.onload事件\; 有何不同？$

　　JavaScript window.onload 事件和 jQuery ready 函数之间的主要区别是，前者除了要等待 DOM 被创建还要等到包括大型图片、音频、视频在内的所有外部资源都完全加载。

　　如果加载图片和媒体内容花费了大量时间，用户就会感受到定义在 window.onload 事件上的代码在执行时有明显的延迟。

　　另一方面，jQuery ready() 函数只需对 DOM 树的等待，而无需对图像或外部资源加载的等待，从而执行起来更快。

　　使用 jQuery $(document).ready() 的另一个优势是你可以在网页里多次使用它，浏览器会按它们在 HTML 页面里出现的顺序执行它们，

　　相反对于 onload 技术而言，只能在单一函数里使用。鉴于这个好处，用 jQuery ready() 函数比用 JavaScript window.onload 事件要更好些。

 

3、Canvas和SVG的区别？

（1）SVG是用来描述XML中2D图形的语言，canvas借助JavaScript动态描绘2D图形

（2）SVG可支持事件处理程序而canvas不支持

（3）SVG中属性改变时，浏览器可以重新呈现它，适用于矢量图，而canvas不可以，更适合视频游戏等。

（4）canvas可以很好的绘制像素，用于保存结果为png或者gif,可做为API容器。

（5）canvas取决于分辨率。SVG与分辨率无关。

（6）SVG具有更好的文本渲染，而Canvas不能很好的渲染，渲染中的SVG可能比Canvas慢，特别是应用了大量的DOM。

（7）画布更适合渲染较小的区域。SVG渲染更好的更大区域。

（1）SVG是用来描述XML中2D图形的语言，canvas借助JavaScript动态描绘2D图形

（2）SVG可支持事件处理程序而canvas不支持

（3）SVG中属性改变时，浏览器可以重新呈现它，适用于矢量图，而canvas不可以，更适合视频游戏等。

（4）canvas可以很好的绘制像素，用于保存结果为png或者gif,可做为API容器。

（5）canvas取决于分辨率。SVG与分辨率无关。

（6）SVG具有更好的文本渲染，而Canvas不能很好的渲染，渲染中的SVG可能比Canvas慢，特别是应用了大量的DOM。

（7）画布更适合渲染较小的区域。SVG渲染更好的更大区域。

　　时间上：

　　canvas是html5提供的新元素<canvas>，而svg存在的历史要比canvas久远，已经有十几年了。

　　svg并不是html5专有的标签，最初svg是用xml技术（超文本扩展语言，可以自定义标签或属性）描述二维图形的语言。

　　功能上：

　　SVG 是一种使用 XML 描述 2D 图形的语言。
　　SVG 基于 XML，这意味着 SVG DOM 中的每个元素都是可用的。您可以为某个元素附加 JavaScript 事件处理器。
　　在 SVG 中，每个被绘制的图形均被视为对象。如果 SVG 对象的属性发生变化，那么浏览器能够自动重现图形。

　　Canvas 通过 JavaScript 来绘制 2D 图形。
　　Canvas 是逐像素进行渲染的。
　　在 canvas 中，一旦图形被绘制完成，它就不会继续得到浏览器的关注。如果其位置发生变化，那么整个场景也需要重新绘制，包括任何或许已被图形覆盖的对象。

　　技术应用上：

　　canvas不依赖分辨率。
　　canvas支持事件处理器。
　　canvas最适合带有大型渲染区域的应用程序（比如谷歌地图）。
　　canvas复杂度高会减慢渲染速度（任何过度使用 DOM 的应用都不快）。
　　canvas不适合游戏应用。

　　svg依赖分辨率。
　　svg不支持事件处理器。
　　svg弱的文本渲染能力。
　　svg能够以 .png 或 .jpg 格式保存结果图像。
　　svg最适合图像密集型的游戏，其中的许多对象会被频繁重绘

 

4、请列举H5的表单新增类型，不少于5个

（1）SVG是用来描述XML中2D图形的语言，canvas借助JavaScript动态描绘2D图形

（2）SVG可支持事件处理程序而canvas不支持

（3）SVG中属性改变时，浏览器可以重新呈现它，适用于矢量图，而canvas不可以，更适合视频游戏等。

（4）canvas可以很好的绘制像素，用于保存结果为png或者gif,可做为API容器。

（5）canvas取决于分辨率。SVG与分辨率无关。

（6）SVG具有更好的文本渲染，而Canvas不能很好的渲染，渲染中的SVG可能比Canvas慢，特别是应用了大量的DOM。

（7）画布更适合渲染较小的区域。SVG渲染更好的更大区域。

　　email（自动验证email格式）
　　url（自动验证url格式）
　　number（只能输入数字）
　　range（类似音量滑动条）
　　Date pickers (date, month, week, time, datetime, datetime-local)（自带日期选择）

 

5、ajax总共多少种请求方式？get请求和post请求的区别？

　　GET请求会将参数跟在URL后进行传递，而POST请求则是作为HTTP消息的实体内容发送给WEB服务器。

　　GET请求有数据长度限制(大约是2KB)，而POST理论上没有。

　　GET方式请求的数据会被浏览器缓存起来，POST不会。

　　GET在某些情况下会有安全问题，POST相对于较好一点(其实也不安全还要做加密处理)。

　　在客户端使用get请求时,服务器端使用Request.QueryString来获取参数,而客户端使用post请求时,服务器端使用Request.Form来获取参数。