之前的文章介绍了服务端监控工具：Nmon使用方法，最近在github找到了一个nmon自动监控并生成HTML格式报告的工具：easyNmon，使用体验蛮不错的，这里介绍下它的安装及使用方法。...一、关于easyNmon说明 说明：为了方便多场景批量监控，作者用golang写了个监控程序，可以通过web页面启动和停止nmon服务， 适配Loadrunner和jmeter进行性能测试，可以做到批量执行场景并生成监控报告...接下来，就是启动压测脚本，进行压测并查看服务器监控报告。...四、HTML格式监控报告 PS：压测脚本结束后，默认生成监控报告，手动停止测试脚本，也会自动生成监控报告，可以通过访问web页面的报告页面查看，如下图： 1、grafana测试结果 ?...2、easyNmon监控报告 ?
计时API可以测量两个预定义标记之间的性能，仅需要分别定义测量的开始和结束标记 例如 var start = performance.now(); ... ...
timing API统计了一个浏览器窗口从 卸载当前页面开始 到 加载完毕目标页面的整个流程中，每个节点的时间戳 具体都有哪些时间节点呢？下面是很详细的示意图 ...
HTML5 的 performance timing API 统计了一个浏览器窗口从卸载当前页面开始到加载完毕目标页面的整个流程中，每个节点的时间戳 通过这些节点的时间戳，我们可以计算出很多有用的信息
本文将以大家熟悉的 CPU 为例，介绍以 HT 为基础，应用 JavaScript，WebGL 和 HTML5 技术开发的 CPU 监控系统。...在大型数据中心，实时监控 CPU 的温度，使用率等具有重要的意义。在服务器级别进行 CPU 温度监控，能够实时了解服务器 CPU 的温度，及时发现能效问题，防止出现服务延迟、服务器宕机，从而节约成本。...实时监控 CPU 使用率等，能够实时查看服务器的 CPU 使用情况，合理分配服务器资源。 系统预览 - PC 端 ? - 移动端 ?...手机传感器数据 HTML5 提供了几个 DOM 事件来获得移动端方向及运动的信息，deviceorientation 提供设备的物理方向信息；devicemotion 提供设备的加速度信息。...如果你对工业互联网感兴趣，可以从 https://www.hightopo.com/demos/index.html 获取更多案例及效果。
服务和管理根据用户的需求进行最优化组合，从而为用户提供一个高效、舒适、便利的人性化建筑环境，智慧建筑绝不仅仅只是智慧园区、智慧小区这种模式，这里我就通过 HT for Web 制作了一个以会展中心为主体的智慧建筑监控系统...代码实现 场景呈现 通过上面的效果预览，可以分辨出整个监控系统是分为 3 个层次的，分别是主体、楼内、展厅，如果是使用单个 graph3dView 加载所有场景，通过 dm.clear() 清除场景，dm.deserieialize...等资源文件是有一定大小的，可能对于不同带宽网速的用户所需要加载的时间也不尽相同，这里就需要判断下 obj 是否全部加载完成，加载完成后再执行动画效果，通过 ht.Default.handleModelLoaded 监控是否所有模型都请求加载完成
服务和管理根据用户的需求进行最优化组合，从而为用户提供一个高效、舒适、便利的人性化建筑环境，智慧建筑绝不仅仅只是智慧园区、智慧小区这种模式，这里我就通过 HT for Web 制作了一个以会展中心为主体的智慧建筑监控系统...代码实现 场景呈现 通过上面的效果预览，可以分辨出整个监控系统是分为 3 个层次的，分别是主体、楼内、展厅，如果是使用单个 graph3dView 加载所有场景，通过 dm.clear() 清除场景，dm.deserieialize...等资源文件是有一定大小的，可能对于不同带宽网速的用户所需要加载的时间也不尽相同，这里就需要判断下 obj 是否全部加载完成，加载完成后再执行动画效果，通过 ht.Default.handleModelLoaded 监控是否所有模型都请求加载完成...还有更多的可视化案例可以参考：https://www.hightopo.com/demos/index.html
隐蔽性：使用电子安防设备，一般人不会感觉时时被监控，具有隐蔽性。24 小时安全保证：要达到 24 小时不间断的安全需要，电子设备是必须考虑的。...远程监控：随着计算机技术与网络技术的发展，远程监控观看异地图象已经成为可能，现在已经有很多公司的负责人已经可以 INTERNET 及时观看世界各地的任何分公司情况，有利于及时了解情况。...鉴于监控系统在国内的需求量较大，对于大范围的监控，如：地铁站，更是需要监控系统来防止意外的发生，我们今天来给大家介绍一下如何创建一个地铁站监控系统的前端部分。...http://www.hightopo.com/demo/metro/demo2.html 进入页面右键“审查元素”可查看例子源代码。 本例的动态效果如下： ?
在能源危机和全球气候变暖的压力下，太阳能等可再生能源越来越受到关注，其中光伏建筑一体化逐渐成为绿色发展方式和生活方式，加强节能降耗，支持低碳产业和新能源、可再生能源发展，也已经成为国家战略，所以基于数据进行管理和监控的智慧楼宇能源系统已经成为了一种趋势...今天就给大家带来一个采用 Hightopo 的 HT for Web 产品实现智慧楼宇的能耗监控系统。 系统预览 ?...这个图中显示的是一个 2D 3D 结合而成的智慧楼宇的能源监控系统，主要对楼宇设备能耗变化进行实时监控,比如：空调、照明等。 代码实现 一、场景进入动画预览 ?...在这个智慧楼宇能源监控系统中，我们还可以可视化地实时监控电梯在楼层间的工作运行状态，并且能够准确地浏览每个电梯在楼层间的停留时间。...通过能源监控系统，在这些丰富的曲线图、柱图等图表以及有趣生动的3D动画中，就可以直观、有效的传递出楼宇内部的能源变化，从而降低建筑的运营成本，有效的降低建筑用能，对于节能减排、保护环境具有重要的现实意义
今天主要教大家怎么发HTML代码的邮件。第一步：打开软件之后点击界面最底部的“HTML在线编辑器”，直接可以跳转到一个在线编辑的网站。...图片第三步：点击左上角的HTML代码图标，就可以把我们编辑的邮件内容转化为html的代码。...图片最后：我们直接把代码放到邮件内容中即可发送html邮件了，如果有html技术的可以自己编写更加漂亮美观的邮件页面哦！
流动效果在3D领域有着广泛的应用场景，如上图中医学领域可通过3D的流动直观的观察人体血液的流动，燃气领域可用于监控管道内流动的液体或气体的流向、流速和温度等指标。...http://www.hightopo.com/guide/guide/core/lighting/examples/example_flowing.html ?...如今企业数据中心机房普遍面临着设备散热的问题，采用冷热通道方案可大大提高数据中心的散热能力，充分有效利用机柜和机房的空间，因此在电信的3D机房监控领域，也常需要借助流动的效果，对机房冷热通道系统进行监控...流动例子的视频供参考，基于HT预定义的模型还有很多自定义效果，大家可以发挥想象力让3D的流动效果发挥出更多不可思议的应用场景效果：http://v.youku.com/v_show/id_XNzIyMjQyNTg0.html
http://www.hightopo.com/guide/guide/core/lighting/examples/example_flowing.html 流动效果在3D领域有着广泛的应用场景，...如上图中医学领域可通过3D的流动直观的观察人体血液的流动，燃气领域可用于监控管道内流动的液体或气体的流向、流速和温度等指标。...如今企业数据中心机房普遍面临着设备散热的问题，采用冷热通道方案可大大提高数据中心的散热能力，充分有效利用机柜和机房的空间，因此在电信的3D机房监控领域，也常需要借助流动的效果，对机房冷热通道系统进行监控
回答了知乎问题较长，一些使用WebGL的经验： 正好逛到这个问题，正好是2013年底，正好最近基于的HT for Web 3D做的电力项目收尾，正好用到的就是W...
当然Google不会止步不前，最新的KitKat已经将WebView升级到了Chrome for Android的30版本，这个版本的HTML5功能对大部分应用来说也算足够了 ，当然后续WebView要是也能自动升级就好了...的设计器的可视化挺感兴趣，所以几年前尝尝鲜研究过一阵，但现在我搞些小工具我还是用古老的Cocoa来开发，我感觉Cocoa的binding和可视化的功能虽然一二十年没变过，但也足以完胜如今的很多GUI框架，大部分情况我就基于HTML5
对于我最有意义的是我终于可以真正从事基于HTML5技术的开发了，以前呆过几家互联网公司总要痛苦的去做兼容IE6、7、8的无趣事情，每天看到HTML5技术的日新月异而我却只能望梅止渴，现在做回企业应用开发...，虽然老同事笑我从toC降级做toB，但我自己倒觉得能用上HTML5技术是升级，并且在项目界面呈现上我们采用了HT的基于WebGL的3D引擎框架，让我们整天面对CRUD的企业应用，增加了很大的3D应用亮点...(MVP) 设计模式与3D引擎融合一体，这种完全可以控制模型所有属性事件变化的模式还是很独创的，基于这样的设计就没有什么FPS(Frames Per Second)的概念，因为基于MVP的设计模型可监控所有属性变化...基于事件模式的刷新对于桌面应用可能无所谓，但我们项目选择基于HMTL5很重要的一点是我们需要利用HTML5的跨平台技术，让我们的项目也能跑在Android等移动终端，而对于移动应用来说如果不断进行无谓的刷新对于移动终端耗电可是个大问题...基于HTML5技术的电力3D监控应用（二）
远程监控系统主要是通过分布于棉花加工生产线各种设备的传感器、开关信号、视频监控设备、 PLC 控制器等装置，通过智能联网设备集成到互联网和局域网上面，实现对生产、运营情况的随时掌握，建立网络范围内的监控数据和网上知识资源库...但如果父容器是原生的 html 元素， 则 HT 组件无法获知需要更新，因此最外层的 HT 组件一般需要监听 window 的窗口大小变化事件，调用最外层组件 invalidate 函数进行更新。
上篇介绍了我们电力项目的基本情况，我们选用HTML5技术还是顶着很大压力，毕竟HTML5技术性能行不行，浏览器兼容性会不会有问题，这些在项目选型阶段还是充满疑惑，项目做到现在终于快收尾了我们才敢松口气，...压力基本顶住了，我个人总结的经验是：HTML5性能肯定不是最高，但对企业应用足够高效，HTML5标准不可能所有浏览器都一致实现，但对于企业应用已经足够工作。...选择正确的引擎框架，进行合理的设计才是关键，HTML5真的已经Ready！...选择HTML5除了看中JavaScript动态语言的灵活性，能够很好的和其他异构系统融合到页面外，HTML5的跨平台性也是我们看中的重要原因，以前PC桌面应用上采用Flex和Silverlight到是可以跨平台...完全基于HTML5的设计器这点还是挺让我佩服的，虽然大家都在转型到HTML5但还很少有做得彻底的，如Google Web Designer和Adobe Edge Tools这些巨头的产物，包括Sencha
前言 智能监控的领域已经涉及到了各大领域，工控、电信、电力、轨道交通、航天航空等等，为了减少人员的消耗，监控系统必不可少。...之前我写过一篇 2D 的智能地铁监控系统广受好评，突然觉得，既然 2D 的这么受欢迎，那么 3D 的需求量肯定也是非常大的，3D 毕竟比 2D 来说还是更直观一些，于是有了这个例子以及这篇文章。...智能监控系统在 3D 中应用比较广泛的除了 3D 机房以外，我觉得就是楼宇的监控了，可是之前做了很多关于机房方面的 Demo，所以最终决定做 3D 楼宇监控系统。 ?...true,// 是否将模型缩放到单位1的尺寸范围内，默认为false prefix: 'obj/',// 图片路径前缀，即在map_kd值之前增加的前缀，如果是相对路径则以加载obj的html...http://hightopo.com/demo/intelligent-building/index.html ?
本文介绍了基于HTML5技术的电力3D监控应用，该应用具有强大的数据展示和远程控制功能。作者通过使用WebGL技术，成功地实现了电力系统的3D可视化展示和远程操...
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
