出自该贴的回复:
http://www.iteye.com/topic/161609
JSI的延迟装载和异步装载过程非常相似.
他们的实现是这样的:
1.计算出全部未装载的依赖,并将依赖加入缓存.
2.执行同步装载.
其实所有的三种装载方式,原理都是一样的,只不过非同步装载在真正装载前有个预处理.
而异步装载和延迟装载的区别也就在于预处理过程中如何缓存脚本.
异步装载就是直接xhr异步读取js文件,加入JSI的脚本缓存.
而延迟模式就略显麻烦了,如hax所言,他是通过打印一段引用脚本,脚本文件的内容就是用闭包封起来的源代码.
$JSI.addCacheScript("mypkg","hello.js",function(){eval(this.varText)/**
* helllo world 函数
*/
function hello(){
alert("hello world")
}
})
而这段脚本的生成,我们可以在脚本打包时自动生成.
如果在调试期间,我们不希望每次修改都去运行任务,我们可以用一个jsp代理或者一个servlet过滤器去做相关的文本处理,同时还可以确保转换后的脚本与源文件行数完全对应,这就是JSI对于调试友好实现的基本原理.
其中:eval(this.varText)这句时jsi里面比较关键的一点,他除了申明依赖之外,还构造了一个钩子函数.
能后外界就可以控制装载单元的内容了.如:注入装载后依赖.
分享到:
相关推荐
海尔液晶电源 0094001224B JSI-190419-050 JSI-220409-050原理图.pdf
海尔液晶电源背光板 0094001274E JSI-320411 原理图.pdf
JSI框架提供一个无侵入的脚本库管理解决方案,和一个全面的前端开发调试、文档解析、模版编译、打包导出环境支持。 作为一个开发期间的脚本管理工具,让开发者在开发期间享受JSI带来的种种便捷,也可以作为一个运行...
JSI-full-2.0
我们提供了培训和测试代码,以及经过训练的权重和用于JSI-GAN的数据集(train + test)。 如果您发现此存储库有用,请考虑引用我们的。 参考: Soo Ye Kim *,Jihyong Oh *和Munchurl Kim“ JSI-GAN:基于GAN的...
Jsi是带有内置websocket-server,sqlite和C -extensibility的javascript -ish解释器。 | | | 快速开始下载适用于 / 的二进制文件: wget ...
HDT-JSI01
JSI Wikifier OpenAPI规范 JSI Wikifier API文档存储库。链接文档: : SwaggerUI: ://jsi-eubusinessgraph.github.io/jsi-wikifier-api/swagger-ui/ 看完整规格: JSON YAML 警告:仅当Travis CI完成部署后,以上...
轻量系统JS-UI框架子系统,是OpenHarmony为开发者提供的一套开发OpenHarmony应用的JS-UI框架,部署在轻量系统上,为应用提供UI开发能力。
jsi-初学者条件语句、for/forEach 循环和啤酒瓶。
自定义三种方式进度条,学会使用Canvas
eccl-jsi.github.io
react-native-multithreading using使用JSI的React Native的快速简便的多线程处理。 安装npm install react-native-multithreading npx pod-i react-native-...Why为什么自从JSI成为主流以来,可能会有一些功能
文件里面已弄了使用说明,转换比较全面,已经开发和测试。可用于后台的URL的路径使用,以及其它方面的一些转换使用,详情自己挖掘...
java程序推荐源码 ...然后添加一些矩形; 每个人都有一个ID。 final Rectangle[] rects = new Rectangle[100]; rects[0] = new Rectangle(0, 10, 0, 10); rects[1] = new Rectangle(0, 11, 1, 20); si.add
流冒险学习你的节点聊天室
javascript sfs多个关键字请用空格分隔,最多填写5个。点击右侧Tag快速添加
:thread: 使用JSI的React Native的快速简便的多线程处理。 安装 npm install react-native-multithreading npx pod-install 需要包括的react-native-reanimated版本。 您可以自己打补丁,也可以等到它发布后再...
通过React 5的MD5的JSI绑定,以极快的速度实现C ++实现。 确认它比在iPhone 11 Pro上使用快10倍,在Essential Phone上快8倍。 您可以在下查看基准测试。 安装 npm install react-native-quick-md5 用法 import { ...
正泰LQG-0.66型电流互感器PDF,