- 博客(15)
- 收藏
- 关注
RSS订阅转载 [转]HTML5 WebSockets 基础使用教程
HTML5之中一个很酷的新特性就是WebSockets，它可以让我们无需AJAX请求即可与服务器端对话。今天彬Go将让大家通过Php环境的服务器端运行WebSocket，创建客户端并通过WebSockets协议发送和接收服务器端信息。 什么是WebSockets？ WebSockets是在一个(TCP)接口进行双向通信的技术，PUSH技术类型。同时WebSockets仍将基于
2014-10-30 13:44:50
561
原创 [读书笔记]WebSocket浏览器篇 HTML5 WebSockets API
1.1 检测浏览器支持的情况if (window.WebSocket) 支持else 不支持1.2 API的基本用法url = “ws//loaclhost:8888:/echo”;w = new WebSocket(url);或w = new WebSocket(url, ["proto1", "proto2"];使用已知的
2014-10-30 09:47:01
589
原创 [读书笔记]WebSocket服务篇
1.1.1 WebSocket概述WebSockets通过一次握手建立连接，服务器就可以主动地向客户端发送消息。一举淘汰了Comet和Ajax轮询（polling），长轮询（long-polling)，已经流（streaming）解决方案的。 在全双工的实时浏览器通信中，大大减少了网络流量并降低了网络延迟。1.1.2 传统实时HTTP应用程序的复杂性如图所示
2014-10-24 16:08:39
944
原创 [读书笔记]Communication API 之 XMLHttpRequest Level 2
XML HttpRequest Level 2XML HttpRequest Level 2相对此前版本，有了很大改进1、跨源XMLHttpRequests请求2、进度事件（Progress events）1.1 跨源XMLHttpRequests请求XMLHttpRequests通过CORS（跨源资源共享）实现了跨源XMLHttpRequests跨
2014-10-24 16:04:35
429
原创 [读书笔记]Communication API
1.1 跨文档消息通信跨文档消息通信可以确保iframe、标签页、窗口间安全地进行跨源通信。posetMessage API 发送小心chatFrame。contentwindow.postMessage("hello world", "http://www.example.com/")接受消息需在页面增加一个事件处理函数。当某个消息到达时， 通过检查消息的来源（ori
2014-10-24 16:03:29
500
转载 使用 HTML5 Boilerplate 开始 web 开发
web 开发团队的一个常见实践是创建一组标准文件，团队成员基于它们开始 web 开发流程，包括一个公共文件结构、基本命名惯例和标准库。这样做能够更容易启动并运行一个项目。它还能将开发人员引向内部编码标准并实施标准文件组织。HTML5 Boilerplate 就是这种处于 web 开发最前沿的完美理念的实现。结合了使用 HTML5 需要的几个增强和许多其他最佳实践，只需最少的前期投资
2014-09-25 22:39:11
912
转载 10款非常优秀的 HTML5 开发工具
HTML5 发展如火如荼，随着各大浏览器对 HTML5 技术支持的不断完善以及 HTML5 技术的不断成熟，未来 HTML5 必将改变我们创建 Web 应用程序的方式。今天这篇文章向大家推荐10款优秀的HTML5开发工具，帮助你更高效的编写 HTML5 应用。InitializrInitializr 是制作 HTML5 网站最好的入门辅助开发工具，你可以使用提供的特色模
2014-09-25 22:21:06
862
转载 使用 HTML5 WebSocket 构建实时 Web 应用
作为下一代的 Web 标准，HTML5 拥有许多引人注目的新特性，如 Canvas、本地存储、多媒体编程接口、WebSocket 等等。这其中有“Web 的 TCP ”之称的 WebSocket 格外吸引开发人员的注意。WebSocket 的出现使得浏览器提供对 Socket 的支持成为可能，从而在浏览器和服务器之间提供了一个基于 TCP 连接的双向通道。Web 开发人员可以非常方便地使用
2014-09-25 22:19:22
467
原创 [读书笔记]地理位置Geolocation API
5.1 位置信息HTML5 Geolocation API，请求一个位置信息，如果用户同意，浏览器返回位置信息，该位置信息是通过支持HTML5地址定位功能的底层设备提供给浏览器的，位置信息由纬度， 经度坐标和其他元数据组成。5.1.1 纬度和经度作弊啊表示方式1） 十进制，如39.172222）DMS 角度格式 （例如，39°10’20’HTML5 Gelo
2014-09-25 22:09:01
1050
原创 [读书笔记]Html5音频和视频
audio和video的出现让HTML5的媒体应用多了新选择， 开发人员不必使用插件就可以播放音频和视频。1.1.1 视频容器视频容器（视频文件）包含了音频轨道，视频轨道和其他一些元数据。主流视频容器一下视频格式：.avi Audio Video Interleave.flv Flash Video.mp4 MPEG 4.mkv Matroska.o
2014-09-19 14:14:28
623
转载 [转]HTML5中Canvas与SVG的画图原理比较
canvas 与 SVG都能够使你在浏览器中画图，但它们的基本原理不同。 SVG SVG是一种在XML中描述二维图形的语言。 SVG是基于XML的，意味着在SVG DOM内每一个元素都是可用的。你可以为每一个元素增加JS事件处理器。 在SVG中，每一个图形被记作一个对象。如果一个SVG对象的属性发生改变，浏览器可以自动重新生成图形。 Canvas Canvas能够在fl
2014-08-28 22:28:07
987
原创 [学习笔记]SVG初级篇
1、SVG概述SVG是矢量图的一种， SVG是一种文件格式， 有自己的API。根本上讲，SVG是一种矢量格式2、SVG历史SVG起初通过插件的方式提供浏览器使用，不久，浏览器就对SVG图像的原生支持。 故可以把SVG代码嵌入在HTML中。3、SVG使用定义svg的宽高 4、SVG简单图形 其中
2014-08-22 09:42:34
976
转载 HTML5之SVG详解（一）：基本概括
1、背景SVG是Scalable Vector Graphics的缩写，意为可缩放矢量图形。1998年，万维网联盟成立了一个工作组，研发一种通过XML来表现矢量图形的技术——SVG！由于SVG也是一种XML文件，所以SVG也继承了XML的开放性、可移植性和交互性的优点。如今几乎所有主流的浏览器都支持SVG，大家可以从这里得到更多的兼容信息，其中包括：使用或者元素来显示基本的SV
2014-08-21 22:58:30
551
转载 Html5 <nav>标签用法
nav 字面上理解为“导航”，在html5中用于包裹一个导航链接组，用于显式的说明"这是一个导航组”，在同一个页面中可以同时存在多个nav。不是所有的链接组都需要使用nav包裹，这主要看链接组是不是用于导航（可理解为是不是再页面中充当导航这一角色），链接可以是一些操作，如删除，编辑；可以是一些提示性元素，如链接到其他网站的解释。导航，顾名思义，就是引导的路线，那么具有引导功能
2014-08-21 22:23:51
8163
原创 [读书笔记]初识HTML5
1、 HMT5发展史1993年HTML首次以因特网草案的形式发布， 20世纪90年代HTML大发展。 到1999年发展到4.01版本。 W3C掌握了HTML规范的控制权。2004年HTML5规范被船里， 2006发布了HTML5工作草案。现在HTML5得到各大浏览器厂商的青睐， 发展迅速。1、2 关于2022年的那个神话2012年， HTML5规范编写完成了， 20
2014-08-15 13:53:04
1099
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人