技術標籤：文章小程式小程式

關閉sitemap警告

不知道你討不討厭下面這段警告提示，雖然不是報錯，但就想 關閉它！！！

在小程式目錄裡找到 project.config.json，找到 setting 配置物件，將 checkSiteMap 設定為 false ，最後儲存重啟開發者工具即可。

"setting": {
	"checkSiteMap": true,
}
123

如果首次建立小程式專案，可能沒有這個屬性，請重啟後第二次編譯。

頁面不顯示

可能是以下原因造成：

1、配置的json檔案，不能為空，應如下寫一個空物件：

{
    
}
 

2、指令碼js檔案，也不能為空，應如下呼叫Page：

Page({
    
})

3、app.json檔案，路徑配置錯誤，正確如下：

{
    "pages": [
    "pages/index/index",
    "pages/post/post"
}

pt、px、rpx 區別

• pt稱為邏輯解析度，pt大小與螢幕解析度有關係，簡單可以理解為長度與視覺單位
• px是指物理解析度，與螢幕尺寸沒有關係

rpx是微信小程式中css的尺寸單位，可以根據螢幕寬度進行自適配。

以iphone6的物理畫素750*1334為視覺稿設計，在小程式中使用rpx為單位

在ip6下 1px = 1rpx = 0.5pt

使用rpx為單位小程式會在不同解析度下進行轉換，而px則不會

建議小程式的設計稿以750 x 1334 的物理解析度進行設計

有的時候文字部分不適合用rpx來表示

點選跳轉

在js檔案中配置

Page({
    click:function(){
        wx.navigateTo({
            url:"../posts/post",
            success:function(res){
                // 成功後執行的函式
            },
            fail:
 
function(){
                // 失敗後執行的函式
            },
            complete:function(){
                // 無論成功和失敗都會執行
            },
        });
    }
})



// 適合父子跳轉（可返回）

// onHide函式會觸發，因為是跳轉一個新頁面以後，可以點選返回舊頁面，所以只是把舊頁面給隱藏摺疊起來

Page({
    click:function(){
        wx.redirectTo({
            url:"../posts/post",
            success:function(res){
                // 成功後執行的函式
            },
            fail:function(){
                // 失敗後執行的函式
            },
            complete:function(){
                // 無論成功和失敗都會執行
            },
        });
    }
})

// 適合平級跳轉（不可返回）

//onUnload函式會觸發，因為是跳轉到一個新頁面不可以返回舊頁面，所以舊頁面便會解除安裝關閉

bindtap 和 catchtap 區別

這倆個都是點選跳轉事件

bindtap 會有事件冒泡，而catchtap不會有事件冒泡

block包裝元素

並不是一個元件，它僅僅是一個包裝元素，不會在頁面中做任何渲染，只接受控制屬性。

因為 wx:if 是一個控制屬性，需要將它新增到一個標籤上。如果要一次性判斷多個元件標籤，可以使用一個 標籤將多個元件包裝起來，並在上邊使用 wx:if 控制屬性。 view1 view2 類似 block wx:if，也可以將 wx:for 用在標籤上，以渲染一個包含多節點的結構塊。

這樣的好處就是有了block標籤過後，你就可以把if 或則 for 語句寫在block標籤裡面這樣就控制了這一塊的邏輯。

圖片路徑報錯

WeChat報錯微信小程式圖片載入失敗渲染層網路層錯誤Failed to load image /pages/index/image/index.jpg

應該用絕對路徑不用相對路徑