注冊(cè)

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

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

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

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

  包括圖標(biāo)、AppID、第三方平臺(tái)名(只有第三方平臺(tái)的開發(fā)小程序才會(huì)顯示)、目錄信息、上次提交代碼的時(shí)間以及代碼包大小。
微信小程序工具使用,項(xiàng)目頁(yè)卡主要有三大功能

  基礎(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 版本
微信小程序工具使用,項(xiàng)目頁(yè)卡主要有三大功能

  正式發(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ā)教程。

重磅推薦:小程序開店目錄

第一部分:小商店是什么

第二部分:如何開通一個(gè)小商店

第三部分:如何登錄小商店

第四部分:開店任務(wù)常見問題

第五部分:小商店可以賣什么

第六部分:HiShop小程序特色功能

第七部分:小程序直播

第八部分:小程序收貨/物流

第九部分:小程序怎么結(jié)算

第十部分:小程序客服

第十一部分:電商創(chuàng)業(yè)

第十二部分:小程序游戲開發(fā)