最新 | 最热门 | 最高评价

+0  离线存储

Tag: 前端开发 | html5
崔凯 发于 2012年03月08日 10:39 | 点击: 17803 | 展开摘要
开发WebApp时,遇到一个问题:

如果把页面配置到服务器上,当服务器挂掉或者用户离线的时候,那这个App也就没法工作了。

而当我把页面打包进App里面,又有一个新问题,更新不方便。每次更新的时候都要重新提交。

部门就此组织了一次《application cache》的相关讨论。使用离线存储,来解决上述问题:

view-source:http://uicss.cn/test/coolcode.html

这是一个打包进App的应用地址,阅读源代码可以看到,html标记

查看全文: http://www.udpwork.com/item/6959.html

+0  HTML6 展望

Tag: Web开发 | 技术读物 | HTML | HTML5 | HTML6 | Web
jnj 发于 2014年12月06日 12:41 | 点击: 8295 | 展开摘要
HTML5 概述

HTML5 是 HTML 语言最受欢迎的版本之一,它支持音频和视频、离线存储、移动端、和标签属性等等。还提供了<article>, <section>, <header>这样的标签来帮助开发者更好地组织页面内容。然而 HTML5 规范仍然没有最后定稿,并且它并不是一个真正意义上的语义标记语言。

HTML6 展望

你有没有曾经希望能在 HTML 中使用自定义标签?比如:使用<logo>来显示你的网站logo

查看全文: http://www.udpwork.com/item/13608.html

+0  Phonegap + HTML5 开发经验小结

Tag: 移动开发 | html5 | Phonegap
admin 发于 2012年03月15日 22:16 | 点击: 4854 | 展开摘要
        去年曾对Phonegap做过一次调研,当时还是1.1版本,印象也一般。对他的性能以及真实的跨平台能力都不太确定。今年过完春节至今正好有机会参与了一个纯Phonegap + HTML5开发的项目,项目至今已经完成了一期的App Store提交,所以也正好能抽时间来小结一下。一个月左右的开发过程让我对这种开发模式有了更深的认识,这对于前端开发人员而言绝对是一个大的机会。Phonegap Nati

查看全文: http://www.udpwork.com/item/6992.html

+0  开源轻量级HTML5游戏引擎gin简介

Tag: 游戏 | HTML5 | 浏览器 | javascript | 互联网 | 程序 | gin | 框架 | canvas | 技术文章 | 工作
Huan Du 发于 2011年02月09日 00:31 | 点击: 3987 | 展开摘要
HTML5 canvas让程序员自由的绘制想要的图形和动画,使得纯粹基于HTML/Javascript/CSS的游戏铺平了道路。只不过canvas最初并非为游戏而设计,而且除了绘图以外,做游戏还有不少其他事情要考虑,例如鼠标键盘事件、图层、动画等。为了方便程序员开发游戏,游戏框架/引擎陆续被开发出来,gin就是其中之一。

Project home: https://github.com/huandu/gin

Author: Huan Du (blog, twitter)

查看全文: http://www.udpwork.com/item/4234.html

-2  Phongap开发问题汇总

Tag: 移动开发 | html5 | Phonegap
admin 发于 2012年03月15日 23:04 | 点击: 3824 | 展开摘要
Phonegap相关

1. 隐藏顶部的状态栏

         在xxx-Info.plist中新增一项属性:"Status bar is initially hidden" = YES;此外,还可以增加其他的属性,例如Launch image等。

2. 用户滑动Webview时,正常情况下会超出边界然后弹回来,也就是Bounce,可以通过以下方式禁止这种行为:

在Ap

查看全文: http://www.udpwork.com/item/6993.html

+0  HTML5实战之本地存储(1) - 兼容性与存储监听

Tag: Javascript | html5
admin 发于 2011年08月04日 18:18 | 点击: 3235 | 展开摘要
很早之前调研过HTML5的本地存储-《DOM Storage全解析》,大致上对localStorage、sessionStorage等API做了下了解,但是一直没有机会真正的在项目中使用。终于这次借重构Web IM的机会,对本地存储做了更深入的使用,除了基本的API使用之外还在次基础上封装了一些应用层的库,例如Tab之间的操作同步、Tab之间的请求同步等。本文主要做一个阶段性的经验总结。

一、localStorge onstorage事件的兼容性

1. 触发情况

IE8

查看全文: http://www.udpwork.com/item/5588.html

+0  以圆桌骑士为例浅尝HTML5游戏开发

Tag: 编程技术 | canvas | html5 | IE9 | 圆桌骑士 | 游戏开发
editor 发于 2011年06月23日 18:25 | 点击: 3146 | 展开摘要
随着XHTML的逐渐式微,Chrome,Safari,FireFox,Opera等现代浏览器正在积极完善HTML5实现,IE9也加入到标准的行列并将在今年上半年发布正式版,HTML5时代来临了。

