`
gui1401
  • 浏览: 49960 次
  • 性别: Icon_minigender_1
  • 来自: 济南
社区版块
存档分类
最新评论

脚本装载时一个似乎应该有所重视的问题。

    博客分类:
  • js
阅读更多
今天无意间打开了一个CSDN上的个人blog,发现窗口无法拖动,Firefox的标签页也无法切换。

查看代码:
Java代码 复制代码
  1. <script type="text/javascript">Include("Csdn.Blog.UserOnline");</script>   
  2. <script type="text/javascript">Include("Csdn.Blog.ShowmeDataDeal");</script>  
<script type="text/javascript">Include("Csdn.Blog.UserOnline");</script>
<script type="text/javascript">Include("Csdn.Blog.ShowmeDataDeal");</script>

看到Include函数,马上可以想到,它很可能使用了动态包含脚本的设计。
Java代码 复制代码
  1. //http://blog.csdn.net/scripts/jsframework.js   
  2. window.Include=function(namespace, path)   
  3. {   
  4.   .....   
  5. };   
  6. S.load=function(namespace, path)   
  7. {   
  8.   ......   
  9. }  
//http://blog.csdn.net/scripts/jsframework.js
window.Include=function(namespace, path)
{
  .....
};
S.load=function(namespace, path)
{
  ......
}


仔细阅读这两个函数代码,发现它是通过XMLHttpRequest对象同步装载脚本资源的(对IE,它采用userdata缓存优化)。而这必将导致一种完全阻塞问题(这种问题我在仍外一篇blog上描述过:http://jindw.iteye.com/blog/66702)。

说到阻塞问题,我想大家可能会以为只是一种下载延迟,其实不然。
下载延迟不是完全阻塞,浏览器依然可以响应用户事件。而同步XHR请求阻塞是一种完全的阻塞。
浏览器在脚本运行与事件响应共用同一个线程(我的猜测)。任何脚本尚在运行时(包括被同步XHR请求阻塞的时间),浏览器将无法响应任何用户事件(无法拖放窗口、切换标签、重画页面等等,就像程序死了一样)。与普通的下载延迟造成的阻塞,感觉明显不同。

我对这个问题可以说深有体会,起初,在构建JSI1的项目站点时。因为网站放在sourceforge上,访问数度不是一般的慢,几个简单的例子,浏览器就要完全阻塞好几妙钟。正是厌恶这种完全阻塞的现象,我才开发了JSI2。

事实上,现在的一堆堆js框架中,采用XHR同步装载资源的有不少,JSVM、dojo、a9engine、hax的pies;其中JSVM,dojo都提供打包工具,将可能装载的脚本打包到启动文件中,所以也可以避免XHR同步请求。不过这样也就失去了部分动态装载的意义了。

总之,我非常讨厌这种完全阻塞现象,认为这个严重影响用户体验。
可能也有些主观因素把,希望听听大家的看法。
分享到:
评论

相关推荐

    unity多个物体间的脚本执行顺序

    在Unity引擎中,脚本执行顺序是一个至关重要的概念,特别是在涉及多个游戏对象(GameObject)交互时。Unity5.3版本虽然较旧,但其脚本执行的原理在后续版本中依然适用,只是部分细节可能有所优化。理解并掌握这一...

    bat脚本技巧一键批量替换文件名,bat脚本知识小技巧小妙招

    今天,我分享一个一键批量替换文件名的bat脚本给大家,因为我自己有这样的需求,所有从新写了一个bat脚本,顺便分享给大家,上期我们分享了批量改名,但是我在实际中遇到了这样的问题,有一些文件我是要去改它的...

    脚本引擎 脚本解析器

    author:ListenWind ...c 语言模式脚本解析器,脚本执行不是其目的。...希望对学习脚本的人有所帮助。 今天测试循环 发现效率实在令人郁闷。先不管了(感觉递归引起的) 代码照样没释放内存,存在内存泄露问题。

    装备制作脚本_079脚本_冒险岛079NPC脚本_

    "装备制作脚本.js"是一个JavaScript文件,它是游戏中的一个关键组成部分。JavaScript是一种广泛使用的编程语言,尤其在Web开发中,但也可以用于游戏开发,尤其是在客户端的逻辑控制上。在这个特定的上下文中,装备...

    WinCC常用C和VBS脚本.pdf

    在处理大量数据时,WinCC脚本提供了GetTagMulti()函数来一次性读取多个变量,而SetTagMultiWait()函数则用于等待并设置多个变量。这些函数对于数据采集、记录和分析等任务特别有用。 7. 脚本的触发机制 脚本通常与...

    sqlserver表数据生成insertsql脚本(导出成insertsql脚本).pdf

    * 数据迁移:当我们需要将数据从一个数据库迁移到另一个数据库时,生成INSERT SQL脚本可以帮助我们快速地将数据迁移到目标数据库中。 * 数据备份:生成INSERT SQL脚本可以作为数据备份的一种方式,以便在数据丢失或...

    OD脚本制作帮助

    ODbgScript相对OllyScript最大的升级是你拥有了一个脚本的调试运行窗口,你能很好的控制脚本和观察脚本的运行状态,在ODbgScript的调试窗口中,你可以单步执行你的脚本,可以手工执行脚本命令,可以在你的脚本上下断点,...

    大麦网演唱会演出抢票脚本

    在大麦网抢票脚本案例中,"DamaiHelper-main"可能是一个主程序文件,它包含了实现脚本功能的核心代码。这个文件可能包括了对大麦网接口的调用,网页数据的抓取,以及模拟点击、填写表单等操作。开发者通常会使用编程...

    脚本解析器 脚本引擎

    c 语言模式脚本解析器,脚本执行不是其... 支持单行、多行注释 测试字符串类型 希望对学习脚本的人有所帮助。 今天测试循环 发现效率实在令人郁闷。先不管了(感觉递归引起的) 代码照样没释放内存,存在内存泄露问题。

    自动修改网卡名称的VBS脚本

    标题中的“自动修改网卡名称的VBS脚本”指的是使用Visual Basic Script(VBS)编写的一个程序,它的主要功能是自动更改计算机上的网络适配器(网卡)的名称。VBS是一种基于Windows的脚本语言,常用于自动化任务执行...

    微信小程序跳一跳自动运行脚本

    【微信小程序跳一跳自动运行脚本】是一个利用自动化技术帮助玩家在微信小程序"跳一跳"游戏中自动操作的程序。这个脚本的核心是通过adb(Android Debug Bridge)工具与手机进行交互,实现游戏的自动控制。adb是...

    Excel2003打开的时候显示 无法装载这个对象,因为它不适用于这台计算机

    在使用Microsoft Excel 2003时,可能会遇到“无法装载这个对象,因为它不适用于这台计算机”的错误提示。这个错误通常与控件组件(即OCX控件)的注册问题有关,这些控件是Excel用来增强其功能的外部程序模块。在此...

    gcc链接脚本详解.pdf

    总之,GCC链接脚本是构建可执行文件过程中不可或缺的一部分,它允许开发者精细地控制程序内存布局,以适应各种复杂的系统环境和性能需求。通过深入理解和熟练运用链接脚本,可以更好地优化程序性能,解决特定平台上...

    CGI脚本入门学习--HTML格式

    创建特殊的脚本输出 以装载另一个文本响应 无响应 处理表单的脚本 表单格式和表单脚本 GET 和 POST URL 编码 问题 CGI 变量 解码程序 uncgi cgi-lib.pl 解码文件上传的输入 自己做 非解剖的头部脚本...

    A在线学习挂机脚本js插件免费最新版

    A在线学习挂机脚本js插件是由作者Sammy M分享的一个浏览器扩展插件。广东人才培训网在线学习自动挂机,自动过答题验证。 什么是脚本? 脚本是批处理文件的延伸,是一种纯文本保存的程序,一般来说的计算机脚本程序...

    C#利用脚本做了一个公式编辑器

    总的来说,“C#利用脚本做了一个公式编辑器”是一个优秀的示例,它展示了如何巧妙地利用脚本语言来增强软件的灵活性和可扩展性,尤其是在处理需要频繁变动的业务逻辑时。通过这种方式,开发者可以更专注于核心业务的...

    自动输入脚本 -- 解决禁止粘贴问题

    为了解决这个问题,我们可以编写一个Python脚本模拟键盘输入,这样即使网站禁止了粘贴,我们仍然可以自动化地输入大量数据。 `pyautogui`库是Python中用于屏幕操作的一个强大工具,它可以模拟鼠标和键盘的行为。...

    用Python 编写的一个Monkey脚本例子

    你可以设置一个随机的时间间隔,让脚本在等待一段时间后执行下一个事件。 ```python import time def run_monkey_test(duration): for _ in range(int(duration / 1)): time.sleep(random.randint(1, 5)) event...

    脚本提纲.pdf

    2. 脚本提纲的结构:一个典型的脚本提纲通常包括序言(引入故事背景和主要角色)、情节发展(主要故事线和冲突点)、高潮(故事的最高潮部分)、结局(故事的收尾)等部分。 3. 情节构建:在脚本提纲中,创作者需要...

Global site tag (gtag.js) - Google Analytics