-
HTML5 Web Workers使用介绍
web worker的作用浏览器端JavaScript是以单线程的方式执行的,也就是说javascript和UI渲染占用同一个主线程,那就意味着,如果JavaScript进行高负载的数据处理,UI渲染就很有可能被阻断,从而造成用户体验的大打折扣。Web Workers作为HTML5新特性之一,为浏览器端JavaScript开创了一种新的运行模式,让web应用程序具备多线程处理能力,在另外的线程中创建新的运行环境,以便使JavaScript能够在后台做一些费时的处理。Web Worker不能跨域加载,importScripts()方法也同样不能跨域加载。worker内代码不能访问windo...
2017-08-21 -
html5中的canvas绘图方法
CanvasRenderingContext2D对象的方法: 方法 参数 描述 arc(x, y, radius, startAngle, endAngle, counterclockwise) x, y 描述弧的圆形的圆心的坐标。 radius 描述弧的圆形的半径。 startAngle, endAngle 沿着圆指定弧的开始点和结束点的一个角度。这个角度用弧度来衡量。沿着 X 轴正半轴的三点钟方向的角度为 0 counterclockwise 弧沿着圆周的逆时针方向(TRUE)还是顺时针方向(FALSE)遍历。 使用一个中心点和半径,为一个画布的当前子路径添加一条弧。这个方法...
2017-08-21 -
html5中的canvas绘图属性
<canvas>标签是html5新增的专门用来绘制图像的元素,通过canvas技术可以在web中绘制各种图形。canvas元素本身是一块无色透明的区域,只是一个容器,我们通过javascript脚本在区域上绘制图形。一、添加canvas元素<canvas width="300" height="300"> 您的浏览器不支持canvas元素,请更新或更换您的浏览器 </canvas> 元素的宽和高未指定则默认为300,应该在标签内指定宽和高,在css中指定宽和高的话会产生一些错误的行为。当这两个值有任何一个改变时,...
2017-08-21 -
html5中a标签中的href种类
一、普通链接<a href="http://www.baidu.com">百度</a> 六、执行js代码通过"jsvascript:"作为前缀表示要执行js代码<a href="javascript:alert('弹出提示')">执行js代码</a> 我们经常使用一个分号(;)来屏蔽超链接的默认事件 <a href="javascript:;">点击不会触发a标签的默认事件</a> 三、锚链接通过点击链接文本跳转到页面指定的位置<a...
2017-02-06 -
HTML5元数据和一些全局属性
元数据:<meta>元素:可以定义文档中的各种元数据一、属性charset,直接指定页面编码,<meta charset="utf-8">二、指定名/值元数据对:两个属性http-equiv和name,每个属性都应该有一个对应的content与之对应。<meta http-equiv="属性" content="属性值">http-equiv顾名思义,相当于http的文件头作用,它可以向浏览器传回一些有用的信息,以帮助正确和精确地显示网页内容。1、content-Type(设定页面使用的字符集)<http-equiv="content-...
2016-12-16