在各种HTML5特性中,最吸引人的莫过于canvas标签,其提供的绘图API将颠覆以往web表现力匮乏的形象。随着浏览器对canvas的普遍支持,利用canvas实现的web应用会出现爆发性的增长。

本人尝试了使用canvas开发2d卷轴游戏,与大家分享。

本文将不介绍canv

查看全文: http://www.udpwork.com/item/5339.html

+0  HTML5实战之本地存储(3) - 请求同步

Tag: Javascript | html5
admin 发于 2011年08月05日 14:22 | 点击: 3000 | 展开摘要
在实际上项目当中,经常需要使用短轮询(每隔一定时间就向服务器发送一次请求,请求通常会立即返回)和长轮询(每次请求服务器会Hold一段时间直到有新数据或者超时,客户端收到数据后会立即进行下一次请求)来从服务器拉取数据,然后动态的更新页面。随着功能的增加,一个页面中往往存在不止一个这样的轮询请求,而且在用户开启多个Tab页面时,总得请求数会翻倍。而“请求同步”指的是在以上场景中,即使是开启多个Tab也只有一个Tab页面维持轮询连接,一旦数据返回后,就将数据同步到其他无连接的页面,

查看全文: http://www.udpwork.com/item/5591.html

+1  HTML5技术的调研以及贴吧应用总结

Tag: 贴吧技术 | html5 | 前端开发
editor 发于 2012年07月12日 21:15 | 点击: 2959 | 展开摘要
文档简介:

贴吧在进行HTML5技术应用的过程中,进行了一系列的技术调研;本文对HTML5的技术调研进行总结,尽可能客观的分析解答对HTML5技术的一些疑问,给出产品、技术上的一些决策建议。

对于文中的内容以及表述,也热切希望能得到大家进一步的指正和交流。

1. HTML5的发展现状及趋势

1.1 HTML5简介

HTML5是一套技术标准、规范,它定义了一系列的API编程接口和HTML规范(本文中将CSS3也默认涵盖到HTML5的技术范畴);HTML5的运用和推广,

查看全文: http://www.udpwork.com/item/7695.html

+0  Javascript代码体积优化的变态技巧

Tag: HTML5 | javascript | 程序 | canvas | 技术文章 | js1k
Huan Du 发于 2012年02月26日 18:54 | 点击: 2915 | 展开摘要
最近看到了js1k网站上的比赛,突然很有兴趣参加一把,于是写了一个自己的作品Save Messed Up Love放了上去。

所有提交的作品必须用小于1024B的javascript实现,我花了一些精力用一些变态技巧优化用工具精简过的代码体积,成功将代码从原来的1271B减到988B,空出的代码让我有空间增加一些额外的功能。在这里给大家分享一下这些变态技巧,注意,千万不要在实际项目中使用。

首先介绍一些不变态的技巧,算是入门级的内容,其要点是时间换空间,这是与jslint

查看全文: http://www.udpwork.com/item/6903.html

+0  HTML5实战之桌面通知

Tag: Javascript | html5
admin 发于 2011年08月07日 20:57 | 点击: 2833 | 展开摘要
桌面通知功能能够让浏览器即使是最小化状态也能将消息通知给用户。这和WebIM是最为天然的结合。不过,目前支持Desktop Notification功能的浏览器只有Chrome5+。

关于通知的基础知识可以参考以下文档:

W3C标准:http://dev.w3.org/2006/webapi/WebNotifications/publish/Notifications.html

使用教程:http://www.html5rocks.com/en/tutorials/no

查看全文: http://www.udpwork.com/item/5605.html

+0  从网页监听Android设备的返回键

Tag: Android | JS | Web那些事 | 快乐的码农 | 未分类 | 移动开发 | android | html5 | 历史记录 | 返回键
iAzrael 发于 2013年02月04日 17:52 | 点击: 2651 | 展开摘要
最近搞Android项目的时候,遇到一个比较蛋疼的需求,需要从Client App调用系统浏览器打开一个页面,进行杂七杂八的一些交互之后,返回到App。如何打开浏览器和如何返回App这里就不说了,有兴趣的童鞋可私下交流。

之所以说这个需求蛋疼,是因为Android有个物理返回键啊……返回键啊……键啊……啊……

用户按下返回键后,预期应该跟点击页面上的返回键一样——返回App。然而这个返回键的被按下的时候网页完全不知道啊(onbeforeunload不算),找不到直接的办法

查看全文: http://www.udpwork.com/item/9593.html
|<<<12>>>| 一共2页, 24条记录