新足迹 › 论坛 › 兴趣爱好区 › IT与科技 › IT专业论坛 › HTML5 的确比较有意思

精华好帖回顾
· 搬家后应该通知的机构，请大家补充 (2005-5-16) horseanddragon	· Michael Jackson 超白金歌曲（87楼起有奖竞猜！10月31日截止） (2008-9-4) steveking
· 儿时的最爱--椒盐酥皮点心 (2009-1-10) little_bw	· 三年理财经验谈－I work hard myself, and I want my money to work harder for me! (2007-12-22) Devil_Star

12 / 2 页下一页

查看: 3477|回复: 38

HTML5 的确比较有意思 [复制链接]

dalaohu

金靴族

发表于 2010-11-18 15:53 |显示全部楼层

此文章由 dalaohu 原创或转贴，不代表本站立场和观点，版权归 oursteps.com.au 和作者 dalaohu 所有！转贴必须注明作者、出处和本声明，并保持内容完整

刚做了个HTML5 的小code，离线web database, 数据全部存在client 的browser。

实际用途的话，比如你把足迹的内容抓来都，可以都存在客户端，用户在手机的native app里浏览本地的离线数据，你想想那个速度哦。。。

<script language="javascript" type="text/javascript">
var db = null;

initDB();
insertData();
selectData();

function initDB() {
      try {
         db = window.openDatabase("TestDB2", "", "Test db", 1024 * 1000);

         if (db) {
            db.transaction(function (tx) {
                  tx.executeSql("CREATE TABLE IF NOT EXISTS Users (id INTEGER UNIQUE, Fname TEXT)", []);
            });
         } else {
            alert("error trying to open db");
         }
      } catch (e) {
         alert("error");
      }
}

function insertData() {
      try {
         db.transaction(function (tx) {
            tx.executeSql("INSERT INTO Users (id, Fname) values (1, 'Tom')");
         });
      } catch (e) {
         alert(e);
      }
}

function selectData() {
      try {
         db.transaction(function (tx) {
            tx.executeSql("SELECT id, Fname FROM Users", [], function (tx, results) {
                  $("#status").append("Total Rows: " + results.rows.length);
                  for (var i = 0; i < results.rows.length; i++) {
                     $("#status").append("<br/>" + results.rows.item(i).id + " --- " + results.rows.item(i).Fname + "<br/>");
                  }
            });
         });
      } catch (e) {
         alert(e);
      }
}

</script>

<!DOCTYPE html>
<div id="status"></div>

评分

参与人数 1	积分 +4	收起理由
kr2000	+ 4	感谢分享

查看全部评分

足迹 Reader is phenomenal. If you never used, you never lived 火速下载

kawara

水晶靴族

发表于 2010-11-18 15:55 |显示全部楼层

此文章由 kawara 原创或转贴，不代表本站立场和观点，版权归 oursteps.com.au 和作者 kawara 所有！转贴必须注明作者、出处和本声明，并保持内容完整

实际用途的话，比如你把足迹的内容抓来都，可以都存在客户端，你想想那个速度哦（慢）。。还不能刷300贴

dalaohu

金靴族

发表于 2010-11-18 15:55 |显示全部楼层

此文章由 dalaohu 原创或转贴，不代表本站立场和观点，版权归 oursteps.com.au 和作者 dalaohu 所有！转贴必须注明作者、出处和本声明，并保持内容完整

代码是完全工作的。你可以在到你本机试一下看。

我手头没有IE9，

只有Chrome 可以。FF不行

dalaohu

金靴族

发表于 2010-11-18 15:58 |显示全部楼层

回复 2# 的帖子

此文章由 dalaohu 原创或转贴，不代表本站立场和观点，版权归 oursteps.com.au 和作者 dalaohu 所有！转贴必须注明作者、出处和本声明，并保持内容完整

新的内容抓来就直接存本地数据库。

怎么会慢？翻页，点击条目，速度都是instant 的。

kawara

水晶靴族

发表于 2010-11-18 16:01 |显示全部楼层

此文章由 kawara 原创或转贴，不代表本站立场和观点，版权归 oursteps.com.au 和作者 kawara 所有！转贴必须注明作者、出处和本声明，并保持内容完整

