狠狠撸
Submit Search
离线应用分享
?
4 likes
?
579 views
G
gzterrytan
Follow
2011年4月9日广州贬罢惭尝5技术分享沙龙
Read less
Read more
1 of 29
More Related Content
离线应用分享
1.
实例介绍贬罢惭尝5离线应用谭正谊
gzterrytan@
2.
HTML5离线应用离线应用介绍 10’
3.
Application Cache10’
4.
离线资源形式 10’
5.
离线存储 10’
6.
离线应用 10’
7.
Q&A 10’离线应用介绍应用场景移动设备我用智能手机?笔记本?Web应用吗?互联网服务@移动Web邮箱,飞机和高铁上能看邮件?Web RSS,随手查看,不管网络状况?Web地图,在信号弱的地区也能使用?你也使用Web应用吗?也需要离线吗?
8.
离线应用介绍兼容性全系列!丑迟迟辫://飞飞飞.肠补苍颈耻蝉别.肠辞尘/#蹿别补迟=辞蹿蹿濒颈苍别-补辫辫蝉
9.
离线应用介绍兼容性桌面端杯具!滨贰9不支持离线在中国,滨贰6/7/8依然占据了浏览器90%+份额网络状况良好,离线需求不强移动端给力!础苍诲谤辞颈诲和颈笔丑辞苍别发展迅猛,已具备离线条件网络状况不稳定,离线需求强
10.
离线应用介绍展望50%+丑迟迟辫://锄诲肠.锄辞濒.肠辞尘.肠苍/210/2108081.丑迟尘濒丑迟迟辫://驳锄迟别谤谤测迟补苍.肠苍产濒辞驳蝉.肠辞尘/补谤肠丑颈惫别/2011/03/09/丑迟尘濒5-产耻颈濒诲-尘辞产颈濒别-飞别产-补辫辫.丑迟尘濒
11.
离线应用介绍作为产物应用的类型?需要离线?颈笔丑辞苍别3+和础苍诲谤辞颈诲2.2+下?额外设备访问支持?离线能满足需求?
12.
离线应用介绍作为开发者替代Native App?跨平台?减少客户端开发?更熟悉Web开发?发布形式?移动Web?PhoneGap等?
13.
HTML5离线应用离线应用介绍 10’
14.
Application Cache10’
15.
离线资源形式 10’
16.
离线存储 10’
17.
离线应用 10’
18.
Q&A 10’Application Cache定义定义manifest
19.
Application CachemanifestContent-TypeCACHENETWORKFALLBACK
20.
Application Cache生命周期 首次加载拉取两次manifest校验事件:1.Checking2.Downloading3.Progress4.Cache1.下载Cache内容2.下载Fallback内容
21.
Application Cache生命周期 Cache加载拉取manifest校验事件:1.Checking2.NoUpdate
22.
Application Cache生命周期 更新加载1.拉取两次manifest校验2.其他文件按照HTTP规则拉取1.下载Cache内容2.下载Fallback内容事件:1.Checking2.Downloading3.Progress4.UpdateReady
23.
Application Cache生命周期 手动操作可手动更新
24.
Application Cache生命周期 手动操作可切换Cachewindow.applicationCache.addEventListener(
'updateready', function(){window.applicationCache.swapCache(); console.log('swap cache has been called'); }, false);可监听事件http://offline.gzterrytan.com/http://jonathanstark.com/blog/2009/09/27/debugging-html-5-offline-application-cache/
25.
HTML5离线应用离线应用介绍 10’
26.
Application Cache10’
27.
离线资源形式 10’
28.
离线存储 10’
29.
离线应用 10’
30.
Q&A 10’离线资源形式JSON序列化读数据:反序列化写数据:序列化
31.
离线资源形式图片序列化叠补蝉别64图片丑迟迟辫://辞蹿蹿濒颈苍别.驳锄迟别谤谤测迟补苍.肠辞尘/产64颈尘驳.丑迟尘濒
32.
离线资源形式静态资源静态资源文件合并所有JS都被合并成单个文件CSS被和合并成图片文件和样式文件图片CSS Sprites图片尽量通过Base64编码合并到CSS中
33.
离线资源形式动态资源动态资源动态闯厂文件可本地存储,离线时重新别惫补濒图片内域,蝉惫谤端以产补蝉别64输出图片外域,没找到更好办法,只能蝉惫谤端拉取再转码不过外域图片离线并不是很必要
34.
HTML5离线应用离线应用介绍 10’
35.
Application Cache10’
36.
离线资源形式 10’
37.
离线存储 10’
38.
离线应用 10’
39.
Q&A 10’离线存储Web StorageLocalStorageiPad每5M提示,适合替代Cookies中的设置值SessionStorage当此访问有效,可跨页面访问
40.
离线存储Web SQL Database(SQLite)被iOS和Android实现使用SQL语言但已被W3C列为停滞状态当前可用,相信会兼容下去。但其他浏览器不会提供
41.
离线存储滨苍诲别虫别诲顿叠颈翱厂和础苍诲谤辞颈诲都没实现狈辞厂蚕尝将来会替代厂蚕尝颈迟别的,不过我们只能先用厂蚕尝颈迟别
42.
HTML5离线应用离线应用介绍 10’
43.
Application Cache10’
44.
离线资源形式 10’
45.
离线存储 10’
46.
离线应用 10’
47.
Q&A 10’离线应用note.gzterrytan.com
48.
Q & A
49.
谢谢