1.1 小程序概述
1.特点
- 小程序没有DOM对象，一切基于组件化（VUE也是）
- 组件:具有特定功能效果的代码集合。
- 小程序四个重要的文件
- *.js
- *.wxml —->view结构—–>html
- *.wxss —–>view样式—–>css
- *.json ——>view数据——>json文件
2.Flex布局
Flex是Flexible box的缩写，意为“弹性布局”，用来为盒模型提供最大的灵活性。任意一个容器都能指定为Flex(display:’flex’)
- 属性
- row:默认值，主轴为水平方向，起点在左端
- row-reverse:主轴为水平方向，起点右端
- column:主轴垂直方向，启动在上沿
- column-reverse:主轴垂直方向，起点在下沿
3.移动端适配
物理像素：可以理解为屏幕的分辨率
设备独立像素&css像素
- 设备独立像素（密度无关像素），可认为是计算机坐标系里的一个点，代表一个可以由程序使用并控制的虚拟像素。
dpr比&DPI&PPI
- dpr:设备像素比，物理像素/设备独立像素，一般dpr=2。
- ppi:一英寸显示屏上的像素点个数。
- dpi:最早指打印机在单位面积打印的墨点数。
小程序适配方案
- viewport适配
- rem
1rpx=1物理像素=0.5px
[微信开发工具]: https://developers.weixin.qq.com/miniprogram/dev/devtools/stable.html “开发工具”
