微信小程序之菜鳥入門教學（二）

昨天學習了一些簡單的概念，今天開始實際操做，經過搭建簡單的計算器來學習小程序的架構

 

1、小程序框架

程序框架如上圖所示。因而可知，框架的基本構成爲：

1. app.js 、 app.wxss

2. app.json

3. project.config.json

4. utils 文件夾

5. pages 文件夾

 

 

1. app.js 和 app.wxss 是小程序的全局配置文件，負責配置全局的通用樣式、通用方法

2. app.json 是當前小程序的全局配置，包括了小程序的全部頁面路徑、界面表現、網絡超時時間、底部 tab 等。示例以下：

pages 字段 —— 用於描述當前小程序全部頁面路徑，這是爲了讓微信客戶端知道當前你的小程序頁面定義在哪一個目錄。定義在第一個的頁面目錄爲小程序進入後的起始頁面

window 字段 —— 定義小程序全部頁面的頂部背景顏色，文字顏色定義等

3. project.config.json 中配置的是對開發工具進行的個性化設置，有此配置文件、將更方便開發者在更換電腦後 保留原有的開發習慣

在開發者修改工具配置時，程序將自動獲取、寫入此文件中

4. utils文件夾中放置的是一些經常使用的js 、css 文件，能夠在頁面中引入使用

5. pages 文件夾中放置的是每一個單獨頁面的佈局、樣式、方法信息