90年代我刚刚上网的时候，那时候网速很慢。我就用类似你的方法先离线下载一个网站，然后再浏览。

没想到又流行回来了。

你升级一个iphone4吧，上网很快的

kawara

水晶靴族

发表于 2010-11-18 16:02 |显示全部楼层

此文章由 kawara 原创或转贴，不代表本站立场和观点，版权归 oursteps.com.au 和作者 kawara 所有！转贴必须注明作者、出处和本声明，并保持内容完整

不过你的app至少有一个好处，可以浏览被管理员删掉或者炸楼的帖子

dalaohu

金靴族

发表于 2010-11-18 16:03 |显示全部楼层

此文章由 dalaohu 原创或转贴，不代表本站立场和观点，版权归 oursteps.com.au 和作者 dalaohu 所有！转贴必须注明作者、出处和本声明，并保持内容完整

搞java的思路的确独到 :)

kr2000

白金靴族

发表于 2010-11-18 16:04 |显示全部楼层

此文章由 kr2000 原创或转贴，不代表本站立场和观点，版权归 oursteps.com.au 和作者 kr2000 所有！转贴必须注明作者、出处和本声明，并保持内容完整

很酷，手机用户和慢网速用户的福音

加上从server的异步读取数据，慢一慢的app也可以很快啦

rogerk

皮靴族

发表于 2010-11-18 16:12 |显示全部楼层

此文章由 rogerk 原创或转贴，不代表本站立场和观点，版权归 oursteps.com.au 和作者 rogerk 所有！转贴必须注明作者、出处和本声明，并保持内容完整

这就是浏览器里带了个轻量级的db阿。。最后真的会发展到浏览器里什么都带么？

dalaohu

金靴族

发表于 2010-11-18 16:15 |显示全部楼层

回复 9# 的帖子

此文章由 dalaohu 原创或转贴，不代表本站立场和观点，版权归 oursteps.com.au 和作者 dalaohu 所有！转贴必须注明作者、出处和本声明，并保持内容完整

the future is now man

HTML5 就是一个super fat client。

Chrome OS整个不就是一个browser吗

kr2000

白金靴族

发表于 2010-11-18 16:19 |显示全部楼层

此文章由 kr2000 原创或转贴，不代表本站立场和观点，版权归 oursteps.com.au 和作者 kr2000 所有！转贴必须注明作者、出处和本声明，并保持内容完整

前端开发将大于后台了

乱码

银靴族

发表于 2010-11-18 16:21 |显示全部楼层

此文章由乱码原创或转贴，不代表本站立场和观点，版权归 oursteps.com.au 和作者乱码所有！转贴必须注明作者、出处和本声明，并保持内容完整

html5的offline功能一直因为安全问题被业界诟病，不怎么太看好它.

dalaohu

金靴族

发表于 2010-11-18 16:23 |显示全部楼层

此文章由 dalaohu 原创或转贴，不代表本站立场和观点，版权归 oursteps.com.au 和作者 dalaohu 所有！转贴必须注明作者、出处和本声明，并保持内容完整

抛砖引玉啊。 tx们说说 html5 的其他方面。

可以科普一下。

rogerk

皮靴族

发表于 2010-11-18 16:29 |显示全部楼层

此文章由 rogerk 原创或转贴，不代表本站立场和观点，版权归 oursteps.com.au 和作者 rogerk 所有！转贴必须注明作者、出处和本声明，并保持内容完整

原帖由 dalaohu 于 2010-11-18 16:15 发表
the future is now man

HTML5 就是一个super fat client。

Chrome OS整个不就是一个browser吗

这发展下去不就是个ＯＳ么。。那写ｈｔｍｌ页面跟写应用程序也没啥差别的，除了一个是binary的，一个是text的。

rogerk

皮靴族

发表于 2010-11-18 16:30 |显示全部楼层

此文章由 rogerk 原创或转贴，不代表本站立场和观点，版权归 oursteps.com.au 和作者 rogerk 所有！转贴必须注明作者、出处和本声明，并保持内容完整

原帖由 dalaohu 于 2010-11-18 16:23 发表
抛砖引玉啊。 tx们说说 html5 的其他方面。

可以科普一下。

我想知道ｈｔｍｌ５的ｃａｎｖａｓ怎么回事，ｖｅｃｔｏｒ　ｇｒａｐｈｉｃｓ倒是支持到什么程度。

