小程序知識點梳理

小程序知識點梳理

一、窗口配置

 

好比：我這個是天使童裝的小程序，在app.json裏面寫

"window":{

    "backgroundTextStyle":"light",

    "navigationBarBackgroundColor": "#fff",

    "navigationBarTitleText": "天使童裝",

    "navigationBarTextStyle":"black"

  },

注意：

navigationBarBackgroundColor 只能寫16進制的

而 navigationBarTextStyle 只能寫 黑或白，其餘的不生效

二、小程序文件類型

2.1 在app.json中有一個page，咱們要寫一個文件 好比說首頁啊、分類這樣的頁面，直接在裏面定義，它會自動生成，例如

 2.2 文件裏面有 js文件（點擊事件的功能）、json文件、wxml文件（頁面中的效果視圖）、wxss文件（css樣式）

 

三、小程序生命週期及頁面中的生命週期

3.1 生命週期 

在咱們的 app.js 中有

 

 3.2頁面中的生命週期

在本頁面的 js 文件中有

 四、數據請求和封裝

4.1 在根目錄下建立env文件夾和http文件夾用來存放JS文件

 4.2 在env文件下建立一個index.js文件，在裏面配置請求環境

 4.3 在http文件夾下 建立三個文件 http.js 和fetch.js 還有 api.js文件。 其中在http.js中封裝兩個請求方式

 4.4 在fetch.js中封裝request請求

 

 4.5 在api.js裏面統一管理請求地址

 4.6 在app.js中引入http模塊並引用

 4.7 最後在須要用的組件中引入一下就能夠用了

 五、路由跳轉及路由傳參

好比：由商品列表跳轉到商品分類

 首先，咱們要傳遞參數 data-index='{{item.id}}' ，

而後是 單擊事件，bindtap="godetails"，

在 js 中咱們接收的時候要和點擊事件的函數相照應