微信小程序学习 一
1. 目录结构
app.js —— 必须配置Page({}) 在新版本中
app.json ——
注册，路由不用加后缀，是将整个文件里面的四个文件都注册进去，并且做关联，所以在页面中就不需要引用相应的js,wxss
注意：配置——里面不能有注释
app.wxss —— 全局样式。 如果当前页面也有定义样式，就近原则，读取页面的样式
一级结构 —— a.wxml a.js a.json a.wxss 注意：四个文件名必须一样，跟文件夹名称不需要一样
二级结构 —— 。。。
最多 五级结构
2. 组件
view ——
image —— src
text ——
text组件包含的文字才能长按被选中
text可以嵌套text（高版本）
内容支持 \n 换行 ，比如：<text>我是 \n 某某某</text>
弹性布局 —— display:flex；flex-direction:conlumn(列)；align-items:center;(居中)。
页面背景色 方法 ——
最外层的view —— height:1344rpx;(有局限性)
page —— height:100%;——在生成的页面会自动包裹一个page标签
3. 微信小程序单位 rpx
为什么iPhone4，比iPhone3GS清晰；为什么iPhone6plus，不比iPhone6清晰？
如何适配不同的机型?
为什么都设计750px?
pt 逻辑分辨率 —— 大小和屏幕尺寸有关，简单可以理解为长度和视觉单位
px 物理分辨率（即 像素点） —— 和屏幕尺寸没有关系。点不能描述大小
reader 像素比 —— 1pt有多少px ，px/pt
PPI(DPI) —— px/英寸的斜对角
为什么iPhone4，比iPhone3GS清晰；为什么iPhone6plus，不比iPhone6清晰？
iPhone3GS：1pt = 1px
iPhone3GS：1pt = 2px
同一个尺寸大小的地方，px分辨率越高，越清晰。
iPhone6已经是视网膜屏，已经达到了人类眼睛的极限，即使iPhone6plus*3，对人类来说是一样的。以后*4，*5都是一样的。
如何做不同分辨率设备的自适应？
以ip6的物理像素750 1334为视觉稿进行设计，在小程序以rpx为单位*****
1px物理分辨率=1rpx=0.5pt逻辑分辨率，即实际长度 （小程序刚开始设定的就是 在iPhone6 的情况下）；iPhone6plus 1px=0.6rpx ***********
使用rpx,小程序会自动在不同分辨率下进行转换，而使用px为单位不会****
iPhone6 在小程序中设置：图片宽度量取是750px，所以要在 width:750px/2=350px或是750rpx 。因为css中的这个px是逻辑分辨率(pt)，所以要转化成物理分辨率（像素），要除以2。
注意：并不是所有单位都适合做成rpx的。比如边框，有些标题和内容。
最新文章
- Http状态码之：301、302重定向
- 数据人员Sql必会列转行
- mysql5.5.x升级到mysql5.6.x
- STM32F0xx_DMA收发USART数据配置详细过程
- [百度空间] [转] 在 Visual C++ 中控制全局对象的初始化顺序
- 数据结构算法集---C++语言实现
- VC调试技巧
- [置顶] CentOS release 5.4 （Final）重置root密码（图文）
- Java Volatile transient 关键字
- Kafka0.10.2.0分布式集群安装
- ajax知识点总结
- PCIe传输速率和可用带宽（吞吐量）计算
- windows 函数
- 20165225《Java程序设计》第六周学习总结
- linux下的ifconfig命令
- 老周发布 UWP 应用的隐私策略（通用）
- Python：fromkeys()方法
- linux报错 find: missing argument to `-exec'
- python接口自动化-token参数关联登录（二）
- IDEA取消默认工作区间