HTML 5
文章平均质量分 74
pxy_Shineyo
这个作者很懒,什么都没留下…
展开
-
HTML5语义化元素
在HTML 5对HTML 4所做的各种修改中,一个比较重大的修改就是为了使文档结构更加清晰明确,容易阅读,增加了许多新的结构元素。 页眉 主要用于页面的头部的信息介绍,也可用于板块头部<hgroup></hgroup> 页面上的一个标题组合 一个标题和一个子标题,或者标语的组合<hgroup>语义化标签<h1>HTML5语义化标签</h1> <h2></h2></hgrou原创 2016-02-15 17:34:42 · 738 阅读 · 0 评论 -
canvas绘制图形API(一)
canvas元素的基础知识 canvas元素是HTML5中的一个新增的重要元素,专门用来绘制图形。在页面上放置一个canvas元素,就相当于在页面上放置了一块“画布”,可以在其中进行图形的描绘。但是,在canvas元素中进行绘画,并不是拿鼠标来作画。事实上,canvas元素只是一块无色透明的区域,需要利用JavaScript编写在其中进行绘画的脚本。1. 用canvas元素基本知识1)取得canv原创 2016-03-04 11:12:00 · 1156 阅读 · 0 评论 -
HTML5本地存储
Web Storagecookies存储存在的一些问题存储限制:cookie的大小被限制在4KB。 带宽:cookie是随HTTP事务一起被发送的,浪费带宽。复杂性:要正确操作cookie是很困难的。 HTML5中提供了一种在客户端本地保存数据的功能,就是Web Storage.Web Storage分为两种sessionStorage将数据保存在session对象中。所谓session,就是原创 2016-03-16 18:32:50 · 635 阅读 · 0 评论 -
canvas 绘图API(二)
7.给图形绘制阴影在HTML5中,使用Canvas元素可以给图形添加阴影效果。添加阴影效果时,只需利用图形上下文对象的几个关于阴影绘制的属性就可以了,如下所示。shadowOffsetX–阴影的横向位移量。 shadowOffsetY–阴影的纵向位移量。 shadowColor–阴影的颜色。 shadowBlur–阴影的模糊范围。 shadowBlur属性是可选的,它表示图形阴影边缘的模糊原创 2016-03-05 14:34:40 · 532 阅读 · 0 评论 -
HTML5通信API
跨文档消息传输的基本知识 HTML5提供了在网页文档之间互相接受与发送信息的功能,只要获取到网页所在窗口对象的实例,不仅同源(域+端口号)的Web网页之间可以互相通信,甚至可以实现跨域通信。 首先,要想接受从其他窗口那里发过来的消息,就必须对窗口对象的message事件进行监视,代码如下所示:window.addEventListener("message",function(){...},f原创 2016-03-07 14:48:30 · 807 阅读 · 0 评论 -
Web Workers处理线程
什么是worker? 在使用HTML4与Javascript创建出来的Web程序中,所有的处理都是单线程的,如果花费的时间比较长的话,程序界面会长时间处于没有响应的状态。利用HTML5中的Web Workers API,用户很容易的创建在后台运行的线程(worker),将耗时的处理交给后台去执行,大大优化了程序的性能。Worker API new Worker(‘后台处理的JS地址’) 利原创 2016-03-11 18:33:16 · 521 阅读 · 0 评论 -
离线应用程序
乘坐飞机、手机信号弱、去演讲的时候,可能没有网络,这个时候就可以采用离线应用。离线存储的好处? 没网的时候,可以正常访问 快速相应页面,不必用多个HTTP占用资源带宽 缓存的可以是任何文件本地缓存与浏览器网页缓存的区别本地缓存是为整个Web应用程序服务的,而浏览器的网页缓存 只服务于单个网页。任何网页都具有网页缓存,而本地缓存只缓存哪些你指定缓存的网页。搭建离线应用程序 1.服务器配置文件中原创 2016-03-12 21:05:01 · 803 阅读 · 0 评论