小程序初入門
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尺寸單位
[微信小程序之小白教程系列] 微信小程序 -- 入口
小程序初入門