1. sessionStorage和localStorage的区别

答案:

sessionStorage用于本地存储一个会话(session)中的数据,这些数据只有在同一个会话中的页面才能访问并且当会话结束后数据也随之销毁。因此sessionStorage不是一种持久化的本地存储,仅仅是会话级别的存储。而localStorage用于持久化的本地存储,除非主动删除数据,否则数据是永远不会过期的。

2. Canvas和SVG的区别是什么

答案:

canvas绘制2d位图        svg绘制2d 矢量图

canvas通过js程序指令创建图形,svg通过标签创建图形

canvas可以只能将事件绑定在画布上,svg可以将事件绑定在任意元素上

canvas应用方向,网页特效与小游戏,svg创建统计图与地图应用

3.如果通过canvas路径绘制一个圆心  250  200 半径为100描边红色的圆.

提示:画布id为box,画布宽高相同500px

var  can=document.getElementById("box");

var ctx=can.getContext("2d");

ctx.beginPath();

ctx.arc(250,200,100,0,2*Math.PI);

ctx.stroke();

4.html5有哪些新特性列举五种?

canvas  绘图技术

svg       绘图技术

webworker    新线程

websocket     网络协议

webstorage  客户端存储

5.html5表单中input  type属性值有哪些?

Color

Date

DateTime

Email

Time

Url

Range

Tel

Number

Search

6.html5中如何创建一个worker线程,以及接受和发送数据.

var  worker =new Worker("1.js");

worker.postMessage();

worker.onmessage =function(e){

e.data;

};

7.Local  storage 和cookies之间的区别是什么?

区别一:客户端和服务器端都能访问数据.

cookie的数据通过每一个请求发送到服务器端

Local storage只有本地浏览器端可访问数据,

服务器不能访问本地存储直到故意通过POST或者GET

的通道发送到服务器.

区别二:大小

每个cookie有4095byte

Local storage每个域5MB

区别三:过期

Cookies有有效期,所以过期之后cookie和cookie数据会被删除

Local storage有过期数据,如需删除只能手工删除

8.HTML5中如何嵌入音频?

HTML5支持MP3、Wav和Ogg格式的音频,下面是在网页中嵌入

音频的简单示例:

<audio  controls>

<source  src="jamshed.mp3"   type="audio/mpeg">

您的浏览器不支持音频播放

</audio>

9.HTML5中如何嵌入视频?

HTML5支持MP4、WebM和Ogg格式的视频,下面是简单示例:

<video  width="450"  height="340" controls>

<source  src="jamshed.mp4"  type="video/mp4"/>

您的浏览器不支持视频播放

</video>

10.html5视频专用的css属性有哪些

object-fit

fill:    "填充"默认值将视频拉伸操作填满空间

contain:"包含"保持原有尺寸比例,容器空白

cover:"覆盖"保持原有尺寸比例,宽度或者高度

至少一个可以与父元素一致[裁剪]

11.html5视频常用的方法和事件有哪些?

-controls   是否显示播放控件

-autoplay  是否自动播放

-loop         是否循环播放

-muted      是否是静音播放

-poster      在播放视频之前广告

-preload    预加载策略

auto:预加载一定时长视频与元数据

metadata:预加载元数据

none:不预加载数据

-volume:1         当前音量(0~1)

-playbackRate   回放速率   大于1快放    小于1慢播

-paused:true      当前视频是否处理暂时状态

-play()                播放视频

-pause()             暂停播放视频

-onplay              当前视频开始播放时触发事件

-onpause           当前视频暂停播放时触发事件

12.如何解决html5视频移动时同层播放问题

<video  src="http://xxx.mp4"    x5-video-player-type="5"/>

13.Canvas绘图技术常用路径方法与属性有哪些

ctx.beginPath();

ctx.closePath();

ctx.moveTo(x,y);

ctx.lineTo(x,y);

ctx.stroke();

ctx.fill();

ctx.arc(cx,cy,r,start,end);

14.Canvas绘图技术常用图像方法与属性有哪些

var   p3=new Image();

p3.src="x.png";

p3.onload=function(){ ... }

ctx.drawImage(p3,x,y);

15.Cnavs绘图技术常用变形方法与属性有哪些

-rotate(deg);

-translate(x,y);

-save();

-restore();

16.Svg绘图技术列举三个重要标签

<ellipse  rx=""  ry=""  cx=""  cy=""></ellips>

<line  x1=""   y1=""   x2=""  y2=""   stroke-width=""

stroke-linecap=""   stroke=""></line>

<rect    x=""     y=""    width=""    height=""    fill=""    fill-opacity="">

<circle   cx=""    cy=""    r=""></circle>

17.Canvas绘图技术如何绘制贝塞尔曲线

moveTo(x,y);  起点坐标

quadraticCurvelTo(cp1x,cp1y,x,y); 控制点和终点坐

18.Canvas绘图技术如何使用平滑动画处理

window.requestAnimationFrame()

19.html5拖放api提供哪些事件

- 拖动源对象

dragstart    拖动开始

drag            拖动中

dragend      拖动结束

-拖动目标对象(不会动)

dragenter     拖动进入

dragover       拖动悬停

dragleave      拖动离开

drop              释放

20.html5的地理定位对象和方法有哪些

navigator.geolocation.getCurrentPosition

navigator.getolocation.watchPosition()

navigator.geolocation.clearWatch();

21.说说HTML5,CSS3的新特性,使用过哪些?

答案:

H5新特性:

结构标记(header,footer,section,artcle,aside,nav),

新表单元素(url,email,number,date,month,color等)

canvas,audio,video,地理定位,拖放,web存储,WebWorkers,WebSocket等

CSS新特性:

