微信小程序 常見問題：

一：項目結構

微信小程序項目結構主要有四個文件類型,如下

WXML （WeiXin Markup Language）是框架設計的一套標簽語言，結合基礎組件、事件系統(tǒng)，可以構建出頁面的結構。內部主要是微信自己定義的一套組件。

WXSS (WeiXin Style Sheets)是一套樣式語言，用于描述 WXML 的組件樣式，

js 邏輯處理，網(wǎng)絡請求

json 小程序設置，如頁面注冊，頁面標題及tabBar。

注意：為了方便開發(fā)者減少配置項，規(guī)定描述頁面的這四個文件必須具有相同的路徑與文件名。

在根目錄下用app來命名的這四中類型的文件，就是程序入口文件。

app.json

必須要有這個文件，如果沒有這個文件，項目無法運行，因為微信框架把這個作為配置文件入口，整個小程序的全局配置。包括頁面注冊，網(wǎng)絡設置，以及小程序的window背景色，配置導航條樣式，配置默認標題。

app.js

必須要有這個文件，沒有也是會報錯！但是這個文件創(chuàng)建一下就行 什么都不需要寫
以后我們可以在這個文件中監(jiān)聽并處理小程序的生命周期函數(shù)、聲明全局變量。

app.wxss

全局配置的樣式文件，項目非必須。

知道小程序基本文件結構，就可以開始研究官方demo了，研究過程中如果有不明白的地方可以去官方文檔尋求答案，如果找不到答案或者有疑問，可再此博客留言，相互交流。下面介紹下出現(xiàn)概率較高的幾個問題。

二：常見問題

rpx（responsive pixel）

微信小程序新定義了一個尺寸單位，可以適配不同分辨率的屏幕，它規(guī)定屏幕寬為750rpx，如在 iPhone6 上，屏幕寬度為375px，共有750個物理像素，則750rpx = 375px = 750物理像素，1rpx = 0.5px = 1物理像素。

這個項目我用的都是rpx尺寸單位，期間遇到一個很奇葩的問題。在相鄰的兩條信息直接都會有一個分割線，我將線的高度都設置成1rpx,但是不有個別分割線是不顯示的

看到?jīng)]在第一條和第二條直接并沒有現(xiàn)實這條線，但是其他的都展示了，分割線的屬性是一樣的，而且在不同的手機上（分辨率不同）不顯示的分割線也是不同的，有的分辨率好幾條分割線都不顯示，不知道這是模擬器的bug還是rpx的bug。最后分割線的高度尺寸單位使用了px,解決了這個問題。

40013錯誤

在微信小程序剛出來的時候如果輸入AppID提示這個信息就表示沒有破解，但是現(xiàn)在官方軟件更新可以選擇無AppID開發(fā)，如下圖，我們之間選擇無AppID，即可解決此錯誤。建議安裝官方開發(fā)工具。可去此處找下載鏈接。

4058錯誤

微信小程序創(chuàng)建項目時選擇無AppID，創(chuàng)建項目時會生成app.json，app.josn是程序啟動最重要的文件，程序的頁面注冊，窗口設置，tab設置及網(wǎng)絡請求時間設置都是在此文件下的。如果你創(chuàng)建的項目目錄下沒有app.json文件就會報下面的錯誤。