微信小程式開發系列(二)小程式的全域性檔案

2022-01-18 10:28:17 字數 1991 閱讀 2415

檢視(.wxml)、邏輯(.js)、樣式(.wxss)。

我們這次重新展開檔案結構:

小程式用到的檔案型別只有四種,正如你所看到的那樣。

可是我還是要展開說一下,但這裡就不做很細的分析了,直接說出結論:

我有如下檔案:

它是全域性的配置檔案。

pages是乙個陣列,它宣告了小程式有哪些頁面,如上圖我們看到,當前這個程式有index和log兩個頁面。

window是乙個json物件,通過**我們不難看出,它配置的是應用程式全域性的樣式以及標題。

這些樣式要在這裡配置,而不是在wxss裡面用css控制的原因是:

wxml沒有定義頂部標題的標籤,無法用css控制其樣式。

就是乙個全域性的css樣式,不過多介紹了,大家都看得懂的。

之所以沒有從一開始就照著文件照本宣科,是因為我自己也是乙個新人,我當初就是上來就看文件,相當於直接從前端,嗖的一下就轉到了小程式,wxml和資料驅動這塊就足以讓我喘不過氣,所以,才帶領大家從前端緩慢過渡到小程式。

不廢話,直接看文件。

從上一節到說到現在,說了這麼多,其實只是說了「簡易教程」部分的內容。

「框架」是對小程式整體框架的詳細介紹。

「元件」可以理解是對html標籤功能的拓展和封裝,一些常用的進度條、表單、輪播等都在裡面有詳細的說明,還是比較強大。

寫到這裡我已經不知道怎麼去更加清晰地去介紹後面的內容了,因為文件已經十分詳盡,我怕我按照自己的理解去寫教程,會有所遺漏,誤人子弟,畢竟我寫出來的東西,肯定是沒有官方這麼原汁原味的。

這個系列我之後還是會持續更新,但是可能很多還是會按照文件來,但會把之後每一節講到的東西,都循序漸進地做一些小demo。

本節完…

微信小程式開發

一 開發準備 二 開發工具的使用 編碼目錄結構 1 wxml的功能 資料繫結 資料繫結使用 mustache 語法 雙大括號 將變數包起來。列表渲染 wx for 在元件上使用 wx for 控制屬性繫結乙個陣列,即可使用陣列中各項的資料重複渲染該元件。block wx for 類似 block w...

微信小程式開發系列之Hello World

時至今日 具體日期不再考究 可以個人註冊了,那麼就讓我們來寫乙個自己的hello world吧。第一步 註冊 第二步 編輯器 開發工具 這裡,我推薦用 sublime text或者visual studio code。如果你經常用chrome的話,是不是很類似,chrome下開啟除錯工具 f12 切...

微信小程式開發(二) 雲開發

1 概念 2 傳統小程式開發與雲開發的區別 簡單的呼叫乙個雲函式 求a b的和 獲取當前使用者的openid 小程式雲開發登入方式 使用者通過點選按鈕,從小程式獲取使用者的資訊,而小程式通過雲函式獲得使用者的資訊,雲函式給小程式端返回使用者的openid,小程式獲取到 使用者的資訊之後,將使用者的資...