今天无意间打开了一个CSDN上的个人blog,发现窗口无法拖动,Firefox的标签页也无法切换。
查看代码:
- <script type="text/javascript">Include("Csdn.Blog.UserOnline");</script>
- <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函数,马上可以想到,它很可能使用了动态包含脚本的设计。
-
- window.Include=function(namespace, path)
- {
- .....
- };
- S.load=function(namespace, path)
- {
- ......
- }
//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引擎中,脚本执行顺序是一个至关重要的概念,特别是在涉及多个游戏对象(GameObject)交互时。Unity5.3版本虽然较旧,但其脚本执行的原理在后续版本中依然适用,只是部分细节可能有所优化。理解并掌握这一...
今天,我分享一个一键批量替换文件名的bat脚本给大家,因为我自己有这样的需求,所有从新写了一个bat脚本,顺便分享给大家,上期我们分享了批量改名,但是我在实际中遇到了这样的问题,有一些文件我是要去改它的...
author:ListenWind ...c 语言模式脚本解析器,脚本执行不是其目的。...希望对学习脚本的人有所帮助。 今天测试循环 发现效率实在令人郁闷。先不管了(感觉递归引起的) 代码照样没释放内存,存在内存泄露问题。
"装备制作脚本.js"是一个JavaScript文件,它是游戏中的一个关键组成部分。JavaScript是一种广泛使用的编程语言,尤其在Web开发中,但也可以用于游戏开发,尤其是在客户端的逻辑控制上。在这个特定的上下文中,装备...
在处理大量数据时,WinCC脚本提供了GetTagMulti()函数来一次性读取多个变量,而SetTagMultiWait()函数则用于等待并设置多个变量。这些函数对于数据采集、记录和分析等任务特别有用。 7. 脚本的触发机制 脚本通常与...
* 数据迁移:当我们需要将数据从一个数据库迁移到另一个数据库时,生成INSERT SQL脚本可以帮助我们快速地将数据迁移到目标数据库中。 * 数据备份:生成INSERT SQL脚本可以作为数据备份的一种方式,以便在数据丢失或...
ODbgScript相对OllyScript最大的升级是你拥有了一个脚本的调试运行窗口,你能很好的控制脚本和观察脚本的运行状态,在ODbgScript的调试窗口中,你可以单步执行你的脚本,可以手工执行脚本命令,可以在你的脚本上下断点,...
在大麦网抢票脚本案例中,"DamaiHelper-main"可能是一个主程序文件,它包含了实现脚本功能的核心代码。这个文件可能包括了对大麦网接口的调用,网页数据的抓取,以及模拟点击、填写表单等操作。开发者通常会使用编程...
c 语言模式脚本解析器,脚本执行不是其... 支持单行、多行注释 测试字符串类型 希望对学习脚本的人有所帮助。 今天测试循环 发现效率实在令人郁闷。先不管了(感觉递归引起的) 代码照样没释放内存,存在内存泄露问题。
标题中的“自动修改网卡名称的VBS脚本”指的是使用Visual Basic Script(VBS)编写的一个程序,它的主要功能是自动更改计算机上的网络适配器(网卡)的名称。VBS是一种基于Windows的脚本语言,常用于自动化任务执行...
【微信小程序跳一跳自动运行脚本】是一个利用自动化技术帮助玩家在微信小程序"跳一跳"游戏中自动操作的程序。这个脚本的核心是通过adb(Android Debug Bridge)工具与手机进行交互,实现游戏的自动控制。adb是...
在使用Microsoft Excel 2003时,可能会遇到“无法装载这个对象,因为它不适用于这台计算机”的错误提示。这个错误通常与控件组件(即OCX控件)的注册问题有关,这些控件是Excel用来增强其功能的外部程序模块。在此...
总之,GCC链接脚本是构建可执行文件过程中不可或缺的一部分,它允许开发者精细地控制程序内存布局,以适应各种复杂的系统环境和性能需求。通过深入理解和熟练运用链接脚本,可以更好地优化程序性能,解决特定平台上...
创建特殊的脚本输出 以装载另一个文本响应 无响应 处理表单的脚本 表单格式和表单脚本 GET 和 POST URL 编码 问题 CGI 变量 解码程序 uncgi cgi-lib.pl 解码文件上传的输入 自己做 非解剖的头部脚本...
A在线学习挂机脚本js插件是由作者Sammy M分享的一个浏览器扩展插件。广东人才培训网在线学习自动挂机,自动过答题验证。 什么是脚本? 脚本是批处理文件的延伸,是一种纯文本保存的程序,一般来说的计算机脚本程序...
总的来说,“C#利用脚本做了一个公式编辑器”是一个优秀的示例,它展示了如何巧妙地利用脚本语言来增强软件的灵活性和可扩展性,尤其是在处理需要频繁变动的业务逻辑时。通过这种方式,开发者可以更专注于核心业务的...
为了解决这个问题,我们可以编写一个Python脚本模拟键盘输入,这样即使网站禁止了粘贴,我们仍然可以自动化地输入大量数据。 `pyautogui`库是Python中用于屏幕操作的一个强大工具,它可以模拟鼠标和键盘的行为。...
你可以设置一个随机的时间间隔,让脚本在等待一段时间后执行下一个事件。 ```python import time def run_monkey_test(duration): for _ in range(int(duration / 1)): time.sleep(random.randint(1, 5)) event...
2. 脚本提纲的结构:一个典型的脚本提纲通常包括序言(引入故事背景和主要角色)、情节发展(主要故事线和冲突点)、高潮(故事的最高潮部分)、结局(故事的收尾)等部分。 3. 情节构建:在脚本提纲中,创作者需要...