移动前端开发总结

来源：http://junmer.github.io/mobile-dev-get-started/#/

基本概念

Native ：本地应用，使用Java/Objective-C/Swift开发

Web App：网页应用HTML5开发

Hybrid App：混合应用（native,web)

Web App 不需要安装，开发成本低，维护简单，跨平台性能优
但体验感较差；

Native 需要安装，开发成本高，维护更新复杂，跨平台性能较差，但体验感很好！

Hybrid App 介于两则之间。 需要安装，开发成本居中，维护简单，跨平台性能良好。

视觉

在移动浏览器中使用viewport源标签控制布局

一个典型的针对移动端优化的站点包含类似下面的内容：

meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"

width属性控制视口的宽度。可以像width=600这样设为确切的像素数，或者设为device-width这一特殊值来指代比例为100%时屏幕宽度的CSS像素数值。

initial-scale ：初始缩放比例

maximum-scale、minim