1.h5文档类型和字符集是?
<!DOCTYPE html>
<meta charset="utf-8" />
2.请描述h5的canvas
canvas是HTML5中的新元素,你可以使用javascript用它来绘制图形、图标、以及其它任何视觉性图像。它也可用于创建图片特效和动画。
canvas 元素本身是没有绘图能力的。所有的绘制工作必须在 JavaScript 内部完成
所以一句话就是:HTML5 的 canvas 元素使用 JavaScript 在网页上绘制图像。
3.描述下h5的存储类型与cookie的区别
h5的存储类型:
HTML5 提供了两种在客户端存储数据的新方法:
localStorage(永久性的本地存储) - 没有时间限制的数据存储。
sessionStorage(会话级别的本地存储) - 针对一个 session 的数据存储,网站关闭就消失。
区别1:传递与否
cookie 不适合大量数据的存储,因为它们都会随每个对服务器的请求,附加传递到服务器,这使得加载速度很慢而且效率也不高。所以cookie 不适合大量数据的存储
但在 HTML5 中,数据不是由每个服务器请求传递的,而是只有在请求时使用数据。它使在不影响网站性能的情况下存储大量数据成为可能。
区别2:创建过程:
document.cookie="name1=value1;name2=value2"; //实质是字符串,因此太长解析太慢,解析还需要自写方法
localStorage.name="value1"; //创建更方便,提取直接localStorage.name
区别3:大小,时常的限制
大多数浏览器只允许每个站点存储 20 个Cookie(最大4096 字节/Cookie);
有些浏览器还会对它们将接受的来自所有站点的 Cookie 总数作出绝对限制,通常为 300 个
如果试图存储更多 Cookie,则最旧的 Cookie 便会被丢弃。
默认cookies失效时间是直到关闭浏览器,cookies失效,也可以指定cookies时间。
但h5的本地存储,在最新的JS的API中增加了localStorage对象,以便于用户存储永久存储的Web端的数据。
而且存储数据的大小机会不用考虑,因为在HTML5的标准中要求浏览器至少要支持到4MB.
4.请描述h5的Application Cache
H5提供了很多新的功能以及相应的接口,离线存储就是其中的一个。
离线存储可以将站点的一些文件存储在本地,在没有网络的时候还是可以访问到以缓存的对应的站点页面,其中这些文件可以包括html,js,css,img等等文件,
但其实即使在有网络的时候,浏览器也会优先使用已离线存储的文件,返回一个200(from cache)头。这跟HTTP的缓存使用策略是不同的。
5.h5新增加的API
canvas,不用多说,可以画出很多绚丽的图形,甚至可以直接做出伪3D游戏。
媒体控制,也很好理解(直译就是回放功能,假如只用html5.0以下的标签写,以前的音乐播放是不可能实现滚动条的。)
拖动,可以将文件拖动到某些区域上传
客户端数据存储,localstoage sessionstoage
地理位置共享
电池API
本地数据库
索引数据库
离线存储
6.以下执行结果是什么?
<script type="text/javascript"> for(i=0, j=0; i<10, j<6; i++, j++){ v=i+j; alert(i) } </script>
陆续弹出0,1,2,3,4,5
7.js的typeof返回哪些数据类型?
typeof 运算符把类型信息当作字符串返回。
typeof 返回值有六种可能: "number", "string" ,"boolean", "object", "function" 和 "undefined"
8.ajax中get和post的区别
使用Get请求时,参数在URL中显示,而使用Post方式,则不会显示出来
使用Get请求发送数据量小,Post请求发送数据量大
使用Get请求,数据会被客户端的浏览器缓存起来,post不会
总之,GET方式传送数据量小,处理效率高,安全性低,会被缓存,而POST反之。
9.以下执行结果是什么?
<script> function test(x){ var tmp=3; return function(y){alert(x+y+(++tmp))} } var bar=test(2); bar(10); </script>
弹出16
10.简述css的盒子模型,行内元素与块级元素都有哪些?
css中的盒子模型是为了充分理解div+css模型的定位功能,就是利用盒子模型这样的布局方式代替了传统的表格布局方式。
通过这个模型你就可以明白网页中div和div之间的相对位置是如何布局的。
11.请简述postion的值?
12.Css Sprites的优缺点
CSS图像拼合
利用CSS Sprites能很好地减少了网页的http请求,从而大大的提高了页面的性能
CSS Sprites能减少图片的字节
开发和维护比较麻烦,要通过photoshop或其他工具测量计算每一个背景单元的精确位置,这是针线活,没什么难度,但是很繁琐