初识iPhone与iPad Web应用开发HTML5与CSS3技术解析
iPhone 和 iPad 上 Web App 的开发技巧,《初识 iPhone 与 iPad Web 应用开发》讲得还挺细的。用 HTML、CSS、JavaScript 三板斧搞定 iOS 设备优化,思路清晰,例子也贴地气,挺适合刚上手或想提升的前端朋友。
iOS 设备的 Web App,其实就是跑在浏览器里的 Web 项目,但用户体验可以做到和原生差不多——加个图标放桌面,响应也快,更新也方便,不用过 App Store 那一关,省事。
HTML5那一章讲得蛮实在,从Canvas
到localStorage
,用得上也能马上上手,地理定位、视频、音频这些也都有例子,算是新手友好。
讲CSS3的时候,作者比较偏重于响应式设计和动画,比如media queries
怎么配合transition
做出更流畅的交互体验,iPhone 和 iPad 都能兼容得不错。
JavaScript部分提到不少性能优化技巧,比如事件委托怎么用、requestAnimationFrame
什么时候比setTimeout
靠谱,顺便把 jQuery 也讲了一下,懒人福音。
设备特性方面也有讲,像怎么调用摄像头、用 WebKit 的navigator.geolocation
做定位。要做个拍照上传功能,思路都有。
数据这块,localStorage和IndexedDB的差别讲清楚了,配合一些缓存策略,离线也能跑得挺稳。
性能优化也没落下,从图片压缩、减少求到合理使用position: absolute
,不少细节,像老司机在耳边提醒:“别偷懒,不然卡得你哭。”
调试章节教你用 Safari 的调试工具搞远程调试,模拟器和真机怎么配合,常见坑也有提示,实用性挺高。
说了发布方式,虽然不用上架 App Store,但 HTTPS、版本控制这些别忽略,尤其是通知用户更新这块,做不好用户体验直接崩。
总结一句话:想用 Web 技术在 iPhone/iPad 上搞点像样的 App,这本书还挺值得啃的。如果你正准备入门移动 Web 开发,可以先啃它几章试试水。
评论区