1.离线缓存为HTML5开发移动应用提供了基础 HTML5 Web Storage API可以看做是加强版的cookie，不受数据大小限制，有更好的弹性以及架构，可以将数据写入到本机的ROM中，还可以在关闭浏览器后再次打开时恢复数据...2.专为移动平台定制的表单元素 浏览器中出现的html5表单元素与对应的键盘： 类型 用途 键盘 Text 正常输入内容 标准键盘 Tel 电话号码 数字键盘 Email 电子邮件地址文本框 带有@和....丰富的交互方式支持 提升互动能力：拖拽、撤销历史操作、文本选择等 Transition – 组件的移动效果 Transform – 组件的变形效果 Animation – 将移动和变形加入动画支持 设计师要知道，HTML5...设计师要知道，用户想要什么，HTML5能提供给用户什么。 5.CSS3 视觉设计师的辅助利器 CSS3支持了字体的嵌入、版面的排版，以及最令人印象深刻的动画功能。
AppCan是HTMl5移动开发应用平台，支持跨平台，可以简单、快速、高效开发移动应用。 倡导Hybrid App开发。 为HTML5开发提供底层Native交互能力。...本地打包 支持将web应用直接打成APK（android）安装包。 真机同步 将应用生成“AppCan调试中心”模式的安装包，使用手机安装，确保手机和pc在同一个网络内。...手机上安装成功后，打开app，输入pc的IP，登录成功后，可以看到应用的List，打开调试的应用，可以pc上IDE的控制台上看到请求。...打开手机上的“AppCan调试中心” APP，输入pc的ip地址，登录，即可看到应用的List。...手机上打开应用后，pc上IDE控制台看到调试信息 插件API AppCan提供了丰富的底层插件，包括网络通讯，界面布局，功能扩展，第三方SDK等能力。
2015-09-22 01:43:08 写这篇文章主要是来向大家介绍一下HTML5当中download属性的用法和之前下载的区别。需要的朋友可以看一下。...download="abc">下载 download属性的好处在于，在用户下载文件的时候，显示在用户浏览器 中的“另存”为的文件显示框中，显示的是这个downloader属性中显示的 东西了，比较友好 HTML5
Html5一大新特性、同时也是非常吸引人的特性，就是其离线功能。它让Web从online延伸到了offline领域。...cache-manifest appcache; 网上Apache的修改方式一大堆，我给来个nginx的，环境是Ubuntu 12.04 一些注意事项 上述三步之后，你就可以给你的应用添加离线功能... applicationCache.addEventListener( "updateready" , function(){ if( confirm( "本地缓存已更新，需要刷新画面来获取应用程序最新版本
在HTML5之前，我们需要接入网络才能访问，这毫无疑问是网站多次请求服务器，造成速度变慢，对于PC用户，网络相对比较稳定，载入速度也不会差太多。但是移动端呢？...离线存储技术 实际开发中，主要是使用Application Cache和LocalStorage技术，它们来自HTML5技术。...HTML5 Application Cache特性 HTML5 引入了应用程序缓存，这意味着 web 应用可进行缓存，并可在没有因特网连接时进行访问。...应用程序缓存为应用带来三个优势： （1）离线浏览：用户可在不介入网络时访问使用 （2）速度提升：已缓存资源加载得更快 （3）减少对服务器的请求：浏览器将只从服务器下载更新过或更改过的资源 支持情况...cache.status属性返回当前离线应用状态 UNCACHED ( 数值 0) ：未启用离线应用 IDLE ( 数值 1) ：已开启离线应用，但本地缓存的资源是最新的，并且未标记为废弃资源 CHECKING
如果要开发企业内部应用，则要缴纳更高的费用购买企业账户才可以。 ...对于现在火如荼的HTML5应用，我们可以借助PhoneGap对其打包，然后像原生APP一样发布它们；或者要求用户直接通过浏览器访问。...大家可以看到我们的主屏幕上已经多了一个”APP”，如果细心优化，用户完全无法区分这是一个原生应用还是HTML5应用，极大提升了用户体验。 是不是很神奇？...接下来我们以HT for Web的拓扑应用为例，试着实现这样一个”高仿”的APP，先看一下我们的页面在iPhone浏览器中的效果： ?...缓存的用法也有两篇很好的文档： 1、HTML5离线缓存 2、在客户端存储数据 最后上一段操作视频，看一下最终效果，优酷链接：http://v.youku.com
实时 Web 应用的窘境 Web 应用的信息交互过程通常是客户端通过浏览器发出一个请求，服务器端接收和审核完请求后进行处理并返回结果给客户端，然后客户端浏览器将信息呈现出来，这种机制对于信息变化不是特别频繁的应用尚能相安无事...WebSocket 构建一个实时的 Web 应用，最后我们介绍了当前的主流浏览器对 HTML5 的支持情况和 WebSocket 的局限性。...不过，我们应该看到，尽管 HTML5 WebSocket 目前还有一些局限性，但是已经是大势所趋，微软也明确表达了未来对 HTML5 的支持，而且这些支持我们可以在 Windows 8 和 IE10 里看到...，我们也在各种移动设备，平板电脑上看到了 HTML5 和 WebSocket 的身影。...WebSocket 将会成为未来开发实时 Web 应用的生力军应该是毫无悬念的了，作为 Web 开发人员，关注 HTML5，关注 WebSocket 也应该提上日程了，否则我们在新一轮的软件革新的浪潮中只能做壁上观了
HTML5支持离线功能，当网络不可用时，网页还能够正常访问，部分功能还将继续使用。实现离线应用，最重要的是缓存资源，因此，离线应用核心需要定义一份描述文件，指定需要缓存的具体资源。...创建离线应用的三个步骤如下： 1. 创建描述文件 描述文件是一个以.manifest或.appcache为后缀的文本文件，其列出了所有需要缓存的内容。
现在我们不用考虑这些了，我们将要学习一种基于HTML5的新技术Web存储。来解决这个问题。...背景 虽然Web存储已经有了自己的规范（(http://dev.w3.org/html5/webstorage/) ），并且也在独立于Html5进行开发。...但Web存储通常是集中在HTML5技术之下的。 不像cookie一样，数据存储在Web Storage意味着客户端不在请求服务器了。
现在使用HTML5开发移动APP越来越受欢迎。HTML5不仅开发效率高，而且可以跨平台，代码重用性也很高。...Zoho（全球第一大在线软件提供商，总部位于美国）是一个有着1300万用户的HTML5邮件系统，我打算挖挖他们的漏洞。...不过在使用HTML开发的应用中寻找漏洞比在web中寻找漏洞要难一些。让我们一起挖洞拯救世界，让互联网更安全吧！
ht.Data 是 HT 最基础的数据类型，用户可将业务信息存储在 Data 对象属性上，目前提供了 Node、Edge、Column等子类应用于不同视图组件中，本文中会用 data 来统称。...使用 HT UI 的 Popover 插件 UI 库是一款功能强大的界面组件库，基于 HT 核心包的优秀框架和 HTML5 先进的 Canvas 机制，具有易上手、高性能、易扩展、组件丰富、跨平台等特点
SVG与Canvas是HTML5上绘制图形应用的两种完全不同模式的技术，两种绘制图形方式各有优缺点，但两者并非水火不容，尤其是SVG内容可直接绘制在Canvas上的功能，使得两者可以完美的融合在一起，让...《基于HTML5的Drag and Drop生成图片Base64信息》这篇虽然展示的是拖拽普通栅格图片的效果，但你也可以直接拖拽SVG格式的图片进行显示，只不过普通图片的格式数据为data:image/...percent > 1){ percent = 0; } node.a('percent', percent); }, 16); SVG绘制到Canvas还有一种特殊的应用场景
支持离线 Web 应用开发是 HTML5 的另一个重点。所谓离线 Web 应用，就是在设备不能上网的情况下仍然可以运行的应用。 开发离线Web 应用需要几个步骤。...HTML5 及其相关的 API让开发离线应用成为现实。...离线检测 要知道设备是否在线还是离线，HTML5 定义了一个 navigator.onLine 属性，这个属性值为 true 表示设备能上网，值为 false 表示设备离线。...else { // 执行离线状态时的任务 } 由于 navigator.onLine 存在一定的兼容性问题，因此除了 navigator.onLine 属性之外，为了更好地确定网络是否可用，HTML5...应用缓存 HTML5 的应用缓存（application cache），或者简称为 appcache，是专门为开发离线 Web 应用而设计的。Appcache 就是从浏览器的缓存中分出来的一块缓存区。
W3C Web应用工作组：HTML5应用的下一步 W3CWebApps标准已经做了大量工作，包括API及HTML5 Web程序细则。...HTML5应用的打包部署HTML5 apps–QuirksBlog博客文章中说，”对于本地/离线HTML5应用，W3C Widget packaging and configuration是首选机制，并将成为事实标准...HTML5程序可以应用在哪里？ 当然是浏览器，如果一个设备拥有一个浏览器或渲染引擎，而且这个引擎是现代引擎，它就可以运 行HTML5程序。HTML5程序会应用在以下几种场合。...未来几年，支持HTML5的移动浏览器将如雨后春笋，将你的应用 向HTML5迁移是很明智的，因为HTML5将很好地运行在这些设备上。...HTML5应用商店 Eric Meyer讲到了HTML5应用程序问题，他将HTML5应用成为Web Stack Apps，HTML5要获得更多关注，可以建立HTML5应用商店。
SVG与Canvas是HTML5上绘制图形应用的两种完全不同模式的技术，两种绘制图形方式各有优缺点，但两者并非水火不容，尤其是SVG内容可直接绘制在Canvas上的功能，使得两者可以完美的融合在一起，让...《基于HTML5的Drag and Drop生成图片Base64信息》这篇虽然展示的是拖拽普通栅格图片的效果，但你也可以直接拖拽SVG格式的图片进行显示，只不过普通图片的格式数据为data:image/...+ 0.02; if(percent > 1){ percent = 0; } node.a('percent', percent); }, 16); SVG绘制到Canvas还有一种特殊的应用场景
流行前VML和SVG算是真正纯种Web方案也是有不少应用，近些年随着HTML5的流行，加上移动终端对HTML5支持的普及，越来越多新项目开始采用真正纯HTML5的方案，更具体的说大数据量应用性能高于SVG...纯HTML5方案默认方案肯定会弱于Native方案，但HTML5浏览器标准也一直在完善，最近提出的screen.orientation.lock(‘landscape’) or screen.orientation.lock...对于部分HTML5的应用页面，用户需要嵌入Native App的WebView和Native应用界面做集成，以前这种方案特别是在Android端总会让我发毛，老的Android的WebView组件集成的奇烂的...HTML5应用的渗透力在去年基于HTML5的神经猫游戏，在微信中的病毒式快速传播已被业界真正认识到其力量，如今微信已经成为游戏、广告等各行各业应用的重要入口，同样基于HT for Web的Web SCADA...工控移动应用也可在微信中传播使用，以下附上几张基于HT for Web客户项目的应用抓图，是的基于HTML5，监控可以如此简单，真正做到在你掌控之内： http://www.hightopo.com/demo
上篇我们通过定制了CPU和内存展示界面，体验了HT for Web通过定义矢量实现图形绘制与业务数据的代码解耦及绑定联动，这类案例后续文章还会继续以便大家掌握更多的矢量应用场景，本篇我们先切换个话题，谈谈模型...Adobe的Flex和微软的Silverlight/WPF本被业界寄予厚望，没想这哥俩如匆匆过客被老东家抛弃了，但他们还是推动了MVP和MVVM设计模式的普及，如今HTML5领域的KnockoutJS、...这几个自定义组件必掌握函数的细节，SL/WPF老手想不起来定义一个DependencyProperty属性除了AffectsRenderer和AffectsMeasure还有多少要考虑的因素，上段提到的一堆新兴的HTML5...性能问题倒不用担心，毕竟这方面任务大部分情况都是交由框架实现者去考虑，但不需要用户深入了解框架的实现细节，并不意味着用户可以完全不关系基本架构脉络，框架应用者还是有必要了解模型-视图-事件之间的引用关联关系...这个案例只是为了测试方便因此将dataModel对象作为全局变量，所以引发了一些列内存泄露的资源不足问题，一般项目应用中不用的组件不需要考虑这么复杂，例如还需要断开dataModel引用这些步骤，常规应用场景中例如一个对话框打开后
www.hightopo.com/blog/194.html)我们通过定制了CPU和内存展示界面，体验了HT for Web通过定义矢量实现图形绘制与业务数据的代码解耦及绑定联动，这类案例后续文章还会继续以便大家掌握更多的矢量应用场景...Adobe的Flex和微软的Silverlight/WPF本被业界寄予厚望，没想这哥俩如匆匆过客被老东家抛弃了，但他们还是推动了MVP和MVVM设计模式的普及，如今HTML5领域的KnockoutJS、...这几个自定义组件必掌握函数的细节，SL/WPF老手想不起来定义一个DependencyProperty属性除了AffectsRenderer和AffectsMeasure还有多少要考虑的因素，上段提到的一堆新兴的HTML5...性能问题倒不用担心，毕竟这方面任务大部分情况都是交由框架实现者去考虑，但不需要用户深入了解框架的实现细节，并不意味着用户可以完全不关系基本架构脉络，框架应用者还是有必要了解模型-视图-事件之间的引用关联关系...这个案例只是为了测试方便因此将dataModel对象作为全局变量，所以引发了一些列内存泄露的资源不足问题，一般项目应用中不用的组件不需要考虑这么复杂，例如还需要断开dataModel引用这些步骤，常规应用场景中例如一个对话框打开后
结合 《数百个 HTML5 例子学习 HT 图形组件 – 拓扑图篇》可以容易理解构建一个拓扑界面基本上就是操作 DataModel 数据模型，以下为构建上图界面效果的模型代码部分： // init data...当然真实的系统不会像上述代码这样写死内容，一般用户通过后台数据查询，然后再根据后台数据动态创建拓扑节点、连线、组、子网等图元内容，并填充如图元名字、连线颜色、告警内容等属性信息，而因为 HT 技术基于 HTML5...edge.setName('Hello World\nwww.hightopo.com'); 这里 \n 顾名思义就是换行的意思，当然除了换行外，还可以有垂直布局等等花哨的展示形态，可参考《网络拓扑图上文本的巧妙应用...以上创建网络图元、设置图元连线关系、配置图元风格属性、进行图元布局摆放就是构建拓扑图的几个基本步骤，其实熟悉了 HT 分分钟就能开发出像模像样的 HTML5 网络拓扑图应用，如果需要数据存储可参考《HT...更多 HTML5 拓扑图例子可参考：http://www.hightopo.com/demos/index.html ?
供水管网等工业自动化领域 Web SCADA 的概念已经提出了多年，早些年的 Web SCADA 前端技术大部分还是基于 Flex、Silverlight 甚至 Applet 这样的重客户端方案，在 HTML5...流行前 VML 和 SVG 算是真正纯种 Web 方案也是有不少应用，近些年随着 HTML5 的流行，加上移动终端以及浏览器对 HTML5 支持的普及，越来越多新项目开始采用真正纯 HTML5 的方案...，更具体的应该说是大数据量应用性能高于 SVG 的 Canvas 方案，已经逐渐成为当今 Web SCADA 前端技术的首选标配方案。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM
