首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

编写高性能HTML网页应用

可怜的HTML老是被忽视,尽管它一直是网络的核心语言。   HTML正在变得越来越大。排名前100的网站每个HTML页面大多在40K左右。亚马逊和雅虎使用上千个HTML页面。...HTML, CSS 和 JavaScript   HTML是一种标记语言,用于表示结构和内容。   HTML不应被用来显示风格和样式。...三个基本原则:   使用HTML表示结构,CSS用来表现不同样式的风格和主题。JavaScript来响应用户行为。   使用HTML,必要时借助CSS,并且在不得己时再添加JavaScript。...在你的BUILD系统中验证HTML:使用验证插件,如HTMLHint和SublimeLinter来检查你HTML的语法。   使用HTML5文档类型。   ...如果你想对多个元素应用某个样式,那么请使用class,在父级元素上使用class比在子级上好: <!

1.9K40
您找到你想要的搜索结果了吗?
是的
没有找到

HTML5移动应用开发

1.离线缓存为HTML5开发移动应用提供了基础 HTML5 Web Storage API可以看做是加强版的cookie,不受数据大小限制,有更好的弹性以及架构,可以将数据写入到本机的ROM中,还可以在关闭浏览器后再次打开时恢复数据...2.专为移动平台定制的表单元素 浏览器中出现的html5表单元素与对应的键盘: 类型 用途 键盘 Text 正常输入内容 标准键盘 Tel 电话号码 数字键盘 Email 电子邮件地址文本框 带有@和....丰富的交互方式支持 提升互动能力:拖拽、撤销历史操作、文本选择等 Transition – 组件的移动效果 Transform – 组件的变形效果 Animation – 将移动和变形加入动画支持 设计师要知道,HTML5...4.HTML5使用上的优势 更低的开发及维护成本; 使页面变得更小,减少了用户不必要的支出;而且,性能更好使耗电量更低; 方便升级,打开即可使用最新版本,免去重新下载升级包的麻烦,使用过程中就直接更新了离线缓存...设计师要知道,用户想要什么,HTML5能提供给用户什么。 5.CSS3 视觉设计师的辅助利器 CSS3支持了字体的嵌入、版面的排版,以及最令人印象深刻的动画功能。

2.7K80

HTML5应用 + Cordova = 平台相关的混合应用

Jerry之前的一篇文章 SAP Fiori应用的三种部署方式 曾经提到SAP Fiori应用的三种部署方式: On Premise环境下以ABAP BSP应用作为Fiori应用部署和运行的载体 部署并运行在...https://cordova.apache.org/docs/en/latest/ [1240] Cordova是一个开源的移动开发框架,允许开发人员用标准的Web技术,即HTML5,CSS3和JavaScript...WebView里加载的JavaScript和HTML文件来自于Cordova compile命令行构建出来的apk文件里。...的应用,入口是包含了sap-ui-core.js的网页,通常是index.html。...C4C应用的入口是后者,让我们看看index.html的内容: [1240] 可以看到index.html加载了两个js文件,运行了app.initialize()方法,该方法被定义在加载的第二个js文件

1.2K20

AppCan——HTMl5移动开发应用平台

AppCan是HTMl5移动开发应用平台,支持跨平台,可以简单、快速、高效开发移动应用。 倡导Hybrid App开发。 为HTML5开发提供底层Native交互能力。...本地打包 支持将web应用直接打成APK(android)安装包。 真机同步 将应用生成“AppCan调试中心”模式的安装包,使用手机安装,确保手机和pc在同一个网络内。...手机上安装成功后,打开app,输入pc的IP,登录成功后,可以看到应用的List,打开调试的应用,可以pc上IDE的控制台上看到请求。...打开手机上的“AppCan调试中心” APP,输入pc的ip地址,登录,即可看到应用的List。...API文档可以参考[这里], 覆盖了移动开发应用中的常用场景。(http://newdocx.appcan.cn/index.html?templateId=315)。

4.3K60

Html5之离线Web应用程序

Html5一大新特性、同时也是非常吸引人的特性,就是其离线功能。它让Web从online延伸到了offline领域。...(很多老教程让我们保存成cache.manifest格式,不过我最近尝试过,要保存成appcache才能生效) 2、给HTML文档头部添加manifest清单支持 <html manifest="manifest.appcache...cache-manifest                     appcache; 网上Apache的修改方式一大堆,我给来个nginx的,环境是Ubuntu 12.04 一些注意事项 上述三步之后,你就可以给你的应用添加离线功能...第二次打开html文件的时候,不论该html是否被添加到manifest的CACHE选项中,该html实际上已经被缓存,故此次打开,是加载的本地html。...  applicationCache.addEventListener( "updateready" , function(){     if( confirm( "本地缓存已更新,需要刷新画面来获取应用程序最新版本

56900

HTML5 - 应用程序缓存(Application Cache)

HTML5 Application Cache特性 HTML5 引入了应用程序缓存,这意味着 web 应用可进行缓存,并可在没有因特网连接时进行访问。...应用程序缓存为应用带来三个优势: (1)离线浏览:用户可在不介入网络时访问使用 (2)速度提升:已缓存资源加载得更快 (3)减少对服务器的请求:浏览器将只从服务器下载更新过或更改过的资源 支持情况...FALLBACK: #Files to be replaced2014.6.5 /index/ /404.html 注意:#代表注释行,看似简单的注释行却有着很大的用处,为什么这么说呢,因为应用的缓存会在其...(2)manifest文件被修改时,因为应用的缓存会在其 manifest 文件更改时被更新。...cache.status属性返回当前离线应用状态 UNCACHED ( 数值 0) :未启用离线应用 IDLE ( 数值 1) :已开启离线应用,但本地缓存的资源是最新的,并且未标记为废弃资源 CHECKING

1.2K10

Html与CSS快速入门04-进阶应用

这部分是html细节知识的学习。...快速入门系列--HTML-01简介 快速入门系列--HTML-02基础元素 快速入门系列--HTML-03高级元素和布局 快速入门系列--HTML-04进阶概念 之前介绍都是静态的HTML站点知识,这部分将简单介绍动态的...处理表单 对于html页面来说,表单是其用户交互的最重要的部分,它包含用户用于输入的区域,通常我们使用的form表单包括name,method,action属性,即使很多使用,我们会使用ajax提交,...,这种简单高效网页慢慢回归,为了让用户可以使用简单几次单击就可有收集到所有信息,对于比较大的站点,导航元素显得非常重要,这部分内容多参考不同的站点即可,对于国人来说,与美式的审美还是有一些区别,常见的Html...HTML与CSS入门经典(第9版) [M]. 北京:人民邮电出版社, 2014.

1.1K10

使用 HTML5 WebSocket 构建实时 Web 应用

实时 Web 应用的窘境 Web 应用的信息交互过程通常是客户端通过浏览器发出一个请求,服务器端接收和审核完请求后进行处理并返回结果给客户端,然后客户端浏览器将信息呈现出来,这种机制对于信息变化不是特别频繁的应用尚能相安无事...WebSocket 构建一个实时的 Web 应用,最后我们介绍了当前的主流浏览器对 HTML5 的支持情况和 WebSocket 的局限性。...不过,我们应该看到,尽管 HTML5 WebSocket 目前还有一些局限性,但是已经是大势所趋,微软也明确表达了未来对 HTML5 的支持,而且这些支持我们可以在 Windows 8 和 IE10 里看到...,我们也在各种移动设备,平板电脑上看到了 HTML5 和 WebSocket 的身影。...WebSocket 将会成为未来开发实时 Web 应用的生力军应该是毫无悬念的了,作为 Web 开发人员,关注 HTML5,关注 WebSocket 也应该提上日程了,否则我们在新一轮的软件革新的浪潮中只能做壁上观了

2K60
领券