1、rpx：是微信小程序的自適應(yīng)的單位，根據(jù)不同設(shè)備的屏幕寬度進(jìn)行自適應(yīng)縮放。?

2、小程序規(guī)定任何型號的手機(jī)的屏幕寬度都為 750rpx。

3、小程序中常用的組件：view、swiper（滑塊視圖容器—輪播圖的盒子）和swipe-item（輪播圖的每一項(xiàng)）、text、navigator、scroll-view、字體圖標(biāo)。

4、image組件 ，常用的屬性有4個(gè)

（1）src圖片的地址

（2）mode：圖片剪裁、縮放的模式

（3）show-menu-by-longpress：長按圖片顯示的菜單，復(fù)制，收藏，保存，轉(zhuǎn)發(fā)等

（4）lazy-load：圖片懶加載 （在滑動到上下三屏）以后展示圖片

5、text組件：常用的屬性有兩個(gè)：

（1）user-select：本文是否可選，用于長按選擇文本

（2）space：顯示連續(xù)空格 ensp:顯示空格(中文空格一半大小)；emsp（中文空格）；nbsp：根據(jù)字體設(shè)置的空格大小

注意事項(xiàng)：如果想實(shí)現(xiàn)長按選擇文本只能使用text組件；text組件內(nèi)只支持text嵌套

6、navigation組件：

? ?（1）url當(dāng)前小程序的跳轉(zhuǎn)鏈接??

? ?（2）open-type ：跳轉(zhuǎn)方式

注意事項(xiàng)：

? ? （1）頁面跳轉(zhuǎn)時(shí)，url內(nèi)的路徑需要在前面加上 / 斜線，否則跳轉(zhuǎn)不成功

? ? （2）open-type的值為 navigate 、redirect 只能跳轉(zhuǎn)到非TabBar頁面，不能跳轉(zhuǎn)到TabBar頁面；navigate 保留上一級頁面，又返回。redirect沒有返回上一級，即會關(guān)閉上一級頁面，只能返回到首頁。

? ? （3）值為switchTab：只能跳轉(zhuǎn)到TabBar頁面不能跳轉(zhuǎn)到非TabBar頁面

? ? （4）reLaunch：關(guān)閉所有有頁面，然后打開小程序中某一個(gè)頁面。

? ? （5）navigateBack：返回上一頁或者返回前幾頁，默認(rèn)只能返回上一頁，如果返回前幾頁，需要加上delta屬性，需要返回幾 delta的值就是幾

? ? （6）傳參使用?連接，屬性名和屬性值使用功能=號，如果需要傳多個(gè)屬性，使用&連接符。通過生命周期函數(shù)onLoad（options）中options接收參數(shù)。

? ? （7）open-type的值為switchTab屬性時(shí)不能傳參，不起作用

7、scroll-view組件

實(shí)現(xiàn)內(nèi)容的滾動效果。scroll-x允許橫向滾動，scroll-y允許縱向滾動。

8、阿里巴巴字體圖標(biāo)

使用字體圖標(biāo)可能會報(bào)錯：【渲染層網(wǎng)絡(luò)層錯誤】Failed to load font.....,該錯誤可忽略。

但在控制臺出現(xiàn)錯誤，會影響開發(fā)調(diào)試，解決方案是：將字體圖標(biāo)轉(zhuǎn)換成base64的格式。

9、小程序背景圖可以使用background-image設(shè)置，到那時(shí)不能寫本地路徑background-image:url(../../img.png)

可以使用網(wǎng)絡(luò)地址或者將圖片轉(zhuǎn)換成base64的格式，然后進(jìn)行使用。或者使用image替換background-image