HTML5移动开发指南

HTML5 的移动开发能力,真的是前端开发里的一大利器。你要是在做手机端网页、Web App 或者混合 App 开发,这份《HTML5 移动 WEB 开发指南》还挺值得一看的。内容从基础标签讲到离线存储、WebSocket、Web Workers 这些“进阶技能”,讲得蛮细,也有实战经验在里头,读起来不干巴巴。

HTML5 的结构标签比如

这些,用起来比以前的
更清晰。是在做响应式布局时,代码层次也更直观。

响应式设计部分,讲了怎么用media queries去适配不同屏幕。配合viewport设置和弹性布局,做出来的页面在手机和平板上都挺顺。

离线存储那块,localStoragesessionStorage配合JSON.stringify()用,适合保存临时数据;而IndexedDB就更高级,存几百条用户记录啥的都不卡。

Web App 和 Hybrid App 对比讲得也清楚。比如纯 Web App 更新快,但受浏览器限制;Hybrid App 像用Cordova封装的,可以访问摄像头、文件啥的,体验接近原生。

CanvasSVG也有专门,前者适合动态图像、游戏画面;后者用来画图标、地图,清晰又可缩放。两者结合起来用,效果还挺不错的。

再来是WebSocketWeb Workers,这俩适合做即时通讯和后台,比如你做个股票小程序,行情推送就是 WebSocket 的拿手活。

文末还有蛮多相关文章,像HTML5 离线存储响应式 Web 设计都可以看,延伸下去学得更扎实。

如果你打算搞个移动端项目,又不想从 0 开始摸索,建议收藏这份指南,啃一遍,实战起来更得心应手。

zip
PDF-20131223163013-HTML5YiDongW1bKaiFaZhiNa (1).zip 预估大小:1个文件
file
PDF-20131223163013-HTML5YiDongW1bKaiFaZhiNa.pdf 50.14MB
zip 文件大小:50.09MB