学习小程序的第一周,做一个简单的整理,谈谈自己对小程序的体会。
一个完整的小程序项目是一个集成于微信内部的几个网页的集合,层次结构相对于APP来说不够分明,流畅度不如原生APP高,但是小程序中,我们所能想到的控件功能,小程序中都有类似的控件和方法提供支持,开发起来相对更简单,可能我之前没有接触过JS和HTML等编程语言,所以目前感觉小程序的编程方式有些杂乱无章。
下面是笔记:
我们创建好项目之后,工程里会出现以下几个文件
js文件相当于我们项目的启动文件,相当于iOS工程中的APPDelegate,我们可以把一些授权功能写在这里,便于小程序启动时及时调用。
json文件是一个关于整个小程序页面结构的配置页面,我们可以把导航栏以及标签栏的配置写在这里。
wxss是对于页面上的控件进行样式(颜色、尺寸等)的设置的文件。
下面说一下具体的控件的使用方法
1)view
在wxml中,我们先来创建一个view,
上述语句中,我们已经创建好了一个view,“headerView-type”是我们对这个view样式上的一些设置,所以要在wxss中进行相关的样式设置
图中,我们已经对view的宽高进行了设置,这边讲一下rpx和text-align,小程序文档中对rpx的解释是这样的
尺寸单位
rpx(responsive pixel): 可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。如在 iPhone6 上,屏幕宽度为375px,共有750个物理像素,则750rpx = 375px = 750物理像素,1rpx = 0.5px = 1物理像素。
文档解释的简洁明了,rpx和px对比的优势就是我们不需要再通过屏幕的尺寸去具体的计算控件的尺寸来适配不同的屏幕。
text-align是控制文本水平方向的对齐方式,主要有左对齐,右对齐,和居中显示。
图1中,我们在view赋值的时候有一个“{{name}}”,它的意思相当于占位符,意思就是显示“name”的值。name我们在js文件中赋值,所有的数据相关方面的东西,我们都会在js文件中配置。