微信小程式開發怎樣編寫程式碼

php中世界最好的语言
發布: 2018-06-05 10:14:20
原創
6425 人瀏覽過

點擊開發者工具左側導航的“編輯”,我們可以看到這個項目,已經初始化並包含了一些簡單的程式碼檔案。最關鍵也是不可或缺的,是 app.js、app.json、app.wxss 這三個。其中,.js 後綴的是腳本文件,.json 後綴的文件是配置文件,.wxss 後綴的是樣式表文件。微信小程式會讀取這些文件,並產生小程式實例。

下面我們簡單了解這三個檔案的功能,方便修改並從頭開始開發自己的微信小程式。

app.js 是小程式的腳本程式碼。我們可以在這個檔案中監聽並處理小程式的生命週期函數、宣告全域變數。呼叫 MINA 提供的豐富的 API,如本例的同步儲存及同步讀取本機資料。

app.json 是對整個小程式的全域設定。我們可以在這個檔案中設定小程式是由哪些頁面組成,設定小程式的視窗  背景色,設定導覽條樣式,設定預設標題。注意該文件不可添加任何註釋。

app.wxss 是整個小程式的公共樣式表。我們可以在頁面元件的 class 屬性上直接使用 app.wxss 中宣告的樣式規則。

相信看了本文案例你已經掌握了方法,更多精彩請關注php中文網其它相關文章!

推薦閱讀:

微信小程式開發怎麼建立專案

#微信小程式開發取得使用者基本資訊

以上是微信小程式開發怎樣編寫程式碼的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板