做微信小程序的总结（页面布局部分）

1. 微信开发者平台会默认提供一套模板来承载项目

文件夹	作用
assets	用来存放一些静态资源（测试图片为主）
pages	存放项目中所有的网页
utils	存放一些工具（格式化日期）

除了上面的文件夹，项目根目录下面还会有app.js（基础js）、app.json、appwxss(公共样式)等文件。

2. 微信小程序做网页和PC端网页的区别
   在做PC端网页的时候，常用的标签无非是div、ul、span、img、a等
   再微信小程序中，这些标签都是不能用的，取而代之的是：

标签	类比
view	相当于div
navigator	相当于a
text	相当于span
image	相当于img

页面文件不是.html后缀，是.wxml后缀，样式文件不是.css后缀，是.wxss后缀，但是这都不影响做一个像普通网页的微信小程序

3. 微信小程序比较常用的布局方法

flex布局在微信小程序 中使用非常的简洁高效，常用属性如下：

属性	作用
flex-direction: column/row	子元素是竖直还是水平排列
justify-content: flex-start/flex-end/center	设置子元素在主轴上的对其方式
align-items: flex-start/flex-end/center	设置子元素在副轴上的对其方式
flex-wrap: wrap/no-wrap	设置子元素是否换行

4. 微信小程序的响应式像素

在微信小程序中，设置元素的宽和高，一般不使用px（设置字体的时候使用）
官方是这样定义rpx的

rpx（responsive pixel）: 可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。如在 iPhone6 上，屏幕宽度为375px，共有750个物理像素，则750rpx = 375px = 750物理像素，1rpx = 0.5px = 1物理像素。

简单来说，rpx可以自适应屏幕宽度，大小为px的一半

5. 微信小程序中怎么写样式

微信小程序中的样式其实和普通网页中写样式一样的，但是要注意的是：对于图片来说，平台默认会对图片设置

6. app.json的配置

这个文件是纯json格式，也就是说，不能有注释，上引号，最后一个尾部不能有拖拉着逗号

• "pages"是定义项目中的各个页面，当在这里面添加一个文件路径后，项目中就会自动生成一个文件夹来初始化这个页面
• “window” 主要是设置头部样式，其实这个在每个页面.json文件里面也可以设置
• “tabBar” 主要设置底部的导航栏及其样式，作用相当于前端里面的路由切换

这就是刚开始学微信小程序的感悟，没什么难点，但是接触一点它还是有必要的