【移動(dòng)應(yīng)用開發(fā)技術(shù)】「小程序JAVA實(shí)戰(zhàn)」微信開發(fā)者工具h(yuǎn)elloworld三

【移動(dòng)應(yīng)用開發(fā)技術(shù)】「小程序JAVA實(shí)戰(zhàn)」微信開發(fā)者工具h(yuǎn)elloworld（三

第一個(gè)小程序demo的運(yùn)行，首選需要去使用開發(fā)工具第一個(gè)小程序demo的運(yùn)行，首選需要去使用開發(fā)工具/cgi-bin/wx點(diǎn)擊開發(fā)工具，選擇自己的系統(tǒng)版本進(jìn)行下載，安裝就可以了/cgi-bin/wx點(diǎn)擊開發(fā)工具，選擇自己的系統(tǒng)版本進(jìn)行下載，安裝就可以了打開下載后的安裝文件選擇對應(yīng)的安裝目錄等待安裝安裝完畢打開安裝后的文件掃描二維碼選擇小程序選擇安裝目錄>類似eclipse的項(xiàng)目路徑4.打開后的默認(rèn)界面做過web開發(fā)的都很熟悉GoogleChrome瀏覽器，感覺跟他很像是吧。后面在使用中在詳細(xì)的介紹某個(gè)按鈕的功能，其實(shí)都不太復(fù)雜。做過web開發(fā)的都很熟悉GoogleChrome瀏覽器，感覺跟他很像是吧。后面在使用中在詳細(xì)的介紹某個(gè)按鈕的功能，其實(shí)都不太復(fù)雜。編譯預(yù)覽>點(diǎn)擊工具上的編譯按鈕，可以在工具的左側(cè)模擬器界面看到這個(gè)小程序的表現(xiàn)，也可以點(diǎn)擊預(yù)覽按鈕，通過微信的掃一掃在手機(jī)上體驗(yàn)?zāi)愕牡谝粋€(gè)小程序。/miniprogram/dev/quickstart/basic/file.html#JSON-%E9%85%8D%E7%BD%AE/miniprogram/dev/quickstart/basic/file.html#JSON-%E9%85%8D%E7%BD%AEapp.jsapp.json是對當(dāng)前小程序的全局配置，包括了小程序的所有頁面路徑、界面表現(xiàn)、網(wǎng)絡(luò)超時(shí)時(shí)間、底部tab等。app.json是對當(dāng)前小程序的全局配置，包括了小程序的所有頁面路徑、界面表現(xiàn)、網(wǎng)絡(luò)超時(shí)時(shí)間、底部tab等。app.json其實(shí)用來表示pages/logs目錄下的logs.json這類和小程序頁面相關(guān)的配置。如果你整個(gè)小程序的風(fēng)格是藍(lán)色調(diào)，那么你可以在app.json里邊聲明頂部顏色是藍(lán)色即可。實(shí)際情況可能不是這樣，可能你小程序里邊的每個(gè)頁面都有不一樣的色調(diào)來區(qū)分不同功能模塊，因此我們提供了page.json，讓開發(fā)者可以獨(dú)立定義每個(gè)頁面的一些屬性，例如剛剛說的頂部顏色、是否允許下拉刷新等等。其實(shí)用來表示pages/logs目錄下的logs.json這類和小程序頁面相關(guān)的配置。如果你整個(gè)小程序的風(fēng)格是藍(lán)色調(diào)，那么你可以在app.json里邊聲明頂部顏色是藍(lán)色即可。實(shí)際情況可能不是這樣，可能你小程序里邊的每個(gè)頁面都有不一樣的色調(diào)來區(qū)分不同功能模塊，因此我們提供了page.json，讓開發(fā)者可以獨(dú)立定義每個(gè)頁面的一些屬性，例如剛剛說的頂部顏色、是否允許下拉刷新等等。wxcssWXSS具有CSS大部分的特性，小程序在WXSS也做了一些擴(kuò)充和修改。新增了尺寸單位。在寫CSS樣式時(shí)，開發(fā)者需要考慮到手機(jī)設(shè)備的屏幕會(huì)有不同的寬度和設(shè)備像素比，采用一些技巧來換算一些像素單位。WXSS在底層支持新的尺寸單位rpx，開發(fā)者可以免去換算的煩惱，只要交給小程序底層來換算即可，由于換算采用的浮點(diǎn)數(shù)運(yùn)算，所以運(yùn)算結(jié)果會(huì)和預(yù)期結(jié)果有一點(diǎn)點(diǎn)偏差。提供了全局的樣式和局部樣式。和前邊app.json,page.json的概念相同，你可以寫一個(gè)app.wxss作為全局樣式，會(huì)作用于當(dāng)前小程序的所有頁面，局部頁面樣式page.wxss僅對當(dāng)前頁面生效。此外WXSS僅支持部分CSS選擇器。WXSS具有CSS大部分的特性，小程序在WXSS也做了一些擴(kuò)充和修改。新增了尺寸單位。在寫CSS樣式時(shí)，開發(fā)者需要考慮到手機(jī)設(shè)備的屏幕會(huì)有不同的寬度和設(shè)備像素比，采用一些技巧來換算一些像素單位。WXSS在底層支持新的尺寸單位rpx，開發(fā)者可以免去換算的煩惱，只要交給小程序底層來換算即可，由于換算采用的浮點(diǎn)數(shù)運(yùn)算，所以運(yùn)算結(jié)果會(huì)和預(yù)期結(jié)果有一點(diǎn)點(diǎn)偏差。提供了全局的樣式和局部樣式。和前邊app.json,page.json的概念相同，你可以寫一個(gè)app.wxss作為全局樣式，會(huì)作用于當(dāng)前小程序的所有頁面，局部頁面樣式page.wxss僅對當(dāng)前頁面生效。此外WXSS僅支持部分CSS選擇器。project.config.json通常大家在使用一個(gè)工具的時(shí)候，都會(huì)針對各自喜好做一些個(gè)性化配置，例如界面顏色、編譯配置等等，當(dāng)你換了另外一臺(tái)電腦重新安裝工具的時(shí)候，你還要重新配置。通常大家在使用一個(gè)工具的時(shí)候，都會(huì)針對各自喜好做一些個(gè)性化配置，例如界面顏色、編譯配置等等，當(dāng)你換了另外一臺(tái)電腦重新安裝工具的時(shí)候，你還要重新配置。wxml等基本等同咱們開發(fā)的html，wxss是等同css,通過這三個(gè)文件基本的就可以構(gòu)成咱們的頁面了?；卷撁娴臉?gòu)成就需要這3個(gè)文件。wxml等基本等同咱們開發(fā)的html，wxss是等同css,通過這三個(gè)文件基本的就可以構(gòu)成咱們的頁面了?；卷撁娴臉?gòu)成就需要這3個(gè)文件。utils常用公共js的抽象。utils常用公共js的抽象。在page