app开发

一，模式

原生开发：安卓开发或者ios开发

优点：性能最好（手机原生功能支持性高，比如原生相机）

缺点：1，不能跨平台（系统）

           2，学习成本高

混合式开发：hybird开发--大部分

优点：1，可以跨平台

            2，学习成本低

缺点：性能次于原生开发，原生功能依赖于第三方插件

规避：套壳

app网页

优点：成本低，维护方便

缺点：使用不方便，容易流失很多客户。比如年纪稍大的用户群

二,架构

b/s 和 c/s

b/s 浏览器服务器 维护方便

c/s 客户端服务器 性能好

响应式开发：一套代码适应多个终端，适合中小型项目（博客，个人网站）

终端：pc ，app，sm，lg

三，适配

1，视口

了解视口：布局视口，视觉视口，理想视口

一般做的都是理想视口：在head标签里添加<meta name = "viewport" content = "width= device-width"....>

设备宽：代码像素 =  1  :   3  ；

pc端： 设备宽 ： css 像素 = 1 ： 1 ；

app端 ： 设备宽 ： css像素 = 1 ：2 ；

2，单位 px --> em/rem

rem： 根据根标签的大小，后面所有的像素都以这个跟标签为基准

em： 先确定父级，根据父级的大小确定自身的大小

手机端：xs < 768px

平板： sm 768px- 992px

pc端：md 992px-1200px

大屏pc：lg   >1200px

3,字体大小适配

zepto.js

remstyle.js

字体自适应 js通过监听窗口（设备）的宽度的变化，改变html的font-size值

四,打包

no.1 测试

常使用hbulider编辑器

1，首先打开边看边写模式，在设置里设置web服务器

2，将电脑与手机的网络必须为同一局域网，

     在web服务器里面设置外部服务器地址为当前手机与电脑连接的相同ip地址，

      将html类文件的地址改为设置的外部服务器

3，手机扫描web浏览器地址栏右侧二维码

no.2打包

1，首先将项目管理器中的想要打包的项目从web转化改为app项目

2，会出现一个.json文件 并且打开

     appid从云端获取（必须注册hbulider账号自动获取）

     设置图标等..

3，然后右键项目管理器中发行 -云打包-打原生安装包

4，后续过程自动安装....