we-script

讓微信小程序支持加載遠(yuǎn)程 JavaScript 腳本， 支持 ES5 語法

最近更新內(nèi)容

• src 支持?jǐn)?shù)組
• 新增 once ，相同上下文及相同地址的腳本只執(zhí)行一次
• 新增 onInit 事件

使用

小程序如何使用 npm 包

npm <strong>install</strong> <em>--save we-script</em>

step1 安裝完成后，點(diǎn)擊開發(fā)者工具中的菜單欄：工具 --> 構(gòu)建 npm

step2 安裝完成后，點(diǎn)擊開發(fā)者工具中的菜單欄：工具 --> 項(xiàng)目詳情 --> 本地設(shè)置 --> [勾選] 使用 npm 模塊

在需要用的頁面或組件的 json 文件添加聲明，示例：

index.json

{
  "usingComponents": {
    "we-script": "we-script"
  }
}

index.wxml

<we-script src="url">
  <view>hello we-script<view>
</we-script>

注：多個(gè) we-script 會(huì)并行加載及無序執(zhí)行，無法保證執(zhí)行順序。如：

// 并行加載及無序執(zhí)行
<we-script src="url1" />
<we-script src="url2" />
<we-script src="url3" />

如需要確保執(zhí)行順序，應(yīng)該使用數(shù)組，例如：

數(shù)組方式

<we-script src="{{[url1,url2,url3]}}">
  <view>hello we-script<view>
</we-script>

we-script 也支持嵌套，如：

<we-script  src="url1">
  <we-script src="url2">
    <view>hello we-script<view>
  </we-script>
</we-script>

注意：在嵌套的情況下 we-script 加載和執(zhí)行也是并行且無序的，因?yàn)樾〕绦蛏芷谟|發(fā)機(jī)制導(dǎo)致，如果想在嵌套模式下保證順序，需要自己手動(dòng)控制，示例：

<we-script bind:onLoad="loadScript" src="url1">
  <we-script wx:if="url1_load_success" src="url2">
    <view>hello we-script<view>
  </we-script>
</we-script>

重要：遠(yuǎn)程加載執(zhí)行的代碼所生成的函數(shù)，變量等數(shù)據(jù)存儲(chǔ)在 we-script 默認(rèn)的 上下文 中，可通過 onLoad 事件獲取默認(rèn) 上下文 ，或通過 onInit 事件獲取上下文或自定義 上下文 。