微信小程序入门到实战（一）

了解小程序

• 什么是小程序？
  小程序其实就是一个工具，为人提供便捷服务的；随时可用，用完即走，减少桌面上面的app数量；

  B2C（人与商品） 淘宝 JD
  P2P（人与人）微信 QQ
  C2P（人与服务）微信小程序 支付宝小程序

• 什么应用适合小程序？
  对于一些性能要求不高，使用频度不高，业务逻辑简单的应用适合做成一个小程序的应用；比如购票，缴费，手机充值等

小程序的文件结构

一个小程序首先有四个应用入口文件：
- app.js：设置一些项目的全局变量
- app.json：每一个新页面都必须在这个地方注册，项目的导航栏和窗口界面设置有关的
- app.wxss：项目全局样式
- project.config.json：项目配置文件

一个页面主要是包含以下四个文件，这四个文件的名字应该都是一样的，最好以页面所在的文件夹名字为标准：

• xxx.wxml：页面的结构

  • xxx.wxss：页面的样式
  • xxx.json：页面的配置文件
  • xxx.js：页面的脚本文件

  页面可以嵌套页面，但是建议不要超过5个层级。

移动设备的分辨率与RPX

小程序推荐使用rpx为单位，这样就可以在任意屏幕下面实现自适应

小程序是移动端的开发，所以要注意像素的使用。

• pt：视觉单位（长度单位），与设备的屏幕物理尺寸有关系，也叫做逻辑分辨率（逻辑单位），与移动端的栅格渲染有关
• px：通常说的像素点，物理分辨率，随着屏幕的变化不会变化；一般设计师给的设计稿是以物理分辨率为单位的，也就是说，iPhone6下的分辨率是375，但是设计图却是750；因为rpx：px == 2：1，小程序的设计稿就要以iPhone6为参照。