微信小程序開發工具注意點,微信小程序運行端
2020-09-27
導讀：javascript wxss 微信小程序運行在三端：iOS、Android 和 用于調試的開發者工具。 三端的腳本執行環境聚以及用于渲染非原生組件的環境是各不相同的： 在 iOS 上，小程序的 javascript 代碼是...
javascript && wxss
微信小程序運行在三端：iOS、Android 和 用于調試的開發者工具。
三端的腳本執行環境聚以及用于渲染非原生組件的環境是各不相同的：
- 在 iOS 上，小程序的 javascript 代碼是運行在 JavaScriptCore 中，是由 WKWebView 來渲染的，環境有 iOS8、iOS9、iOS10
- 在 Android 上，小程序的 javascript 代碼是通過 X5 JSCore來解析，是由 X5 基于 Mobile Chrome 37 內核來渲染的
- 在 開發工具上， 小程序的 javascript 代碼是運行在 nwjs 中，是由 Chrome Webview 來渲染的
盡管三端的環境是十分相似的，但是還是有些許區別：
-
ES6語法支持不一致，語法上開發者可以通過開啟ES6轉ES5的功能來規避。詳情 -
wxss渲染表現不一致，盡管可以通過開啟樣式補全來規避大部分的問題 詳情，還是建議開發者需要在 iOS 和 Android 上檢查小程序的真實表現。
客戶端可信域名校驗
開發者使用手機掃碼調試的場景下，打開調試模式之后，最新版的客戶端將不檢查可信域名。
代碼文件必須 UTF8 編碼
iOS下僅支持 UTF8 編碼格式，最新版本的開發者工具會在上傳代碼時候對代碼文件做一次編碼格式校驗。
ES6 APi 支持情況
微信小程序已經支持了絕大部分的 ES6 API 具體表格如下：
-
tip: TBS 3.0 是指微信小程序 Android 運行環境 -
tip:Array.values不支持 -
tip:Proxy不支持
| String | iOS8 | iOS9 | iOS10 | TBS3.0 |
|---|---|---|---|---|
| codePointAt | ||||
| normalize | ||||
| includes | ||||
| startsWith | ||||
| endsWith | ||||
| repeat | ||||
| String.fromCodePoint |
| Array | iOS8 | iOS9 | iOS10 | TBS3.0 |
|---|---|---|---|---|
| copyWithin | ||||
| find | ||||
| findIndex | ||||
| fill | ||||
| entries | ||||
| keys | ||||
| values | ? | ? | ||
| includes | ||||
| Array.from | ||||
| Array.of |
| Number | iOS8 | iOS9 | iOS10 | TBS3.0 |
|---|---|---|---|---|
| isFinite | ||||
| isNaN | ||||
| parseInt | ||||
| parseFloat | ||||
| isInteger | ||||
| EPSILON | ||||
| isSafeInteger |
| Math | iOS8 | iOS9 | iOS10 | TBS3.0 |
|---|---|---|---|---|
| trunc | ||||
| sign | ||||
| cbrt | ||||
| clz32 | ||||
| imul | ||||
| fround | ||||
| hypot | ||||
| expm1 | ||||
| log1p | ||||
| log10 | ||||
| log2 | ||||
| sinh | ||||
| cosh | ||||
| tanh | ||||
| asinh | ||||
| acosh | ||||
| atanh |
| Object | iOS8 | iOS9 | iOS10 | TBS3.0 |
|---|---|---|---|---|
| is | ||||
| assign | ||||
| getOwnPropertyDescriptor | ||||
| keys | ||||
| getOwnPropertyNames | ||||
| getOwnPropertySymbols |
| Other | iOS8 | iOS9 | iOS10 | TBS3.0 | |
|---|---|---|---|---|---|
| Symbol | |||||
| Set | |||||
| Map | |||||
| Proxy | ? | ? | ? | ||
| Reflect | |||||
| Promise |
更多微信小程序開發教程，可以關注hi小程序。
第二部分：如何開通一個小商店
您可能感興趣: 微信小程序制作工具
掃碼免費領取運營資料包
