在這篇文章中,作者簡單的介紹一下入門知識(shí),并實(shí)地講解了自己制作的入門demo,適合入門者按教程學(xué)習(xí);“小程序”是一種無需安裝,即可使用的手機(jī)“應(yīng)用”。不需要像往常一樣下載App, ...
在這篇文章中,作者簡單的介紹一下入門知識(shí),并實(shí)地講解了自己制作的入門demo,適合入門者按教程學(xué)習(xí);
“小程序”是一種無需安裝,即可使用的手機(jī)“應(yīng)用”。不需要像往常一樣下載App,用戶在微信中“用完即走”。
目前,東方航空公司、美團(tuán)大眾點(diǎn)評(píng)、京東、新華社、今日頭條、滴滴出行、摩拜單車等公司都已經(jīng)各自研發(fā)并推出了“小程序”。
對(duì)于我們開發(fā)者來說,在哪些地方使用,或者說這個(gè)東西怎么樣,其實(shí)我們也不用過多去關(guān)注,我們只需要知道,老板讓我們做,我們就得學(xué)
po主因?yàn)閷?duì)微信小程序還是比較感興趣的,因?yàn)樵谶@一段時(shí)間也對(duì)微信小程序開發(fā)有所研究,所以在這片文章中會(huì)給大家簡單的介紹一下微信小程序的開發(fā),讓大家有一個(gè)入門的認(rèn)識(shí)。
這個(gè)就是微信的官方文檔的地址,大家可以在這里看到一些微信的官方介紹,為了方便懶癌晚期患者,我把一些我認(rèn)為重點(diǎn)的東西會(huì)粘貼在下面。
因?yàn)槲⑿判〕绦蚴腔谖⑿诺沫h(huán)境來開發(fā)的,所以我們需要在騰訊那邊先創(chuàng)建一個(gè)微信小程序,才能進(jìn)行接下來的操作。


編寫代碼
點(diǎn)擊開發(fā)者工具左側(cè)導(dǎo)航的“編輯”,我們可以看到這個(gè)項(xiàng)目,已經(jīng)初始化并包含了一些簡單的代碼文件。最關(guān)鍵也是必不可少的,是 app.js、app.json、app.wxss 這三個(gè)。其中,.js后綴的是腳本文件,.json后綴的文件是配置文件,.wxss后綴的是樣式表文件。微信小程序會(huì)讀取這些文件,并生成小程序?qū)嵗?br style=" margin: 0px; padding: 0px; " />
下面我們簡單了解這三個(gè)文件的功能,方便修改以及從頭開發(fā)自己的微信小程序。
app.js是小程序的腳本代碼。我們可以在這個(gè)文件中監(jiān)聽并處理小程序的生命周期函數(shù)、聲明全局變量。調(diào)用框架提供的豐富的API,如本例的同步存儲(chǔ)及同步讀取本地?cái)?shù)據(jù)。想了解更多可用 API,可參考 API 文檔
//app.js
App({
onLaunch: function () {
//調(diào)用API從本地緩存中獲取數(shù)據(jù)
var logs = w