WebSocket 协议在2008年诞生,2011年成为国际标准。所有浏览器都已经支持了。
它的最大特点就是,服务器可以主动向客户端推送信息,客户端也可以主动向服务器发送信息,是真正的双向平等对话,属于 服务器推送技术 的一种。
其他特点包括:
(1)建立在 TCP 协议之上,服务器端的实现比较容易。
(2)与 >
HTML5并不是一项技术,而是一个标准。”H5“本应是一个技术合集,却被意会成了一项技术。
HTML,全程为,中文直意为“超级文本标记语言"从94年由万维网(W3C)发明至今,已逐渐成为了网页标记语言的行业规范,它是构成网页的一种标记编写语言,html目前也历经了5次小大修改,也可以说H5是html的第5代语言。
技术要点:
1、重要标记
定义和用法
标签定义视频,比如片段或其他视频流。
标记。
定义和用法
标签定义声音,比如音乐或其他音频流。
2、程序接口
除了原先的DOM接口,HTML5增加了更多API,如:
(1)、用于即时2D绘图的Canvas标签;
(2)、定时媒体回放;
(3)、离线数据库存储;
(4)、文档编辑;
(5)、拖拽控制;
(6)、浏览历史管理。
3、元素变化
新的解析顺序新的元素:section,video,progress,nav,meter,time,aside,canvasinput。
元素的新属性:日期和时间,email,url。
新的通用属性:ping,charset,async。
全域属性:id,tabindex,repeat。
移除元素:center,font,strike。
4、控件
就是Html标注的属性里加上runat="server"所构成的控件,至于Html标注和Html控件之间的区别很明显,Html控件是运行于服务器端,Html标注是运行于客户端。
基本Html控件有:
HtmlTexAreaHtmlTableHtmlImageHtmlButtonHtmlSelectHtmlFormHtmlInput。
自定义的Html控件是根据自己的需求定义。当自主开发效率低,可以从技术社区、源码网站下载需要的控件。比如,需要插入table,image,links等标签。不必自己开发,可以使用WijmoEditor等。
5、图表库
Net图表控件ChartFX相信大家已经非常熟悉了。ChartFX的开发商SoftwareFX推出的一套为HTML5、jQuery和JavaScript开发者设计的免费HTML5图表库——jChartFX!
jChartFX亮点:
(1)、jChartFX充分利用了HTML5,CSS和SVG,让您能够在浏览器提供美观优越的图表和更丰富的最终用户体验。
(2)、jChartFX拥有很多令人振奋的功能,它在无插件纯JavaScript的浏览器上运行,这意味着在提高了网站安全性和速度的同时,最大程度的减少了网站服务器的负荷。
(4)、jChartFX还能够自动整合到jQueryUIThemeRoller,自动读取并解释jQuery的主题和CSS文件,能够快速适应您的页面布局和设计,无需一行代码。
(4)、jChartFX支持JSON,JSON能够帮助您实现,任何数据源中的数据都可以展现到图表中。
(5)、jChartFX还支持超过40种的2D、3D图表类型,免费的图表控件中支持如此之多的图表展示类型实属难得。
扩展资料:
HTML5赋予网页更好的意义和结构。更加丰富的标签将随着对RDFa的,微数据与微格式等方面的支持,构建对程序、对用户都更有价值的数据驱动的Web。
1、本地存储特性(Class:OFFLINE&STORAGE)
基于HTML5开发的网页APP拥有更短的启动时间,更快的联网速度,这些全得益于HTML5APPCache,以及本地存储功能。IndexedDB(html5本地存储最重要的技术之一)和API说明文档。
2、设备兼容特性(Class:DEVICEACCESS)
从Geolocation功能的API文档公开以来,HTML5为网页应用开发者们提供了更多功能上的优化选择,带来了更多体验功能的优势。
HTML5提供了前所未有的数据与应用接入开放接口。使外部应用可以直接与浏览器内部的数据直接相连,例如视频影音可直接与microphones及摄像头相联。
3、连接特性(Class:)
更有效的连接工作效率,使得基于页面的实时聊天,更快速的网页游戏体验,更优化的在线交流得到了实现。
HTML5拥有更有效的服务器推送技术,Server-SentEvent和WebSockets就是其中的两个特性,这两个特性能够帮助我们实现服务器将数据“推送”到客户端的功能。
4、网页多媒体特性(Class:MULTIMEDIA)
支持网页端的Audio、Video等多媒体功能,与网站自带的APPS,摄像头,影音功能相得益彰。
5、三维、图形及特效特性(Class:3D,Graphics&Effects)
基于SVG、Canvas、WebGL及CSS3的3D功能,用户会惊叹于在浏览器中,所呈现的惊人视觉效果。
6、性能与集成特性(Class:Performance&Integration)
没有用户会永远等待Loading——HTML5会通过等技术,解决以前的跨域等问题,帮助您的Web应用和网站在多样化的环境中更快速的工作。
7、CSS3特性(Class:CSS3)
在不牺牲性能和语义结构的前提下,CSS3中提供了更多的风格和更强的效果。此外,较之以前的Web排版,Web的开放字体格式(WOFF)也提供了更高的灵活性和控制性。
消息推送(Push)指运营人员通过自己的产品或第三方工具对用户移动设备进行的主动消息推送。推送消息有有5种实现方式,以下是实现的方式:1、轮询:客户端定时向服务器发送Ajax请求,服务器接到请求后马上返回响应信息,并关闭连接。
2、长轮询:客户端向服务器发送Ajax请求,服务器接到请求后Hold住连接,直到有新消息才返回响应信息,并关闭连接;客户端处理完响应信息后再向服务器发送新的请求。
3、长连接:在页面中嵌入一个隐藏的jframe,将这个隐藏的iframe的src属性设置为对一个长连接的请求或者采用XRH请求,服务器端就能源源不断地往客户端输入数据。
4、Flash Socket:在页面中嵌入一个使用了Socket类的Flash程序,JavaScript通过调用此Flash程序提供的Socket接口与服务器端的Socket接口进行通信,JavaScript在收到服务器端传送的信息后控制页面的显示。
5、WebSocket:WebSocket是HTML5开始提供的一种浏览器与服务器间进行全双工通讯的网络技术;依靠这种技术可以实现客户端和服务器端的长连接,双向实时通讯。
运用这些方式,可以做好消息推送。好的消息推送平台也是做好推送的重要一部分,极光JPush 是经过考验的大规模 App 推送平台,每天推送消息量级为数百亿条。 开发者集成 SDK 后,可以通过调用 API 推送消息。
服务器向客户端推送pong值的步骤。
1、浏览器可以主动发起请求,服务器只能被动进行响应,服务器无法主动联系浏览器,这是>
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)