微信小程序开发记录

1. 微信小程序是组件式开发，在页面的最外层隐藏的包含着一个page标签。
2. 微信小程序里的页面的像素是rpx,它和px的关系是1px = 2rpx

项目开发

1. 组件的使用：

在要使用组件的page的json文件下通知要使用组件(使用键值对的形式)

{
  "usingComponents": {
    "v-like": "/components/like/index"
  }
}

2. 设计图时注意问题：

要告诉设计师要以iPhone6为准，即：宽度为750px，高度为667*=1334px这种物理像素，只有这种设计图才有1px=2rpx这种换算。

3. px和rpx的区别：

px为物理像素，它大小固定，不会随着手机屏幕的变化而变化。
rpx比px的优点就是它会随着屏幕的变化而变化，能够自适应。
但是并不是px在微信小程序中就一无是处了，比如对于border、字体等可能用px会更好一些。

4. 在每个页面中的最外层，其实都是包含一个隐藏的page标签的。

5. 在微信小程序中，组件是相对封闭，对于样式的继承，除了font、color等很少能够被组件继承，但是能够被页面继承。

6. paddind和margin

margin和padding是在html中的盒模型的基础上出现的，margin是盒子的外边距，即盒子与盒子之间的距离，而padding是内边距，是盒子的边与盒子内部元素的距离。

7.文字之间是有空白间距的，可以通过line-height来消除

8. 组件的大小应该是随里面的内容自动变换的

小技巧：如果9000显示太长可以改为9k来表示。

将：
display:flex;
改为：
display: inline-flex;

9.微信小程序中的点击事件是：tap,绑定这个事件需要bind: tap

小程序发布上线流程

小程序完整部署流程

1. 登录小程序管理后台，拿到appid
   

2. 小程序必须通过https才能访问
   阿里云申请SSL证书，并在Nginx上配置
   参考视频：阿里云免费证书申请及验证
   参考文档：Nginx服务器配置SSL证书