复杂选择器(属性选择器,伪类选择器,伪元素选择器,兄弟选择器),

边框倒角,边框阴影,渐变,转换,过渡,动画,弹性盒子,媒体查询技术等.

HTML5面试题的更多相关文章

  1. HTML5面试题-备

    万不可投机取巧.只求当时过关,非长久之计也!(感谢大神分享) 面试有几点需要注意: 面试题目: 根据你的等级和职位变化,入门级到专家级:范围↑.深度↑.方向↑. 题目类型: 技术视野.项目细节.理论知 ...

  2. HTML5面试题-b

    感谢分享 面试有几点需要注意: 面试题目: 根据你的等级和职位变化,入门级到专家级:范围↑.深度↑.方向↑. 题目类型: 技术视野.项目细节.理论知识型题,算法题,开放性题,案例题. 进行追问: 可以 ...

  3. 10个最常见的 HTML5 面试题及答案

    这是选择了10个 HTML5 面试问题并给出了答案.这是 Web 开发人员最常见的面试问题,相信你掌握了这些重要的面试问题后一定会觉得你的理解提高了.一起来看看吧. 您可能感兴趣的相关文章 Web 前 ...

  4. Html5 面试题汇总

    1.HTML5 为什么只需要写 <!DOCTYPE HTML>? 答案解析: Html5不基于SGML,因此不需要对DTD进行引用,但是需要DOCTYPE来规范浏览器的行为(让浏览器按照他 ...

  5. 常见前端HTML5面试题

    1.H5新标签新特性 新标签:header,nav,footer,aside,article,section,Canvas,audio,video 新特性:localStorag, sessionSt ...

  6. 【理论面试篇】收集整理来自网络上的一些常见的 经典前端、H5面试题 Web前端开发面试题

    ##2017.10.30收集 面试技巧 5.1 面试形式 1)        一般而言,小公司做笔试题:大公司面谈项目经验:做地图的一定考算法 2)        面试官喜欢什么样的人 ü  技术好. ...

  7. 【编码题篇】收集整理来自网络上的一些常见的 经典前端、H5面试题 Web前端开发面试题

    编写一个方法 求一个字符串的字节长度假设:一个英文字符占用一个字节,一个中文字符占用两个字节 function GetBytes(str){ var len = str.length; var byt ...

  8. Web 技术人员需知的 Web 缓存知识(转)

    最近的译文距今已有4年之久,原文有一定的更新.今天踩着前辈们的肩膀,再次把这篇文章翻译整理下.一来让自己对web缓存的理解更深刻些,二来让大家注意力稍稍转移下,不要整天HTML5, 面试题啊叨啊叨的~ ...

  9. Web 技术人员需知的Web 缓存知识

    最近的译文距今已有4年之久,原文有一定的更新.今天踩着前辈们的肩膀,再次把这篇文章翻译整理下.一来让自己对web缓存的理解更深刻些,二来让大家注意力稍稍转移下,不要整天HTML5, 面试题啊叨啊叨的~ ...

随机推荐

  1. python学习笔记(一)---字符串与列表

    字符串的一些处理 字符串的大小写 name="lonmar hb" print(name.upper())#全大写 print(name.lower())#全小写 print(na ...

  2. 网站防止sql注入

    防止sql注入代码:(1)修改php.ini magic_quotes_gpc=Off,打开开关,不常用: (2)获取到参数后,调用$username = addslashes($username); ...

  3. js基石之---易读、易复用、易重构的 JavaScript 代码规范

    易读.易复用.易重构的 JavaScript 代码规范 1.变量命名规范有意义 Bad: const yyyymmdstr = moment().format("YYYY/MM/DD&quo ...

  4. 鸟哥Linux私房菜(基础篇)——第五章:首次登入与在线求助 man page笔记

    1.X Winsows与文本模式的切换 ●[Ctrl] + [Alt] + [F1] ~ [F6] :文字接口登入 tty1 ~ tty6 终端机.        ●[Ctrl] + [Alt] + ...

  5. 酷狗音乐快速转换MP3格式的方法

    喜欢听音乐的朋友们,散步跑步的时候都是随身听,音乐可以给人带来力量,让人心情愉悦,有时候甚至还可以让我们忘记烦恼和忧愁,是一种不错的解压方式,所以热爱运动的宝宝们是离不来音乐的陪伴的,这样说来随身听的 ...

  6. 无向图求割(找桥)tarjan

    本博客参考了李煜东的<算法竞赛进阶指南>,大家要是觉得这篇文章写的不错请大家支持正版.豆瓣图书 我在之前的博客中讲解了搜索序时间戳,这次我们讲讲追溯值的概念. 追溯值: 设subtree( ...

  7. The Preliminary Contest for ICPC Asia Xuzhou 2019 徐州网络赛 K题 center

    You are given a point set with nn points on the 2D-plane, your task is to find the smallest number o ...

  8. CF #632 (Div. 2) 对应题号CF1333

    1333A Little Artem 在一个\(n\)行\(m\)列的格子上染色,每个格子能染黑白两种 构造一种方案,使得四个方向有至少一个白色格子的黑色格子的数量,比四个方向有至少一个黑色格子的白色 ...

  9. P2024 食物链(种类并查集)

    P2024 [NOI2001]食物链 题目描述 动物王国中有三类动物 A,B,C,这三类动物的食物链构成了有趣的环形.A 吃 B,B吃 C,C 吃 A. 现有 N 个动物,以 1 - N 编号.每个动 ...

  10. JWT的浅谈

    在实际工作过程中,运行jmeter脚本的时候,开发给了一个jwt的授权信息,到底是做什么用的呢,翻阅了一些资料,整理如下: 一.JWT(Json Web Token)是什么 JWT是一串格式为xxxx ...