dalaohu

金靴族

发表于 2010-11-18 16:34 |显示全部楼层

此文章由 dalaohu 原创或转贴，不代表本站立场和观点，版权归 oursteps.com.au 和作者 dalaohu 所有！转贴必须注明作者、出处和本声明，并保持内容完整

原帖由乱码于 2010-11-18 16:21 发表
html5的offline功能一直因为安全问题被业界诟病，不怎么太看好它.

跟cookie不是一个意思吗， cookie用的大行其道的。
看了w3c的说法，说这个比cookie好，解决了一些cookie不足之初。

足迹 Reader is phenomenal. If you never used, you never lived 火速下载

典

银靴族

发表于 2010-11-18 16:46 |显示全部楼层

此文章由典原创或转贴，不代表本站立场和观点，版权归 oursteps.com.au 和作者典所有！转贴必须注明作者、出处和本声明，并保持内容完整

IE9 supports canvas and svg,

典

银靴族

发表于 2010-11-18 16:48 |显示全部楼层

此文章由典原创或转贴，不代表本站立场和观点，版权归 oursteps.com.au 和作者典所有！转贴必须注明作者、出处和本声明，并保持内容完整

原帖由 kawara 于 2010-11-18 15:01 发表
90年代我刚刚上网的时候，那时候网速很慢。我就用类似你的方法先离线下载一个网站，然后再浏览。

没想到又流行回来了。

你升级一个iphone4吧，上网很快的 ...

That's totally different

乱码

银靴族

发表于 2010-11-18 16:51 |显示全部楼层

此文章由乱码原创或转贴，不代表本站立场和观点，版权归 oursteps.com.au 和作者乱码所有！转贴必须注明作者、出处和本声明，并保持内容完整

原帖由 dalaohu 于 2010-11-18 16:34 发表

跟cookie不是一个意思吗， cookie用的大行其道的。
看了w3c的说法，说这个比cookie好，解决了一些cookie不足之初。

html5的标准很让一些人不以为然，yahoo的一些闲人就是他们其中的一些.

http://www.nczonline.net/blog/20 ... -side-data-storage/

http://www.networkworld.com/news ... s-new-security.html

bulaohu

钻石靴族

发表于 2010-11-18 16:55 |显示全部楼层

此文章由 bulaohu 原创或转贴，不代表本站立场和观点，版权归 oursteps.com.au 和作者 bulaohu 所有！转贴必须注明作者、出处和本声明，并保持内容完整

原帖由 rogerk 于 2010-11-18 16:29 发表

这发展下去不就是个ＯＳ么。。那写ｈｔｍｌ页面跟写应用程序也没啥差别的，除了一个是binary的，一个是text的。

you don't write programs in binary either...just sayin...

dalaohu

金靴族

发表于 2010-11-18 16:58 |显示全部楼层

回复 19# 的帖子

此文章由 dalaohu 原创或转贴，不代表本站立场和观点，版权归 oursteps.com.au 和作者 dalaohu 所有！转贴必须注明作者、出处和本声明，并保持内容完整

html5 的安全性绝对是个大课题。可以access local的很多资源。

porcorosso

金靴族

发表于 2010-11-19 08:50 |显示全部楼层

此文章由 porcorosso 原创或转贴，不代表本站立场和观点，版权归 oursteps.com.au 和作者 porcorosso 所有！转贴必须注明作者、出处和本声明，并保持内容完整

比如你把足迹的内容抓来都

Mr.Tiger, how do we achieve this step thou? the data is fully dynamic + updated every second, by the time all data has been downloaded it becomes outdated straight away.

This is also the problem that i do not have question yet: how to take advantage of offline storage for dynamic content? or it is simply not possible in technical point of view? or unless there is a sync worker behind the scene?

rogerk

皮靴族

发表于 2010-11-19 08:55 |显示全部楼层

此文章由 rogerk 原创或转贴，不代表本站立场和观点，版权归 oursteps.com.au 和作者 rogerk 所有！转贴必须注明作者、出处和本声明，并保持内容完整

原帖由 bulaohu 于 2010-11-18 16:55 发表

you don't write programs in binary either...just sayin...

