微信小程序工具使用,項(xiàng)目頁(yè)卡主要有三大功能

　　項(xiàng)目頁(yè)卡主要有三大功能

　　顯示當(dāng)前項(xiàng)目細(xì)節(jié)

　　包括圖標(biāo)、AppID、第三方平臺(tái)名(只有第三方平臺(tái)的開發(fā)小程序才會(huì)顯示)、目錄信息、上次提交代碼的時(shí)間以及代碼包大小。

　　基礎(chǔ)庫(kù)版本切換

　　開發(fā)者可以在此選擇任意基礎(chǔ)庫(kù)版本，用于開發(fā)和調(diào)試舊版本兼容問題。

　　項(xiàng)目設(shè)置

　　微信小程序運(yùn)行在三端：iOS、Android 和 用于調(diào)試的開發(fā)者工具。

　　三端的腳本執(zhí)行環(huán)境以及用于渲染非原生組件的環(huán)境是各不相同的：

　　在 iOS 上，小程序的 javascript 代碼是運(yùn)行在 JavaScriptCore 中，是由 WKWebView 來渲染的，環(huán)境有 iOS8、iOS9、iOS10

　　在 Android 上，小程序的 javascript 代碼是通過 X5 JSCore來解析，是由 X5 基于 Mobile Chrome 53/57 內(nèi)核來渲染的

　　在 開發(fā)工具上， 小程序的 javascript 代碼是運(yùn)行在 nwjs 中，是由 Chrome Webview 來渲染的

　　盡管三端的環(huán)境是十分相似的，但是還是有些許區(qū)別：

　　ES6 語(yǔ)法支持不一致。詳情

　　wxss 渲染表現(xiàn)不一致。盡管可以通過開啟樣式補(bǔ)全來規(guī)避大部分的問題 ，還是建議開發(fā)者需要在 iOS 和 Android 上分別檢查小程序的真實(shí)表現(xiàn)。

　　ES6 轉(zhuǎn) ES5

　　在 0.10.101000 以及之后版本的開發(fā)工具中，會(huì)默認(rèn)使用 babel 將開發(fā)者 ES6 語(yǔ)法代碼轉(zhuǎn)換為三端都能很好支持的 ES5 的代碼，幫助開發(fā)者解決環(huán)境不同所帶來的開發(fā)問題。

　　需要注意的是：

　　為了提高代碼質(zhì)量，在開啟 ES6 轉(zhuǎn)換功能的情況下，默認(rèn)啟用 javasctipt 嚴(yán)格模式，請(qǐng)參考 "use strict"

　　樣式補(bǔ)全

　　開啟此選項(xiàng)，開發(fā)工具會(huì)自動(dòng)檢測(cè)并補(bǔ)全缺失樣式，保證在低版本系統(tǒng)上的正常顯示。盡管可以規(guī)避大部分的問題 ，還是建議開發(fā)者需要在 iOS 和 Android 上分別檢查小程序的真實(shí)表現(xiàn)。

　　壓縮代碼

　　開啟此選項(xiàng)，開發(fā)工具在上傳代碼時(shí)候?qū)?huì)幫助開發(fā)者壓縮 javascript 代碼，減小代碼包體積。

　　不校驗(yàn)請(qǐng)求域名及 TLS 版本

　　正式發(fā)布的小程序的網(wǎng)絡(luò)請(qǐng)求是需要校驗(yàn)合法域名以及域名的 TLS 版本，可以在 mp 管理后臺(tái)進(jìn)行配置。 在開發(fā)過程中可以開啟此選項(xiàng)，開發(fā)工具將不會(huì)校驗(yàn)安全域名，以及 TLS 版本，幫助在開發(fā)過程中更方便的完成調(diào)試工作。點(diǎn)擊——微信小程序開發(fā)教程。