1. 程式人生 > >小程序初入門

小程序初入門

單個 nav action tle tex 學習 頁面 -- 信息

1、到微信小程序註冊用戶並登記相關信息,會獲得一個AppID,新建項目時填入,可以解鎖更多功能。

當然不解鎖一樣可以開發。

技術分享圖片

2、新建好的小程序目錄如下:

技術分享圖片

pages裏面每個文件夾是一個頁面,wxml類似於html,用來展示頁面;

wxss類似於css,用來設定wxml裏面各元素的樣式;(wxss尺寸單位)

js定義各種數據和wxml裏面要用到的函數,和JavaScript還是有一點區別的。

json是頁面的配置,用來存放JSON格式的字符串。

3、如何快捷新建頁面?

(1)在pages下新建文件夾,文件夾內右鍵"新建"->"page",四個同名不同拓展名的文件就建好了,和文件夾名字還一樣,不用修改,多好。

這樣新建頁面之後,需要在app.json的pages數組之中註冊,不然編譯通不過。

(2)直接在app.json的pages數組之中註冊,然後編譯報錯,pages下自動補全相關文件

不過我這樣做的時候有時候不好使,最好還是不要這麽幹。

4、app.js/json/wxss是什麽?

app.wxss是全局的樣式,可以通過組件的class屬性來綁定,單個頁面的樣式與全局樣式同名的話,全局樣式會被重寫,這個詞應該挺形象的吧。。

app.json可以定義窗口樣式、底部導航欄、小程序內頁面註冊,單個頁面的json同名樣式一樣可以重寫全局樣式,比如可以通過修改"navigationBarTitleText"來設置不同頁面的標題文字。

app.js是小程序的邏輯文件,必須要使用App()來初始化小程序,就像單個頁面的js一樣要有Page()來初始化頁面。

app.js裏面的是全局變量,頁面js定義的是局部變量,頁面js函數裏面的就是局部的局部變量,大概就是這麽個意思。

5、project.config.json是什麽?

可以點擊開發工具的詳情查看,那裏面的設置和project.config.json是一樣的,一個配置文件,一個可視化的,目的是一樣的。

參考資料:

微信小程序基本目錄結構學習

wxss尺寸單位

[微信小程序之小白教程系列] 微信小程序 -- 入口

小程序初入門