张啸


世界上最快乐的事,莫过于为理想而奋斗。


分类: HTML5抄书笔记


  1. H5(13) Geolocation

    在HTML5中,为window.navigator对象新增了一个geolocation属性,可以使用Geolocation API来对该属性进行访问。


  2. H5(12) Web Workers

    Web Workers是HTML5中新增的,用来在Web应用程序中实现后台处理的一项技术。

    在使用HTML4与Javascript创建出来的Web程序中,因为所有的处理都是在单线程内执行的,所以如果花费的事件比较长的话,程序界面会处于长时间没有响应的状态。最恶劣的是,当时间长到一定程度的话,浏览器还会跳出一个提示脚本运行时间过长的提示框,使用户不得不中断正在执行的处理。


  3. H5(11) Web Sockets

    Web Sockets是HTML5提供的在Web应用程序客户端与服务器端之间进行的非HTTP的通信机制。它实现了用HTTP不容易实现的服务器端的数据推送等智能通信技术,因此受到了高度关注。

    使用Web Sockets API可以在服务器与客户端之间建立一个非HTTP的双向连接。这个连接时实时的,也是永久的,除非被显式关闭。这意味着当服务器想向客户端发送数据时,可以立即将数据推送到客户端的浏览器中,无须重新建立连接。只要客户端有一个被打开的socket(套接字)并且与服务器建立了连接,服务器就可以把数据推送到这个socket上,服务器不再需要轮训客户端的请求,从被动转为了主动。


  4. H5(10) 跨文档消息传输

    HTML5提供了在网页文档之间相互接收与发送信息的功能。使用这个功能,只要获取到网页所在窗口对象的实例,不仅同源(域+端口号)的Web网页之间可以互相通信,甚至可以实现跨域通信。


  5. H5(9) 离线Web应用程序

    Web应用程序已经变得越来越复杂,越来越成熟了,很多领域都在利用着Web应用程序。但是,它有一个致命的缺点:如果用户没有和Internet建立连接,他就不能利用这个Web应用程序了。


  6. H5(8) Web Storage与本地数据库

    Web Storage存储机制是对HTML4中cookies存储机制的一个改善。由于cookies存储机制有很多缺点,HTML5中不再使用它,转而使用改良后的Web Storage存储机制。

    本地数据库是HTML5中新增的一个功能,使用它可以在客户端本地建立一个数据库——原本需要保存在服务器端数据库中的内容现在可以直接保存在客户端本地了,这大大减轻了服务器端的负担,同时也加快了访问数据的速度。


  7. H5(7) Audio && Video

    本文介绍HTML5中新增的两个元素——video元素与audio元素,它们分别用来处理视频数据和音频数据。需要说明的是,本文中的“媒体”一词是对音频和视频的总称。


  8. H5(6) 拖放API

    HTML5中,提供了直接支持拖放操作的API。虽然HTML5之前已经可以使用mousedownmousemovemouseup来实现拖放操作,但是这只支持浏览器内部的拖放,而在HTML5中,已经支持在浏览器与其他应用程序之间的数据互相拖动,同时也大大简化了有关于拖放方面的代码。


  9. H5(5) 文件API

    HTML5中提供了一个关于文件操作的文件API,通过使用这个API,对于从Web页面上访问本地文件系统的相关处理会变得十分简单。


  10. H5(4) 增强的页面元素

    在HTML5中,不仅增加了很多表单的元素,同时也增加和改良了可以应用在整个页面中的元素,本文将对这些元素进行简要的介绍。