HTML5让Web开发人员用纯HTML技术开发富客户端互联网应用或者甚至本地桌面应用成为了可能。HTML5可以将任何普通网站转变成Web应用。HTML5 web 应用不仅具有在桌面浏览器应用中的优势，同时在智能手机和平板中也是开发利器。 在手机端，有一个非常棒的工具叫做PhoneGap，使用这个快速开发平台，任何人都可以使用HTML5+CSS3+JavaScript开发出安卓，iOS等应用。PhoneGap的最好的一个特点是，你并不需要联网，不需要连接web服务器，你可...
实例使用 data-* 属性来嵌入自定义数据：<ul> <li data-animal-type="bird">Owl</li> <li data-animal-type="fish">Salmon</li> <li data-animal-type="spider">Tarantula</li> </ul>浏览器支持IE、Firefox、Chrome、Safari、Opera所有主流浏览器都支持 data-* 属性。定义和用法data-* 属性用于存储页面或应用程序的私有自定义数据。data-* 属性赋予我们在所有 HTML 元素上嵌入自定义 data 属性的能力。存储的（自定义）数据能够...
前言本文为开发nw中遇到的各种问题，仅以记录供备忘以及遇到相同问题的人的一点点解决思路。1. package.json中的window字段无效原因：package.json中的window字段，只在main字段为*.html或是外部网址时有效，当为 *.js时是无效的。{"name": "blog","main": "http://php.cn/",//main为网址，下方的window设定有效//"main": "index.html",//main为 *.html，下方的window设定有效//"main": "index.js?1.1.11",//main为 *.js，下方的wi...
离线应用程序缓存功能允许我们指定Web应用程序所需的全部资源，这样浏览器就能在加载HTML文档时把它们都下载下来。1)定义浏览器缓存：启用离线缓存——创建一个清单文件，并在html元素的manifest属性里引用它；指定离线应用程序里要缓存的资源——在清单文件的顶部或者CACHE区域里列出资源；指定资源不可用时要显示的备用内容——在清单文件的FALLBACK区域里列出内容；指向始终向服务器请求的资源——在清单文件的BETWORK区域里列出...
一直以来，Web 应用程序被局限在一个单线程世界中。这的确限制了开发人员在他们的代码中的作为，因为任何太复杂的东西都存在冻结应用程序 UI 的风险。通过将多线程引入 Web 应用程序，Web Workers 扭转了这一不利局面。这对于大部分应用程序逻辑都位于客户端的移动 Web 应用程序来说尤其有用。在本文中，您将了解如何使用 Web Workers 并发现哪些任务最适合它们。您还将看到如何使用其他 HTML 5 技术才能提高使用那些技术的效率...
清单 4. loadDeals 函数 var deals = []; var sections = []; var dealDetails = {}; var dealsUrl = "http://deals.ebay.com/feeds/xml"; function loadDeals(){var xhr = new XMLHttpRequest();xhr.onreadystatechange = function(){if (this.readyState == 4 && this.status == 200){var i = 0;var j = 0;var dealsXml = this.responseXML.firstChild;var childNode = {};for (i=0; i< dealsXml.childNodes.length;i++){childNo...
web应用程序的主要制约之一就是连接性。在HTML5到来之前我们就曾想挖掘浏览器的能力，以使web应用程序能像桌面应用程序一样功能强大和易于使用，但浏览器始终让我们感到失望。虽然之前已出现了一些浏览器缓存技术，但这些缓存技术的设计初衷并不是为了使web应用程序能够完全地离线运行，令人遗憾的是，事实上使用这些技术的web应用程序很容易出问题，而且难于使用。HTML5试图通过离线应用程序缓存( offline application cache)技术...
一套用于web应用数据管理和应用程序通讯的 jQuery 组件库。提供简单易用的API接口。Amplify的目标是通过为各种数据源提供一个统一的程序接口简化各种格式数据的数据处理。Amplify的存储组件使用localStorage 和 sessionStorage标准处理客户端的存储信息，对一些老的浏览器支持可能有问题。Amplify’为jQuery的ajax方法request增加了一些额外的特性。在线演示 Sources.
1-HTML5 Canvas Collage基于HTML5 Canvas开发的拼贴应用，每个图层都可以按不同的方式进行改变，例如移动、缩放、旋转、透明度、阴影等，还可以调整层叠顺序。 2-Full Schedule一个简单的日程应用，足以应用于工作，家务，锻炼计划等等各种需要记录下来的事情。 3-Plan5 HTML5 Task OrganizerPlan 5 是一个任务组织、计划和定时应用，可用于任务计划。 4-Taskboard 10kTaskboard 10k是一个轻量的在线白板应用，简单应用，可作为一个...
今天我们的内容是关于如何创建离线web应用，他的好处是可以让浏览器下载我们指定的web资源，这样用户在离线状态下也能正常使用我们的站点。 1.定义Manifest 我们使用manifest列举出需要离线时访问的资源，他本身是一个文本类型的文件，第一行经常是CACHE MANIFEST，然后列举我们需要的资源，每行一个。文件没有固定的命名规则，后缀名也没有要求，唯一的要求就是需要把后缀名在服务器端以text/cache-manifest的MIME类型定义。 如果...
大多数针对Web应用程序的攻击都非常隐蔽，不容易发现。从2015威瑞森数据泄漏调查报告来看，攻击者平均可以在网络上潜伏205天不被发现。许多组织都是从其他人那里发现安全受到了威胁。近日，InfoWorld资深编辑Fahmida Y. Rashid在一篇文章中分析了Web应用程序遭黑客入侵的五大征兆，并提出了一些确保应用程序安全的建议。征兆1：应用程序行为反常 应用程序监控是发现可疑行为的最好方式。Fahmida提到了以下几种异常行为：从数据库...
主要内容 标签栏多视图和导航栏多视图的区别 用Storyboard构建标签栏多视图应用程序 简述 标签栏应用程序是一种多视图应用程序，它在屏幕底端显示一行按钮，称为标签栏（tab bar）。单机某个按钮就会激活一个新的视图控制器（标签页），并显示一个新视图，同时底部任然保留着标签栏。如下图所示的3个标签栏。 另一种常见的多视图iPhone应用程序是基于导航的应用程序，这类应用程序拥有一个导...
Mobile App Introduction Template 是一个基本的网站模板，展示您的应用程序的最佳功能，丰富了视频滑块，让用户更好的理解。这是一个可定制，响应式的模板，可以让视频滑块变成桌面屏幕。 官方网站 源码下载
1.atom/electron github: https://github.com/atom/electron 中文文档： https://github.com/atom/electron/tree/master/docs-translations/zh-CN 2.下载 electron-v0.36.5-win32-x64 https://github.com/atom/electron/releases/download/v0.36.5/electron-v0.36.5-win32-x64.zip 3.新建一个项目-快速入门： https://github.com/atom/electron/blob/master/docs-translations/zh-CN/tutorial/quick-start.md 大体上...
Web应用程序是用于创建动态网站。Java提供的Web应用程序通过servlets和JSP的支持。我们可以创建一个静态HTML页面的网站，但当我们想要的信息是动态的(和网站有交互),需要的Web应用程序。 本文的目的是提供Web应用程序的不同组件基本资料以及我们如何使用Servlet和JSP来创建我们的Java Web应用。 Web服务器和客户端 Web服务器是一个软件，可以处理客户端的请求和发送响应给客户端。例如，Apache是一种使用最广泛的Web服务器。We...