基于芋头v3中js解释器组件的案例分析 - 行业资讯 - 肥雀云

　　介绍

这篇文章主要介绍基于芋头v3中js解释器组件的案例分析,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!

Github地址

基于<代码>芋头v3 开发,支持多端小程序动态加载远程JavaScript脚本并执行,<强>支持ES5语法

使用

npm安装,节省taro-script复制代码从“进口TaroScript taro-script"; 　　　　& lt; TaroScript文本=癱onsole.log (100 + 200)“;/祝辞;复制代码从“进口TaroScript taro-script"; 　　　　https://www.yisu.com/zixun/& lt; TaroScript src=" https://xxxxx/xx.js "> 　　<视图>你好TaroScript 　　;复制代码

<强>注1 :同一<代码> taro-script> componentDidMount> 函数应用({url}) {//只会在第一次创建后加载并执行,后续组件的更新会忽略所有属性变动　　返回& lt; TaroScript src=https://www.yisu.com/zixun/{url}/>; 　　}复制代码

<强>注2 :多个<代码> taro-script> //并行加载及无序执行　　https://www.yisu.com/zixun/& lt; TaroScript src=" path2 "/> 　　　　复制代码

<>强如需要确保执行顺序,应该使用数组或嵌套,例如:

<强>数组方式(建议)

& lt; TaroScript src=https://www.yisu.com/zixun/{[“path2”、“path3”,“path4”]}/>复制代码

或嵌套方式

& lt; TaroScript src=https://www.yisu.com/zixun/" path2 "> 　　　　　　　　复制代码

<代码>中

内置的全局执行上下文

进口TaroScript, {globalContext}从“taro-script"; 　　　　& lt; TaroScript文本=皏ar值=https://www.yisu.com/zixun/100 "/>;复制代码

<强>此时<代码>中。价值> 100

<>强自定义<代码> 背景示例

从“进口TaroScript taro-script"; 　　　　const应用=getApp (); 　　　　& lt; TaroScript背景=={应用}文本“var值=https://www.yisu.com/zixun/100 "/>;复制代码

<强>此时<代码>应用程序。价值> 100

<代码> TaroScript 属性

<代码> src

类型:<代码>字符串| string[]

要加载的远程脚本

<代码>文本

类型:<代码>字符串| string[]

需要执行JavaScript的脚本字符串,<代码> 文本优先级高于<代码> src

<代码>上下文

类型:<代码>对象代码

默认值:<代码> globalContext={}

执行上下文,默认为<代码>中

<代码>超时

类型:<代码> 数量默认值:<代码> 10000 毫秒

设置每个远程脚本加载超时时间

<代码> onExecSuccess

类型:<代码>()=比;空白

脚本执行成功后回调

<代码> onExecError

类型:<代码> (err:错误)=比;空白

脚本执行错误后回调

<代码> onLoad

类型:<代码>()=比;空白

脚本加载完且执行成功后回调,<代码> 存文本在时无效

<代码> onError

类型:<代码> (err:错误)=比;空白

脚本加载失败或脚本执行错误后回调,<代码> 存文本在时无效

<代码>后备

类型:<代码> React.ReactNode

脚本加载中,加载失败,执行失败的显示内容

<代码>缓存代码

类型:<代码>布尔

默认值:真正<代码>

是否启用加载缓存,缓存策略是已当前请求地址作为<代码>键> 基于芋头v3中js解释器组件的案例分析

最近更新内容

使用