在原生APP中,比如QQ,它可以检测QQ是处于在线还是离线状态,但是在网页中,或者早期web app中,没有检测网络状态的能力,因此在HTML5中出现了网络状态检测API 代码 // online 在线 window.addEventListener("online", function () { alert("您的网络状态正常..."); }) // offline 离线 window.addEventListener("offline", function () { alert("您的网络状态离线
传统方式使用document.cookie来进行存储，但是由于其存储的空间只有4KB左右，并且需要复杂的操作进行解析，给发开者带来很多不便，为此，HTML5规范提出了网络存储的解决方案。...2.1.2 优势 （1）减少网络流量:一旦数据保存在本地后，就可以避免再向服务器请求数据，因此减少不必要的数据请求，减少数据在浏览器和服务器间不必要地来回传递。...（2）快速显示数据:性能好，从本地读数据比通过网络从服务器获得数据快得多，本地数据可以即时获得。加上网页本身也可以有缓存，整个页面和数据都在本地的话，可以立即显示。...2.2 localStorage实现本地存储 localStorage作为HTML5 Web Storage的API之一，主要的作用是进行本地存储。...).onclick = function() { window.sessionStorage.clear(); }; 3 总结 HTML5
HTML5 中的 Canvas 对文本的渲染（fillText，strokeText）性能都不太好，比如设置字体（font）、文本旋转（rotation），如果绘制较多的文本时，一些交互操作会手动很大的影响...接着是常见网络拓扑图 GraphView 组件，并将其添加到 DOM 中，重载 GraphView 的 getLabel 方法设置图元的文本，让每个节点都有文本。
在前面《百度地图、ECharts整合HT for Web网络拓扑图应用》我们有介绍百度地图和 HT for Web 的整合，我们今天来谈谈 OpenLayers 和 HT for Web 的整合。...HT和OpenLayers组件叠加在一起之后，剩下就是拓扑里面图元的摆放位置与经纬度结合的问题，常规网络拓扑图中存储在ht.Node图元的position是逻辑位置，和经纬度没有任何关系，因此在GIS应用中我们需要根据图元的经纬度信息换算出
结合 《数百个 HTML5 例子学习 HT 图形组件 – 拓扑图篇》可以容易理解构建一个拓扑界面基本上就是操作 DataModel 数据模型，以下为构建上图界面效果的模型代码部分： // init data...对于电信网管拓扑应用，由于网络拓扑图元数据量往往常常非常巨大，虽然 HT 拓扑图组件性能非常强劲，承载好几甚至上十万的网络拓扑矢量图元都毫无压力，但如何实现这么多数据量图元的布局是个问题，如果是规规矩矩的自然比较容易...其实自动布局无法提供算法进行图元摆放，以便达到业务展示的需求，可参考《电信网络拓扑图自动布局 - 曲线布局》和《电信网络拓扑图自动布局 - 总线布局》，这两篇文章详细分析了如果自定义出总线和沿着任意曲线布局的案例...以上创建网络图元、设置图元连线关系、配置图元风格属性、进行图元布局摆放就是构建拓扑图的几个基本步骤，其实熟悉了 HT 分分钟就能开发出像模像样的 HTML5 网络拓扑图应用，如果需要数据存储可参考《HT...更多 HTML5 拓扑图例子可参考：http://www.hightopo.com/demos/index.html ?
前言 发现大家对于我从 json 文件中直接操作节点属性来控制界面的动态变化感到比较好奇，所以这篇就针对数据绑定以及如何使用这些绑定的数据做一篇说明，我写了一个...
在HT for Web中2D和3D应用都支持树状结构数据的展示，展现效果各异，2D上的树状结构在展现层级关系明显，但是如果数据量大的话，看起来就没那么直观，找到...
上篇将HT for Web的3D拓扑弹力布局的算法运行在Web Workers后台（http://www.hightopo.com/blog/70.html），...
直播发展如火如荼，为了满足火热的移动Web端直播需求，一系列基于HTML5的网络直播方案迅速的发展了起来。其实只要实现了直播的各个技术难点，通过HTML5进行视频直播并非难事。...常见的可用于HTML5的直播技术共有3种协议：HLS、WebSocket与WebRTC。本文将对基于这3种协议的HTML5网络直播方案实现做下基础的介绍。 一. HLS 优点：CDN支持比较好。...HLS是一个由苹果公司提出的基于HTTP的流媒体网络传输协议，是苹果公司QuickTime X和iPhone软件系统的一部分。它的工作原理是把整个流分成一个个小的基于HTTP的文件，每次只下载一些。...以上就是三种基于HTML5的网络直播方案中的常用协议，实现难度依次递增，当然，用户体验也依次递增。
今天开始我们就从最基础解析如何构建 HTML5 Canvas 拓扑图应用，HT 内部封装了一个拓扑图形组件 ht.graph.GraphView（以下简称 GraphView）是 HT 框架中 2D 功能最丰富的组件...简单说来就是：拓扑图是泛化的说法，电信网管的网络拓扑图、电力的电网拓扑图、工业控制的监控图、工作流程图、思维脑图等等，简单说就是节点连线构成的这些都是这里指的拓扑图。...用 HT 开发一个网络拓扑图是非常容易的一件事，只需要短短几行代码就能完成一个简单的服务器与客户端的拓扑图： ? 这个例子非常基础，几乎完成了服务器与客户端在拓扑上的所有功能。...减去空行也就 50 行，我还做了很多样式部分的设计，毕竟给大家看的例子不能太丑嘛~ 我们在最开始就说明一下，HT 是基于 HTML5 标准的企业应用图形界面一站式解决方案， 其包含通用组件、拓扑组件和
一、 HTML5的新特性 HTML5 的新增特性主要是针对于以前的不足，增加了一些新的标签、新的表单和新的表单属性等。 1.1 HTML5 新增的语义化标签 以前布局，我们基本用div 来做。...侧边栏标签 尾部标签 这种语义化标准主要是针对搜索引擎的 这些新标签页面中可以使用多次 在 IE9 中，需要把这些元素转换为块级元素 其实，我们移动端更喜欢使用这些标签 1.2 HTML5...> 您的浏览器暂不支持 标签播放视频 b. video常见属性 【2】音频 HTML5...常见的属性值 谷歌浏览器把音频和视频自动播放禁止了 1.3 HTML5 新增的input标签 1.4 HTML5 新增的的表单属性 可以通过以下设置方式修改placeholder里面的字体颜色： input...head> 三、 狭义的HTML5
本文主要介绍了如何利用HT for Web实现一个三维场景绘制和交互。首先介绍了HT for Web的简介及其主要功能，然后通过一个具体实例详细讲解了如何利用H...
常见的网络拓扑结构有星型结构、总线结构、环形结构、树形结构、网状结构、混合型拓扑以及蜂窝拓扑结构等，本文的例子主要描绘的是总线型拓扑，在显示上相对其他的结构类型来说更清晰明了，绘制起来也非常容易。...虽然题目起的名字是电信网络拓扑图，几乎所有的拓扑图都能涵盖，例如基本网络图，网络拓扑图，机架图，网络通信图，3D网络图等等。 效果图如下： ? 这个图看起来挺简单的，代码也少，但是内容不少。...我们拿机柜02来说吧，机柜02内部有一个“电脑”与“内部网络交换机”之间有两条连线，那么当我们双击机柜02合并时，实际上就相当于机柜02与“内部网络交换机”之间有两条连线了。...440).s('label', '数据监控分析系统');//创建带有“正常”图片的节点，并设置这个节点的文字为“数据监控分析系统” 因为连线需要的是“源节点”以及“终节点”，这边源节点是中间的“内部网络交换机...label.position': 45,//文字内容，默认为空 'label.offset.x': 50,//文字水平偏移，对于Edge意味着沿着连线方向水平偏移 'label2': '内部网络交换机
在数据量很大的2D 场景下，要找到具体的模型比较困难，并且只能显示出模型的的某一部分，显示也不够直观，这种时候能快速搭建出 3D 场景就有很大需求了。但是搭...
四、HTML5 一、什么是 HTML5 1.HTML5 的概念与定义 定义：HTML5 定义了 HTML 标准的最新版本，是对 HTML 的第五次重大修改，号称下一代的 HTML 两个概念： 是一个新版本的...HTML 语言，定义了新的标签、特性和属性 拥有一个强大的技术集，这些技术集是指： HTML5 、CSS3 、javascript, 这也是广义上的 HTML5 2.HTML5 拓展了哪些内容 语义化标签...本地存储 兼容特性 2D、3D 动画、过渡 CSS3 特性 性能与集成 3.HTML5 的现状 绝对多数新的属性，都已经被浏览器所支持，最新版本的浏览器已经开始陆续支持最新的特性， 总的来说：HTML5...已经是大势所趋 二、HTML5 新增标签 1.什么是语义化 2.新增了那些语义化标签 header --- 头部标签 nav --- 导航标签 article --- 内容标签 section...image.png 3.使用语义化标签的注意 语义化标签主要针对搜索引擎 新标签可以使用一次或者多次 在 IE9 浏览器中，需要把语义化标签都转换为块级元素 语义化标签，在移动端支持比较友好， 另外，HTML5
JS 里拖拽三事件， onmousedown onmousemove onmouseup 是实现交互性效果，根据鼠标的移动位置让标签元素联动
（二）HTML5 HTML指的是HTML 4.01, XHTML是HTML的过渡版本，XHTML是XML风格的HTML 4.01。...-//W3C//DTD XHTML 1.0 Transitional//EN" "http:// www.w3.org/TR/xhtmll/DTD/xhtmll-transitional.dtdn> HTML5...DOCTYPE html> 2、标签不再区分大小写 绿叶学习网 上面这种写法也是完全符合HTML5规范的。但是在实际开发中，建议所有标签以及属 性都采用小写方式。...3、允许属性值不加引号 绿叶学习网 上面这种写法也是完全符合HTML5规范的。...4、允许部分属性的属性值省略 在HTML5中，部分具有特殊性属性的属性值是可以省略的。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