no, but the program you download from Internet is most likely binary executable, while for HTML 5 it will be just text.

dalaohu

金靴族

发表于 2010-11-19 09:20 |显示全部楼层

回复 22# 的帖子

此文章由 dalaohu 原创或转贴，不代表本站立场和观点，版权归 oursteps.com.au 和作者 dalaohu 所有！转贴必须注明作者、出处和本声明，并保持内容完整

Your local content is as new as your last sync.

Sync is way efficient than pulling full conent every request espeially for mob device.

porcorosso

金靴族

发表于 2010-11-19 09:25 |显示全部楼层

回复 24# 的帖子

此文章由 porcorosso 原创或转贴，不代表本站立场和观点，版权归 oursteps.com.au 和作者 porcorosso 所有！转贴必须注明作者、出处和本声明，并保持内容完整

LOL at least my idea is correct. anyone wants to try to write for oursteps? name it mobile.oursteps.com.au and always show top 300 topics.

nariko

金靴族

发表于 2010-11-19 09:33 |显示全部楼层

此文章由 nariko 原创或转贴，不代表本站立场和观点，版权归 oursteps.com.au 和作者 nariko 所有！转贴必须注明作者、出处和本声明，并保持内容完整

有啥软件可以调试javascript的不，类似visual studio的提示和纠错功能

kr2000

白金靴族

发表于 2010-11-19 09:42 |显示全部楼层

回复 26# 的帖子

此文章由 kr2000 原创或转贴，不代表本站立场和观点，版权归 oursteps.com.au 和作者 kr2000 所有！转贴必须注明作者、出处和本声明，并保持内容完整

firefox上的firebug,web developer,等等 plugin
ie8自带的development tool也不错
乱码兄之前说chrome自带的更牛

kawara

水晶靴族

发表于 2010-11-19 09:55 |显示全部楼层

此文章由 kawara 原创或转贴，不代表本站立场和观点，版权归 oursteps.com.au 和作者 kawara 所有！转贴必须注明作者、出处和本声明，并保持内容完整

大老虎这个程序也许很好玩，但是确实看不出有啥实际value.

等我有时间了，我做个程序每10秒钟？扫描新足迹，记录一切内容和activity，删帖的，炸楼的，改贴的，都逃不过我的眼睛。

嵌入式(embed)数据库应该就足够了。

[ 本帖最后由 kawara 于 2010-11-19 09:57 编辑 ]

评分

参与人数 1	积分 +3	收起理由
kr2000	+ 3	偶对你的景仰如滔滔江水

查看全部评分

dalaohu

金靴族

发表于 2010-11-19 10:08 |显示全部楼层

此文章由 dalaohu 原创或转贴，不代表本站立场和观点，版权归 oursteps.com.au 和作者 dalaohu 所有！转贴必须注明作者、出处和本声明，并保持内容完整

这个贴是讨论html5 功能的。

看样子足迹这个词太敏感，我不该用他来举例子。

典

银靴族

发表于 2010-11-19 10:10 |显示全部楼层

此文章由典原创或转贴，不代表本站立场和观点，版权归 oursteps.com.au 和作者典所有！转贴必须注明作者、出处和本声明，并保持内容完整

I like the idea of local storage. Some time it is helpful...

Example:
ordering page, for product navigation, we have 3 tables: catalogue -> Type - > product( is a view),
Each catalogue has 10s of Types,
Each Type has 10s of Products,
The product table (view) has a lot of information (let's say 20 fields)

Requirement:
show 3 dropdown box catalogue / type / products, but only catalogue has a list, the other two lists are empty
user selects a catalogue will create the type list according to the catalogue value selected
user selects a type will create the product list according to the type value selected
user selects a product will show product information (20 fields)

Questions: how many times we need to hit the server? (assume the user inserted 20 products to the order)
My Answer: ONE TIME ONLY

12 / 2 页下一页

返回列表

		自动登录	找回密码
密码			注册

精华好帖回顾

HTML5 的确比较有意思 [复制链接]

评分

回复 2# 的帖子

回复 9# 的帖子

回复 19# 的帖子

回复 22# 的帖子

回复 24# 的帖子

回复 26# 的帖子

评分

发表回复

浏览过的版块

2010年度奖章获得者

特殊贡献奖章