微信小程序开发资源汇总: https://github.com/justjavac/awesome-wechat-weapp
PS: 这可是个宝藏链接!!!! 敲重点!!!
小程序的文件结构
一个小程序首先有四个应用入口文件:
- App.JS: 设置一些项目的全局变量
- App.JSON: 每一个新页面都必须在这个地方注册, 项目的导航栏和窗口界面设置有关的
- App.wxss: 项目全局样式
- project.config.JSON: 项目配置文件
一个页面主要是包含以下四个文件, 这四个文件的名字应该都是一样的, 最好以页面所在的文件夹名字为标准:
xxx.wxml: 页面的结构
xxx.wxss: 页面的样式
xxx.JSON: 页面的配置文件
xxx.JS: 页面的脚本文件
页面可以嵌套页面, 但是建议不要超过 5 个层级.
移动设备的分辨率与 RPX
pt: 视觉单位(长度单位), 与设备的屏幕物理尺寸有关系, 也叫做逻辑分辨率(逻辑单位), 与移动端的栅格渲染有关
px: 通常说的像素点, 物理分辨率, 随着屏幕的变化不会变化; 一般设计师给的设计稿是以物理分辨率为单位的, 也就是说, iPhone6 下的分辨率是 375, 但是设计图却是 750; 因为 rpx:px == 2:1, 小程序的设计稿就要以 iPhone6 为参照.
pt 与 px 之间的关系: 1 个 pt 下面包含多个 px; 也就是说一个逻辑分辨率包含多个物理像素点.
ppI(DPI): 计算的是屏幕显示 1 个逻辑分辨率包含多个物理像素点, 值越大, 显示的图像越细腻, 清晰. 计算的方法是: 320*320+480*480 的和开根号再处于屏幕尺寸最后乘以 reader 值.
reader 值: 视网膜屏, 表示一个逻辑像素点包含多个 (reader 值) 物理像素点, 一般 reader 值为 2 就达到了眼睛的所能观察到细腻的极限, 再大几乎不怎么起作用, 对于眼睛感觉到的色彩来说.
也就是说, 当需要的元素大小适应屏幕尺寸, 就选择 rpx 作为单位, 否者使用 px 作为单位.
微信小程序开发资源汇总
来源: http://www.bubuko.com/infodetail-2963956.html