[微信小程序] 經過快速啓動demo分析小程序入門關鍵點

時間 2019-11-06

標籤微信程序經過快速啓動 demo 分析入門關鍵简体版

原文原文鏈接

（1）小程序基礎結構html

下圖是在開發者工具經過快速啓動模式建立的小程序的目錄結構json

能夠看到，小程序中主要包含有4中類型不一樣的文件小程序

.json 後綴的 JSON 配置文件

.wxml 後綴的 WXML 模板文件

.wxss 後綴的 WXSS 樣式文件

.js 後綴的 JS 腳本邏輯文件

首先來講說JSON文件網絡

在項目的根目錄有一個 app.json 和 project.config.json，在pages的目錄下還有log.jsonapp

這三類json實現的配置側重點是不一樣的。xss

app.json 是對當前小程序的全局配置，包括了小程序的全部頁面路徑、界面表現（全部頁面）、網絡超時時間、底部 tab 等。 配置說明文檔：https://developers.weixin.qq.com/miniprogram/dev/framework/config.html

project.config.json是針對開發者提供工具配置記憶。

你在工具上作的任何配置都會寫入到這個文件，當你從新安裝工具或者換電腦工做時，你只要載入同一個項目的代碼包，開發者工具就自動會幫你恢復到當時你開發項目時的個性化配置，其中會包括編輯器的顏色、代碼上傳時自動壓縮等等一系列選項。

配置說明文檔：https://developers.weixin.qq.com/miniprogram/dev/devtools/edit.html#項目配置文件

 logs.json 這類配置文件是和頁面相關的配置
每一個頁面擁有本身獨有的json配置，這樣能夠針對頁面進行配置定製化。
讓開發者能夠獨立定義每一個頁面的一些屬性，例如剛剛說的頂部顏色、是否容許下拉刷新等等。
配置參考文檔：https://developers.weixin.qq.com/miniprogram/dev/framework/config.html

而後來看看WXML模版編輯器

FUCK，寫了一上午的文檔，公司忽然停電，在線編輯器沒保存下來，我TM決定不寫了。。。累。。。工具