學習小程序的第一周泼掠,做一個簡單的整理褥紫,談談自己對小程序的體會剩愧。
一個完整的小程序項目是一個集成于微信內(nèi)部的幾個網(wǎng)頁的集合窖梁,層次結構相對于APP來說不夠分明赘风,流暢度不如原生APP高,但是小程序中纵刘,我們所能想到的控件功能邀窃,小程序中都有類似的控件和方法提供支持,開發(fā)起來相對更簡單彰导,可能我之前沒有接觸過JS和HTML等編程語言蛔翅,所以目前感覺小程序的編程方式有些雜亂無章敲茄。
下面是筆記:
我們創(chuàng)建好項目之后位谋,工程里會出現(xiàn)以下幾個文件
js文件相當于我們項目的啟動文件,相當于iOS工程中的APPDelegate堰燎,我們可以把一些授權功能寫在這里掏父,便于小程序啟動時及時調(diào)用。
json文件是一個關于整個小程序頁面結構的配置頁面秆剪,我們可以把導航欄以及標簽欄的配置寫在這里赊淑。
wxss是對于頁面上的控件進行樣式(顏色、尺寸等)的設置的文件仅讽。
下面說一下具體的控件的使用方法
1)view
在wxml中陶缺,我們先來創(chuàng)建一個view,
上述語句中洁灵,我們已經(jīng)創(chuàng)建好了一個view饱岸,“headerView-type”是我們對這個view樣式上的一些設置掺出,所以要在wxss中進行相關的樣式設置
圖中,我們已經(jīng)對view的寬高進行了設置苫费,這邊講一下rpx和text-align汤锨,小程序文檔中對rpx的解釋是這樣的
尺寸單位
rpx(responsive pixel): 可以根據(jù)屏幕寬度進行自適應。規(guī)定屏幕寬為750rpx百框。如在 iPhone6 上闲礼,屏幕寬度為375px,共有750個物理像素铐维,則750rpx = 375px = 750物理像素柬泽,1rpx = 0.5px = 1物理像素。
文檔解釋的簡潔明了嫁蛇,rpx和px對比的優(yōu)勢就是我們不需要再通過屏幕的尺寸去具體的計算控件的尺寸來適配不同的屏幕聂抢。
text-align是控制文本水平方向的對齊方式,主要有左對齊棠众,右對齊琳疏,和居中顯示。
圖1中闸拿,我們在view賦值的時候有一個“{{name}}”空盼,它的意思相當于占位符,意思就是顯示“name”的值新荤。name我們在js文件中賦值揽趾,所有的數(shù)據(jù)相關方面的東西,我們都會在js文件中配置苛骨。