http://www.gxlcms.com/wiki/1118.html" target="_blank">HTML5的时代已经到来，程序及优化，你们准备好了没?html5在2008年发布以后，没有被迅速应用，一直在开发人员的不断的完善之中，近段时间html5已经逐渐浮出水面。跟着浏览器的升级，它的独特魅力将越来越多地展现在用户面前。 html5的魅力体现在哪里呢?HTML5是新发布的一种技术，开发者可以在没有任何设备限制的环境中开发web应用。也许html5即将更新web,使原来的平台应...
一 介绍1、<audio>和<video>元素有不少监听http://www.gxlcms.com/js/js-jspopular-guide-event.html" target="_blank">事件，因此可以绑定这些事件的监听器。2、本应用实现<video>的ontimeupdate事件的监听器。3、通过ontimeupdate事件绑定监听器可以实时监控音频、视频的播放位置。二 代码<!DOCTYPE html> <html> <head><meta name="author" content="Yeeku.H.Lee(CrazyIt.org)" /><meta http-equiv="Content-Type" content="tex...
摘要：Accordion（手风琴，又名"抽屉"）效果，因其收展样式形如手风琴而得名。通过层级关系，在信息展示和页面布局上，达到巧妙的平衡。因此，广泛运用于Web以及App交互设计中。在以往的项目中Accordion通常是由JavaScript编码实现。本次分享，着重探索两种不依靠JS，采用纯CSS3或HTML5来实现其效果。并对其优缺点作初步的对比。传统JS实现方式1、原生JavaScript2、调用JS库文件，jQuery、jQuery Mobile$.menu_lev1).clickfunction...
一、应用场景 我们通常使用浏览器http://www.gxlcms.com/php/php-tp-缓存在用户磁盘上存储web单页，在用户再次浏览的时候已节省带宽，但即便这样，依然无法在没有Internet的情况下访问Web。为了让web应用程序在离线状态也能被访问。html5通过application cache API提供离线存储功能。前提是你需要访问的web页面至少被在线访问过一次。 离线本地存储和传统的浏览器缓存有什么不同呢？ 1、浏览器缓存主要包含两类： ...
JSZip 是一款可以创建、读取、修改 .zip 文件的 javaScript 工具。在 web 应用中，免不了需要从 web 服务器中获取资源，如果可以将所有的资源都合并到一个 .zip 文件中，这时候只需要做一次请求，这样既减少了服务器的压力，同时也可以加快 web 应用的呈现速度。今天就来探讨下 JSZip 如何与 HT 应用结合。先来看看这期 Demo 的效果图： 第一步、需要将应用对相关资源打包成 .zip 文件，这是我要压缩的文件列表，把响应的资源文件...
HT for Web作为逻辑拓扑图形组件自身没有GIS功能，但可以与各种GIS引擎即其客户端组件进行融合，各取所长实现逻辑拓扑和物理拓扑的无缝融合，本章将具体介绍HT for Web与开发免费的OpenLayers地图结合应用的关键技术点，该文介绍的结合的原理，其实还可推广到与ArcGIS、百度地图以及GoogleMap等众多GIS地图引擎融合的解决方案。以上抓图为本文介绍的例子最终运行效果，接下来我们一步步来实现，首选显示地图信息需要有城市经纬度数...
该例子展示了如何构建两个节点、一条连线、以及一个 Group 的组合效果。可以容易理解构建一个拓扑界面基本上就是操作 DataModel 数据模型，以下为构建上图界面效果的模型代码部分：// init data modelhello = new ht.Node(); hello.setPosition(60, 140); hello.setName(Hello); hello.setStyle(note, I love HT); hello.setStyle(note.background, #FFA000); dataModel.add(hello);world = new ht.Node(); world.set...
随着新一轮工业革命兴起，应对气候变化日益成为全球共识，能源技术正在成为引领能源产业变革、实现创新驱动发展的源动力。从全球到中国，以风能、光伏发电为代表的新能源产业发展迅速，可再生能源发电与现代电网的融合成为了世界能源可持续转型的核心，发电技术继续沿着大规模、高效率和低成本方向持续进步，中国在风能和光伏发电领域的累计装机量和新增装机量已经跃居世界首位。相比传统能源稳定、可控的生产方式，风能、太阳能本...
在用HTML5开发手机应用或手机网页时，<head>部分总会有如下一段代码，这段代码到底什么意思呢。在网上，大家会得到很多答案。我从网上搜集了部分介绍，整理一下，以留备用。<meta name="viewport" content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;" />什么是Viewport 手机浏览器是把页面放在一个虚拟的“窗口”（viewport）中，通常这个虚拟的“窗口”（viewport）比屏...
如今HTML已经是比较热门的了，各种关于HTML5的应用程序、游戏、应用商店等也如火如荼的展开了。各大主流浏览器也纷纷开始支持HTML5标准，以备打赢新的一轮浏览器大战。 话不多说，不知道大家有没有发现，可以用比较新的版本的谷歌浏览器直接打开.mp3格式的音乐。自己可以试试： 这是用谷歌浏览器直接打开mp3文件的情况。 其实，许多新的浏览器都开始支持HTML5中<audio> <video>标签，使得一些格式的流媒体可以摆脱...
font</a>-size:24px"> 在上面一篇博文中，我介绍了HTML5应用的简易播放器，这篇博文中介绍一个比较复杂的HTML5游戏-老虎机。 寒假在家玩老虎机输了些许钱，所以自己就萌生了写个老虎机的游戏。开始打算用Visual C++编写的，但是考虑到HTML5的<canvas>对象的简便性，就打算用HTML5编写了。 同时还用ASP语言编写了个服务器，如果游戏可以推广的话，自己可以做庄家，让大家玩哦！ 但千万不要聚众赌博哦！ 言归正传，游戏的...
在讲述绘制星星动画之前，先介绍一点javascript知识。 面向对象: javascript本质上不是面向对象语言，而是脚本语言，一般只适合简单、代码量少的程序，因为脚本过于复杂会直接导致浏览器出现异常。 但是javascript还是具有面向对象的特点的。对于多过程、多对象的脚本程序还是建议构建对象，这样对于脚本的维护、修改和调用都是很方便的。javascript构造对象很简单，比起java、c++简单很多， 例如构建一辆汽车的对象:<...
这几天一直在编写一个关于生日快乐的HTML5动画（过几天就是暗恋对象生日，咱们程序员也浪漫一次，你懂的），用HTML5制作小型动画还是不错的，也比较方便。 与Flash相比，优点是通过代码和算法设计可以设计出更炫的图案和动画过程；缺点就是工作量比较大，尤其是javascript语言只提供了setInterval和setTimeout 简单的定时器，没有vc里面sleep一样方便的函数。 我把自己的作品录制成了gif小图片，包括闪烁、旋转文字，8种简单类型烟...
离线应用程序缓存功能允许我们指定Web应用程序所需的全部资源，这样浏览器就能在加载HTML文档时把它们都下载下来。1)定义浏览器缓存：启用离线缓存——创建一个清单文件，并在html元素的manifest属性里引用它；指定离线应用程序里要缓存的资源——在清单文件的顶部或者CACHE区域里列出资源；指定资源不可用时要显示的备用内容——在清单文件的FALLBACK区域里列出内容；指向始终向服务器请求的资源——在清单文件的BETWORK区域里列出...
这篇文章主要介绍了HTML5打开本地app应用的方法，如果你的手机上安装有支付宝，那么在访问支付宝手机网页时就会自动打开支付宝app，否则在页面上会提示你进行下载app，这是如何实现的？感兴趣的小伙伴们可以参考本文本文为大家分享了HTML5打开本地app应用的方法，具体内容如下首先为了保证能够打开你的app，你必须要在androidManifest.xml中配置的filter中data的属性表述。<data android:pathprefix="/taoge/open" android:scheme=...