微信小程序-准备

什么是小程序

1. 2017年度百度百科十大热词之一
2. 微信小程序（wei xin xiao cheng xu），简称小程序，英文名Mini Program，是一种不需要下载安装即可使用的应用 ( 张小龙对其的定义是无需安装，用完即走，实际上是需要安装的，只不过小程序的体积特别小， 下载速度很快，用户感觉不到下载的过程 )
3. 小程序刚发布的时候要求压缩包的体积不能大于1M,，否则无法通过，在2017年4月做了改进，由原来的1M提升到2M；
4. 2017年1月9日0点，万众瞩目的微信第一批小程序正式低调上线。

小程序可以干什么

1. 同App进行互补，提供同app类似的功能，比app操作更加简洁的轻应用
2. 通过扫一扫或者在微信搜索即可下载
3. 用户使用频率不高，但又不得不用的功能软件，目前看来小程序是首选
4. 连接线上线下
5. 开发门槛低,成本低

小程序开发的相关资料

1. 先去微信小程序官网注册一个账号==>官网链接
2. 然后下载开发者工具==>下载地址
3. 注册好账号后如下图所示:
4. 小程序开发官方文档

开发前要理解的知识

1. 小程序没有DOM对象，一切基于组件化
2. 小程序的四个重要的文件
   
   1. *.js
   2. *.wxml ==> view结构 ==> html
   3. *.wxss ==> view样式 ==> css
   4. *. json ==> view 数据 ==> json文件
3. Flex布局
   
   1. Flex是Flexible Box的缩写，意为”弹性布局”，用来为盒状模型提供最大的灵活性==>学习教程地址
   2. 任何一个容器都可以指定为Flex布局
   3. 使用方式:display: flex

小程序适配方案

1. dpr: 设备像素比，物理像素/设备独立像素 = dpr， 一般以Iphon6的dpr为准 dpr = 2
2. PPI: 一英寸显示屏上的像素点个数
3. DPI：最早指的是打印机在单位面积上打印的墨点数，墨点越多越清晰
4. 在 iPhone 6 上，屏幕宽度为 375px，共有 750 个物理像素，则 750rpx = 375px = 750 物理像素，所以公式就是==>1rpx = 0.5px = 1 物理像素(注意此时底层已经做了viewport适配的处理，即实现了理想视口)
5. 开发微信小程序时设计师可以用 iPhone 6 作为视觉稿的标准