亚洲国产精品综合一区在线,亚洲欧洲免费视频,亚洲精品成人区在线观看

�q�动曲线研究(�~�动效果)

Sun, 14 Oct 2007 13:14:00 GMT

摘要: 刚刚学习了一下网��动��M��上的�~�动效果�Q�分享一下学习心得�? �~�动曲线的概念： �~�动曲线是一�?��v点的�q�箋函数曲线�Q�x轴表�C�时间变化，y轴表�C�Z��U�d��化。曲�U�的斜率反映��动的数度�? �~�动效果在Flash动画中比较常见，用于模拟一些现实中常见的运动轨�q�，或者制造一些超�l�的效果�?而且新版本的Flash中，内置了一些常用的�~�动曲线函数�? 可惜,Flash的这些曲�U�函��C��是开源的... 阅读全文

金大�?/a> 2007-10-14 21:14 发表评论

JSA在线压羃�E�序发布

Wed, 22 Aug 2007 08:28:00 GMT

JSA�q�个压羃工具�Q�是java�~�写的，需要安装java�q�行环境�?
�q�多��给一些非jav�E�序员带来点不便�?/p>

现在我们发布servlet在线压羃版本。无需安装�Q�在�U�压�~�，�l�非Java用户一个更加便��L��使用方式�?/p>

��目主页�Q?a target="blank">http://www.xidea.org/project/jsa/
现在的在�U�压�~�服务器�?a target="blank">Seaprince提供�?
�Ƣ迎更多有空闲服务器资源的朋友安装JSA在线服务�Q�我��在jsa��目主页提供链接�Q�方便大家��用�?/p>

仍外�Q��ؓ了避免服务器资源被恶意滥用，我们默认启用了图片验证，服务频率限制�{�保护设�|��?
�l�用户带来些不便�Q�敬误��解�?/p>

金大�?/a> 2007-08-22 16:28 发表评论

脚本装蝲时一个似乎应该有所重视的问题�?

Sun, 12 Aug 2007 14:22:00 GMT

今天无意间打开了一个CSDN上的个�hblog�Q�发现窗口无法拖动，Firefox的标�{�N��也无法切换�?/p>

查看代码�Q?

看到Include函数�Q�马上可以想刎ͼ�它很可能使用了动态包含脚本的设计�?

//http://blog.csdn.net/scripts/jsframework.js
window.Include=function(namespace, path)
{
   ..
};
S.load=function(namespace, path)
{

}

仔细阅读�q�两个函��C��码，发现它是通过XMLHttpRequest对象同步装蝲脚本资源的（对IE�Q�它采用userdata�~�存优化�Q�。而这必将��D��一�U�完全阻塞问题（�q�种问题我在仍外一��blog上描�q�过�Q?a target="blank">http://jindw.javaeye.com/blog/66702�Q��?/p>

说到��d��问题�Q�我惛_��家可能会以�ؓ只是一�U�下载�g�q�，其实不然�?/strong>
下蝲延迟不是完全��d��Q�浏览器依然可以响应用户事�g。而同步XHR��h��d��是一�U�完全的��d��?
��览器在脚本�q�行与事件响应共用同一个线�E�（我的猜测�Q�。�Q何脚本尚在运行时�Q�包括被同步XHR��h��d��的时��_��Q�浏览器��无法响应�Q何用户事�Ӟ��无法拖放�H�口、切换标�{�、重画页面等�{�，��像�E�序��M��一��P��。与普通的下蝲延迟造成的阻塞，感觉明显不同�?/p>

我对�q�个问题可以说深有体会，起初�Q�在构徏JSI1的项目站�Ҏ��。因为网站放在sourceforge上，讉K��数度不是一般的慢，几个��单的例子�Q�浏览器��p��完全��d��好几妙钟。正是厌恶这�U�完全阻塞的现象�Q�我才开发了JSI2�?/p>

事实上，现在的一堆堆js框架中，采用XHR同步装蝲资源的有不少�Q�JSVM、dojo、a9engine、hax的pies�Q�其中JSVM�Q? dojo都提供打包工��P��可能装载的脚本打包到启动文件中�Q�所以也可以避免XHR同步��h��。不�q�这样也��失��M��部分动态装载的意义了�?/p>

��M��Q�我非常讨厌�q�种完全��d��现象�Q�认��个严重媄响用户体验�?
可能也有些主观因素把�Q�希望听听大家的看法�?

金大�?/a> 2007-08-12 22:22 发表评论

Sat, 30 Jun 2007 08:47:00 GMT

带ID的函数表辑ּ��Q?
var fn = function fnid(){};

按照ECMA262定义,上面�q�段脚本�{��h于：

with({fnid:null}){
  var fn = fnid = function(){};
}

注意�Q�fnid在with外是不可见的�Q�但是IE没有严格遵守ECMA规范(同样的情况发生在catch语法�?。在IE上相当于�Q?

var fnid = function(){};
var fn = fnid;

在刚刚发布的JSA1beta上，�q�不能处理这个问题（新版本将�q�周内发布）。同�Ӟ��鉴于�q�种语法在不同浏览器上表��C��同，�q�是��量避免使用�Q�这点上�Q�我个�h�q�是更喜�Ƣie的方式）�?/p>
var语句�Q?/strong>
太常用了�Q�但是，没有注意�q�是很容易出问题�?
var 用来声明全局或函数变量，但是�Q�只是申明，重复��x��也不能置�I�，范围是函数或者全局�I�间�Q�位�|�在函数或脚本顶端，与块无关�Q�这些与常用高��语言区别很大�?/p>
怪癖的代�?

var vaiable =0;
function test(){
   variable =1;//别担心，不会改动全局变量vaiable
   //do ..
   var vaiable;//变量��x��无顺序（一律置��Ӟ��Q�只是赋值有��序�?nbsp;
}

常见错误有：

var flag;//�q�里可能有�h�Q�包括我自己�Q�喜�Ƣ自做聪明的利用一下变量的初始值undefined
while(!flag){//没准那个角落里面已经�l�当前函数内同名变量�l�赋��g��惨�?nbsp;
  //..
}

金大�?/a> 2007-06-30 16:47 发表评论

Wed, 27 Jun 2007 02:35:00 GMT

装饰引擎��介：
�pȝ��默认的装饰引擎�ؓ�Q�org.xidea.decorator.DecoratorEngine�?br> JSI装蝲后，��做如下操作�Q?br>

判断有无装饰器命名空间声明（xmlns:d= "http://www.xidea.org/taglib/decorator"�Q?/li>
若有�Q�将在文档装载结束后�Q�启动装饰引擎，初始化当前可用的装饰提供者表。（装饰提供者是一个JavaScript包，在注册这�U�装饰包时可同时指定他的别名�Q�别�?表示默认包）

遍历当前文档�Q�凡是该命名�I�间的节点，都被看作需要装饰的元素。若当前文档存在装饰元素�Q�启用遮�|�（��x��效果�Q�，��面��不可操作（仍可查阅�Q��?/li>
查找装饰元素对应的装饰类�Q�通过tagName判断�c�d��Q�，采用异步方式动态装载这些装饰器�c�（不会装蝲到全局�I�间�Q�，�q�更新当前进度信息，同时讄��装饰器之间的关系�Q�parent,children�Q��?/li>
以深度遍历的方式遍历�q�些节点�Q�注册组�Ӟ��以后可以通过$JSI.getComponent函数获取装饰器对象）�Q�依�ơ执行他们的before操作�Q�和decorate操作�?/li>
完成装饰�Q�取消遮�|�，��面�q�入可用状态�?/li>

装饰器规范简介：
装饰器指的是所有拥有decorate成员�Ҏ��的类。一般来��_��可将一�l�装饰器归�ؓ同一个包中（太复杂的装饰器，可将具体逻辑攄��在其他包中）�Q�能后在配置文�g中定义装饰包�?br> scripts/config.js   $JSI.addDecoratorProvider("org.xidea.decorator","xidea","*");

装饰器类包含两个�Ҏ��before、docorate分别在遍历前�Q�子节点未装饎ͼ�和遍历后�Q�子节点装饰完成�Q�调用�?br>
同时�Q�装饰引擎遍历时�q�将注入如下三个属性：

parent�Q�父装饰�?/li>
children�Q�子装饰器集�?/li>
attributes�Q�装饰器属性集对象�Q�只有一个成员函敎ͼ�get(attrName) �Q?/li>

JSI现有装饰器集合简�?/h1> 目前JSI2最高版�?.0预览�?(2007-04-16)包含如下装饰器：

DatePicker
日期选择控�g�Q�参照xul datepicker标签�Q�支持弹出方�?默认�?type='pop')�Q�和内嵌�?type='grid')

Editor
�~�辑器控�Ӟ��参照xul editor标签

Spinner
Spinner控�g�Q�window旉��日期��理中，�q�䆾调节的控�Ӟ��Q�参照backbase �?Spinner标签

TabBox、Tabs、Tab、TabPanels、TabPanel
TabBox(标签��?控�g�Q�参照xul tabbox标签

Code
代码语法高亮昄��控�g�Q�参照SyntaxHighlighter的显�C�风�?/li>
Include
片断包含标签�Q�支持xpath选取文档片断�Q�支持xslt转换

�q�些装饰器的演示见：
http://www.xidea.org/project/jsi/decorator/index.html

目前JSI自带的装饰器不够丰富�Q�而且都还是初�U�阶�D�，不够完善。现在发布的�q�些装饰器，主要是�ؓ了演�C�JSI的工作方式，�~�码风格�Q�希望能吸引�W�三方团队、公司在�q�个基础上开发出自己的更加实用的装饰器集合�?br>
JSI及其装饰引擎采用LGPL协议。可以商业应用，当能�Q�更希望能开源�?br>
目前��我一��Z��力，开发一套完整的装饰器，��需时日�Q�这�ơ将�q�个半成品拿出来演示�Q�主要是��Z��展示一下jsd的风��|��希望能吸引其他开发者，共同参与�q�个工程�Q�有兴趣丰富JS自带I装饰器集合的�|�友�Q�请msn与我联系�Q�jindw◎xidea。org

金大�?/a> 2007-06-27 10:35 发表评论

Wed, 27 Jun 2007 02:24:00 GMT
JSI�l��g模型是一�U�用来装饰简单html元素的框�Ӟ��使用��单的xml标记�Q�标识其装饰行�ؓ�Q�比如将一个普通的input装饰成一个日期输入控�Ӟ��一个html ul标记装饰成菜单或树，��一个textarea装饰成一个代码语法高亮显�C�区域，或一个wysiwyg html�~�辑器�?br> JSI启动后将自动��查decorator标记�Q�构建层�ơ结构，自动做相关类的寻找、导入和装饰操作�Q�实现零脚本代码的web富客��L��~�程�?br>

代码�C�Z��Q?/h2>

日期选择�?(DatePicker):

<d:datepicker>
  <input type="text" name="test2" />
d:datepicker>

�~�辑器示�?(Editor):

<d:editor>
  <textarea name='editorText'>This is some <strong>sample textstrong>. You are using <a
    href="http://www.fckeditor.net/">FCKeditora>.textarea>
d:editor>

Spinner控�g�Q�Spinner �c�M��window旉��日期��理中，�q�䆾调节的控�Ӟ��:

<d:spinner start='0' end='8' step='2'>
  <input type="text" name="test2" value='0' />
d:spinner>

客户端包�?Include):

<d:include url='menu.xml' xslt="menu.xsl">d:include>

代码语法高亮昄��控�g(Code):

<d:code language="js">
<textarea>alert(‘Hello World’)textarea>
d:code>

标签��|��?TabBox参照xul tabbox标签):

<d:tabbox>
  <d:tabs>
    <d:tab>tab1d:tab>
    <d:tab>tab2d:tab>
    <d:tab>tab3d:tab>
  d:tabs>
  <d:tabpanels>
    <d:tabpanel>content1d:tabpanel>
    <d:tabpanel>content2d:tabpanel>
    <d:tabpanel>content3d:tabpanel>
  d:tabpanels>
d:tabbox>

�l�合�C�Z��:

来一个复杂一点的完整的例�?以日期选择控�g的演�C�页面�ؓ�?br> ��面上有: 标签��装饰器�Q�TabBox….�Q�、源代码高亮昄��装饰器（Code�Q�、日期选择装饰器（DatePicker�Q�、包含装饰器�Q�Include�Q?br>
xml version="1.0" encoding="utf-8"?>
DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
  xmlns:d="http://www.xidea.org/taglib/decorator" xml:lang="zh_CN"
  lang="zh_CN">
<head>
<script src="../scripts/boot.js">script>
<title>DatePicker �C�Z��title>
head>
<body>
<h2>DatePicker �C�Z��h2>

<d:tabbox>
  <d:tabs>
    <d:tab>效果d:tab>
    <d:tab>代码d:tab>
  d:tabs>
  <d:tabpanels>
    <d:tabpanel>

      <d:datepicker type='grid'>
        <input type="text" name="test1" />
      d:datepicker>

      <d:datepicker>
        <input type="text" name="test2" />
      d:datepicker>
    d:tabpanel>
    <d:tabpanel>

      <d:code language="xml">
        <textarea>
      
      <d:datepicker type='grid'>
        <input type="text" name="test1" />
      </d:datepicker>
      
      <d:datepicker>
        <input type="text" name="test2" />
      </d:datepicker>textarea>
      d:code>
    d:tabpanel>
  d:tabpanels>
d:tabbox>
<select style="margin-left:120px"><option>弹出的datepicker 可覆盖IE selectoption>select>
<hr />

<d:include url='menu.xml' xslt="menu.xsl">d:include>
body>
html>

装饰�l�果�Q?/h2>

云想衣裳花想容－�Q�JSI�l��g模型介绍�Q�二�Q�已�l�发布，那里有装饰过�E�及其原理的介绍�Q?/font>
http://www.javaeye.com/topic/71425

金大�?/a> 2007-06-27 10:24 发表评论

[导入] 百花齐放日月同辉――采用JSI解决不同�c�d��间的冲突

Mon, 25 Jun 2007 23:46:00 GMT

众所周知�Q?/span> Scriptaculous所依赖�?/span>Prototype库与jQuery存在冲突。所以同时��用比较困难�?/span>

JSI针对每一个装载的脚本都有完全独立的执行上下文。所以这个问题能�?/span>JSI上彻底解冟�?/span>

下面的例子，我们��在同一个页面上同时使用Scriptaculous�?/span> jQuery �c�d��。证实一�?/span>JSI隔离冲突功能�?/span>

�C�Z��面�Q?/span>hello-jquery-aculo.html�Q�：

<html>
<head>
<title>Hello jQuery And Scriptaculoustitle>

<script src="../scripts/boot.js">script>
<script>
//导入jQuery
$import("org.jquery.$");
//导入Scriptaculous
$import("us.aculo.script.Effect");


$(document).ready(function(){
  //使用jQuery��d��一�D�问候语
  $("Hello jQuery And Scriptaculous
")      .appendTo('body');
$('#helloBox').ready(function(){
    //使用Scriptaculous高亮昄��一下刚才添加的内容
    new Effect.Highlight('helloBox');
}).click(function(){
    //当用户单击该内容后��用jQuery实现渐出
    $('#helloBox').fadeOut();
});
});
script>
head>
<body>
<p>文档装蝲后，jQuery��在后面��d��一�D�问候语�Q��ƈ使用Scriptaculous高亮昄��Q�Highlight�Q�；在鼠标点��d��在��用jQuery渐出�Q�fadeOut�Q��?/span>p>
body>
html>

金大�?/a> 2007-06-26 07:46 发表评论

[导入] ��L��癑ַ� 有容乃大――采用JSI��装、集成第三方�c�d��

Mon, 25 Jun 2007 02:14:00 GMT
Java的成功，��M��开它那个庞大的�c�d��Q�不单是sun的类库，很多�l�节的实现都取自�W�三方（如xml解析采用Apache的实玎ͼ��?br>
JSI暂时不大��编写丰富的公共API�Q�但是我们可以集成其他成熟的�c�d��Q�同旉��M��们的依赖�Q�隔��d��个脚本的执行上下文，消除命名冲突的危险�?br>
�q�里我们详细介绍一个复杂一点的实例�Q�类似Windows XP文�g��览器左侧的滑动折叠面板(��d��菜单)效果�?br>
我们先集成Scriptaculous Effect�c�d��Q��ƈ且在�q�个基础上按我个人的习惯对一个面板折叠效果做一个简单的��装�Q�展�C�框架的�c�d��装功能�?br>
1。集成Scriptaculous�c�d��Q?br>
�q�里我们不做�q�多介绍�Q�详�l�情况请参考集成实战；我们发布的版本中已经把Scriptaculous攄��于us.aculo.script包中�Q�您可以把这些作为系�l�内�|�的�c�d��使用�?br>
2。编写我们的折叠面板函数�Q�example/effect.js�Q�：

/**
* 滑动面板实现.
* 当指定元素可见时�Q�将其第一个子元素向上滑动臛_��全被遮掩�Q�折叠）�?nbsp;
* 当指定元素不可见�Ӟ��其�W�一个子元素向下滑动臛_��全显�C�（展开�Q��?nbsp;
*/
function slidePanel(panel){
  panel = $(panel);
  if(panel.style.display=='none'){
    //调用Scriptaculous Effect的具体滑动展开实现
    new Effect.SlideDown(panel);
  }else{
    //调用Scriptaculous Effect的具体滑动闭合实�?nbsp;
    new Effect.SlideUp(panel);
  }
}

3。编写包定义脚本�Q�example/__$package.js�Q�：

//��d��slidePanel�Q�滑动面板控�Ӟ��函数
this.addScript("effect.js","slidePanel",null);
//�l�effect.js脚本��d��对us.aculo.script包中effects.js脚本的装载后依赖this.addScriptDependence("effect.js",
"us/aculo/script/effects.js",false);

4。在�|�页上运用上面的�c�d��Q?br>
<html>
  <head>
  <title>重用aculo Effect脚本实例title>
  <link rel="stylesheet" type="text/css" href="/styles/default.css" />
  <script src="/scripts/boot.js">script>
  <script>
    $import("example.slidePanel");
  script>
  head>
  <body>
    <div class="menu_header"
        onclick="slidePanel('menu_block1')">
        面板 1
    div>
    <div class="menu_block" id="menu_block1">
      <ul>
        <li>text1li>
        <li>text2li>
        <li>text3li>
      ul>
    div>
body>
html>

onclick="slidePanel('menu_block1')"�q�个事�g函数��在我们点击面板标题时触发，能后会调用Scriptaculous Effect的具体实现去实现我们需要的滑动折叠功能�?br>

壁立千仞无欲则刚――控制依�?/h1>
java可以随意的��用第三方�c�d��Q�可是JavaScript却没那么�q�运�Q�随着�c�d��的丰富，烦杂的依赖关�p�d��可能的命名冲�H�将使得�c�d��的发展越来越困难。程序的易用性也��大打折扣�?br>
命名冲突的危险无形的增加你大脑的负担�Q�随着使用的类库的增加�Q�暴露的依赖也将随之增加�Q�这是复杂度陡增的极大祸根，��得系�l�越来越复杂�Q�越来越难以控制。潜在的问题��来��多�Q�防不胜阌Ӏ?br>
JSI的出玎ͼ�可以解决上述问题�Q�我们徏议类库的开发者将自己�c�d��的依赖终�l�在自己手中�Q�避免依赖扩散，以提高类库的易用性�?br>
同样使用上面的例子，假如我们��x��开JSI�Q�实现同��L��功能�Q�那我们的页面代码将是（�c�d��代码不用改动�Q�：

<html>
  <head>
  <title>重用aculo Effect脚本实例title>
  <link rel="stylesheet" type="text/css" href="/styles/default.css" />

<script src="/scripts/net/conio/prototype/v1_5/prototype.js">
script>
<script src="/scripts/us/aculo/script/v1_7/effects.js">
script>
<script src="/scripts/us/aculo/script/v1_7/builder.js">
script>
<script src="/scripts/example/effect.js">
script>
  head>
  <body>
    <div class="menu_header"
        onclick="slidePanel('menu_block1')">
        面板 1
    div>
    <div class="menu_block" id="menu_block1">
      <ul>
        <li>text1li>
        <li>text2li>
        <li>text3li>
      ul>
    div>
body>
html>

�q�个例子的html代码明显比上面的复杂了，一堆堆的script标签�Q�而且�q�是有序的；�q�出现在��面上，重构��h��也极光��烦�?br>
可以看出�Q�JSI的加入可以让�c�d��更加易用�Q�html代码更�ؓ��z�，最�l�用户已�l�不必关心所用类库的依赖了�?br>
JSI中每一个脚本有一个单独的执行上下文。各个脚本顶部变量你可以随便使用�Q�不必担心不同脚本中的命名冲�H�，不会污染全局变量�I�间�Q�这�U�方式可以用于解 ��x��些类库间变量冲突的问题（如jQuery和Prototype�?函数�Q�。我们甚臛_��以做到同一个页面上间接加蝲同一�U�类库的两个不同版本�Q�不�怺��? 响�?br>
使用JSI后，很多�l�节我们可以在包中封装掉�Q�不需要告诉类库��用者太多。大大增加类库的易用性。同�Ӟ��c�d��装的支持可以让我们在第三方库的基础上轻杄��按自��q��喜好�~�写自己的类库，同时避免依赖扩散造成的复杂度增加�?br>
使用JSIntegration唯一多出的负担就是编写包定义文�g�Q�不�q�想惌��U�定义文件可是一��x��逸的�Q�以后就不需要每�ơ导入脚本的时候都��心��翼的判断那个脚本先导入那个后导入，有那些间接��用到的类库需要导入，�{�等�Q�，而且有了包结构后对于代码�l�织、重用，以及文档的编写阅读，都将非常有利�?img src ="http://m.tkk7.com/jindw/aggbug/126038.html" width = "1" height = "1" />

金大�?/a> 2007-06-25 10:14 发表评论

[导入]脚本安需导入的三�U�模式的�Ҏ��

Mon, 25 Jun 2007 01:24:00 GMT

何谓安需装蝲�Q?/strong>

脚本�E�序一般都是下载后执行 �Q�当脚本库非常庞大时�Q�一�ơ性下载�v来非常费�Ӟ��传统的解��x��式是�Q�按功能模块把脚本写在不同的文�g中，��面上手动加入script标签装蝲指定内容�Q�但是这有一些缺点，�c�d��的��用者需要知道没个脚本之间的关系�Q�顺序要求等�{�，而不可能要求每个�c�d��使用者都对其非常熟悉�Q�出错的可能性很大。于是很多框架开始支持导入指令，想��用什么一个导入函数就完了�Q�不必一堆堆的script文�g�Q�不用小心翼��的��x��着他们的依赖关�p�R�?/font>

安需装蝲可分如下三种模式�Q?/strong>

��x��同步按需装蝲�Q?/strong>��d��Q?/strong>JSI、JSVM、dojo�Q?/strong>�?/strong>
最��单的按需装蝲实现�Q�通过XMLHttpRequest同步装蝲脚本文�g实现。问题是�Q�浏览器使用�q�种方式同步获取资源时将��D��览器阻塞：停止响应用户事�g、停止页面重��L��作。所以，虽然�~�程最为简单，但是用户体验最差�?

异步�?/strong>需装蝲�Q?/strong>无阻塞，JSI2.0+�Q��?br> 异步导入�Q�不必多做解释，用户体验好，但是因�ؓ其异步特征，处理��h��比较�ȝ��?/font>

延迟同步按需装蝲�Q?/strong>无阻塞，JSI2.0+�Q?/strong>�?/strong>
JSI通过动态预装蝲功能实现的一�U�同步获取资源的�Ҏ��Q�虽然也是同步，但没有阻塞，可以��时兼顾易用性和用户体验的机��x��按。缺�Ҏ��有一定�g�q�，当前脚本标签中不可用�?

使用�Ҏ��Q�JSI�C�Z��Q?/strong>
以一个代码语法着色程序�ؓ例：
�c�d��位置�Q�example/codedecorator/code.js
��面位置�Q�example/xxx.html

��x��同步按需装蝲

$import("example.codedecorator.Code");

var code1 = new Code();
code1.id = "libCode";
code1.decorate();

异步�?/strong>需装蝲

$import("example.codedecorator.Code",function(Code){
var code1 = new Code();
code1.id = "libCode";
code1.decorate();
})

延迟同步按需装蝲�Q?/strong>无阻塞，JSI2.0+�Q?/strong>�?/strong>

<script>"../scripts/boot.js">script>
<script>
$import("example.codedecorator.Code",true);
script>

<script>
var code1 = new Code();
code1.id = "libCode";
code1.decorate();
script>

�C�Z��说明�Q?/font>
在线��试

http://jsintegration.sourceforge.net/example/code.html

http://www.xidea.org/project/jsi/example/code.html

参考：

JSI 导入函数�Q?function $import(path, callbackOrLazyLoad, target )

金大�?/a> 2007-06-25 09:24 发表评论

[导入]再谈一下DOMContentLoad事�g

Mon, 25 Jun 2007 01:13:00 GMT

�q�个问题��是个老问题了�?
所以，标题加上一个再字�?/p>
我主要说一下模拟这个事件时候容易出现的问题�?/p>
对于FF�Q�Opera9�Q�原生DOMContentLoad支持�Q�就不说了，最头疼的是IE�?
我最初考虑�q�个问题的时候，惛_��的是document的readyState属性�?
��L��一下Dojo的源码，发现它也是基于这个属性去做的�Q�那�Ӟ��我基本就认准了这个方法�?
于是再后来JSI1和JSI2早期的预览版本中�Q�都是基于这个属性做的，后来�Q�有个朋友向我反应，说JSI的装饰引擎在IE上启动比FF慢很多，我当时就猜测�Q�是否是�q�个DOMContentLoad的问题�?/p>
�l�过��试�Q�发玎ͼ��实�Q�readyState必须�{�待囄��装蝲完成之后才能�|��ؓcomplete�?
于是到网上搜索一下其他办法，最�l?Dean Edwards的blog上描�q�的一个基于script defer属性的解决办法胜出�Q�http://dean.edwards.name/weblog/category/dom/onload/
不过�Q��用document.write打印一�D�脚本，我真的不喜欢�Q�（

在评论里面我们可以看��C��些其他的��Q�有��?readyState == 'complete' �? readyState==‘interactive’�q�个状态可以准��模拟DOMContentLoad。我开始简单测试一下，貌似可行�Q�但是后来发�? readyState==‘interactive’可能受alert�{�函数媄响，��是��_��一般情况下�Q�readyState== ‘interactive’�Ӟ��dom是装载完了的�Q�但是，当你文档装蝲�q�程中，调用了alert函数�Q�那么，readyState��提前置�? ‘interactive’�?/p>
��M��Q�目前来��_��我知道的�Q�只有两个办法可以真正实现IE上模拟DOMContentLoad

1.htc ondocumentready�Q�需要额外的HTC文�g�Q?
2.script defer(必须使用document.write打印一�D�脚本标�?jquery目前采用的方�?

最常见的一个错误：

document.readyState(Dojo目前�Q?.4.1�Q�采用的方式)

再说一下JSI的DOMContentLoad实现的��用接口�?/p>
js.html.EventUtil.addDOMReadyListener(listener ,runAnyCase )

�W�二个参数用于确保listener 在�Q何时候都会被调用�Q�FF DOMContentLoad事�g如果在事件发生之后设�|�listener是无效的�Q?

金大�?/a> 2007-06-25 09:13 发表评论

JSI2性能��试报告

Fri, 22 Jun 2007 07:01:00 GMT

装蝲效率��试
��试��面见：test/load-eff-test.html

��Z��试�l�果更显客观�Q�我选择了第三方�c�d��的装载测试：
'com.yahoo.yui.*',
'net.conio.prototype.*',
'net.fckeditor.*',
'org.jquery.*',
'us.aculo.script.*'
�?2个脚本文�Ӟ��对于JSI来说�q�有诺干包定义文�Ӟ��?/p>
FF2:
标记导入旉��Q�原始方式）:469,469,1047,484,484,437,469,484
同步导入旉��:469,453,484,437,469,453
延迟导入旉��:921,765,891,906,953,906,922
异步导入旉��:859,1093,1141,1031,1641,1125,1078,1093,1157,1141

IE7:
标记导入旉��:343,297,297,344,328,328
同步导入旉��:281,250,235,235,234,234,250,265
延迟导入旉��:922,422,406,391,391,391,407,391
异步导入旉��:625,672,672,703,703,672,703,704,688

�q�行旉��试
��试脚本��理后对新能的媄�?影响因素有：全局变量和局部变量的查找旉��差异�Q�eval的脚本和script标记直接插入的脚本的可能差异。（�q? 个测试不��h��普遍性，�q�里我主要是��试了一下浏览器对局部变量的讉K��速度【JSI里面讉K��变量都是装蝲单元内的局部变量】，所以故意测试了大量局部变量访问的操作�Q?
��试��面见：test/runtime-eff-test.html

FF2�Q?nbsp;
jsiTime:        845,    927,    598,    687,    764,
scriptTime:     1432,   950,    1305,   1278,   1219,
evalTime:       1644,   1373,   1322,   1186,   1360,
execTime:       0
dscriptTime:    1432,   950,    1305,   1278,   1219,

IE7:
jsiTime:    295,    205,    157,    315,    156,    142,    375,    328,    172,    172,
scriptTime: 172,    172,    189,    140,    251,    187,    217,    203,    172,    234,
evalTime:   236,    249,    139,    172,    281,    171,    172,    108,    436,    359,
execTime:   219,    234,    314,    157,    220,    266,    204,    234,    187,    95,
dscriptTime:    187,    265,    294,    326,    187,    328,     141,   221,    127,    249,

上面的基数太��，随机误差太大�Q�调整原始数据从新测试一遍jsiTime和scriptTime

jsiTime:    576,    658,    688,    703,    611,    608,
scriptTime: 706,    608,    562,    547,    655,    657,

�ȝ��Q?/strong>
JSI的装载性能表现不错�Q�完全不必计较�?
托管代码的运行性能也没有太大区别，不过�Q�因为。JSI托管脚本使用的变量基本都是装载单元内的局部变量（本地声明变量�Q�或者外部依赖的引用或值拷贝）�Q�所以，对于FF�q�类局部变量比全局变量讉K��速度快不��的解释引擎�Q�JSI托管脚本可以辑ֈ�更好的运行效率�?/p>
有个奇怪的问题�Q�JSI在装载类库时�Q�与传统模式相比�Q�肯定增加了些额外的�q�算�Q�但是，貌似JSI的同步装载模式下�Q�装载脚本的耗时比传�l�模式还��（IE 表现明显�Q�？��Z��Q?/span>
�Ƣ迎大家对这奇怪的现象提出自己的猜惻I��我稍后脓出我�Ҏ��问题的看法^_^

金大�?/a> 2007-06-22 15:01 发表评论

Fri, 22 Jun 2007 06:36:00 GMT

JSI��介：

JSI 是一�?开攄��?strong>无��R�?/strong>�?脚本库管理框�Ӟ��内核不提供�Q何具体功能，有一些功能子��目�Q�如�|�页装饰引擎�?/p>
更多信息��h��看：http://www.xidea.org/project/jsi/

JSA��介：
JSA最初是做JSI�~�译处理的一个小工具�Q�现在也可以用来��h��、压�~�脚本。支持swing和ant task两种工作方式�?br>可以通过webstart启动�Q?a >启动JSA�Q�允许访问文件系�l�）�Q?span style="text-decoration: underline;">沙箱内运行（功能受限�Q?/a>

�q�次发布的JSI2Alpha相对于以前的预览版本�Q�做了一�ơ全面的重构�Q�同时对API做了些简化�?/p>
目前JSI2的公开API有：

/* 导入函数 */
$import(<string>path,<boolean|Function>callbackOrLazyLoad[可选参数],<Object>target[可选参数])

/* 日志讄��相关 */
$JSI.setDefaultLogLevel(level)
$JSI.setLogLevel(pathPattern,level)

/* 装饰引擎相关函数 */
$JSI.addDecoratorProvider(pkg,alias…) //��d��装饰�?
$JSI.decorate ( ) //准备执行装饰器�Q�?一般在配置文�g�Q�config.js�Q�中调用.

/* 用于包定义的Package成员函数�Q�在__package__.js中调用（this指向当前package对象�Q?nbsp;*/
this.addScript(scriptPath,objectNames)//��d��脚本及其声明的对象（函数、方法名�Q?
this.add*Dependence(thisPath,targetPath,beforeLoad)//��d��脚本依赖.
this.setImplementation(realPackage)//讄��具体实现�?当前包只是其别名�Q��ƈ无�Q何内�?�?nbsp;

我们会尽量将JSI做成与具体功能无养I��专著于脚本管理）�?/strong>

对于js.*.*�q�个�c�d��Q�做了些�_��?
只保留下列元�?/p>

#js.html //保留�q�个包，因�ؓ�q�些实在太常用了�?nbsp;
   * BrowserInfo
   * EventUtil
   * StyleUtil

#js.util//保留�q�个包主要因为异步装载用到这些类�?nbsp;
   * LoadTask
   * Request
   * ScriptLoadTask
   * TaskQueue

发布文�g说明�Q?
自该版本启，source目录��不再打包�?
但是在scripts目录下新增boot-with-source.js文�g�Q�该文�g中包含全部源代码的数据�?
里面�~�码的源代码可以通过我们�?a target="blank">文档工具查看。让大家习惯一下这个工��L��使用�Q�）

JSA1beta�Q�增加了对JSI2的编译支持，同时对于普通脚本的压羃�Q�也增加了一些功能：
1. ant task 增加多文件分�l�合�q��?
2. swing ui 修正文�g�~�码的bug�?/p>
下蝲�Q?
javaeye group: http://jsi.group.javaeye.com/shares
sourceforge: <�pȝ��最�q�好像有问题�Q�我的文件一直没能上传成�?要过一�D�|��间再�?gt; 。。。。�?

金大�?/a> 2007-06-22 14:36 发表评论

貌似Opera的一个bug

Wed, 20 Jun 2007 13:42:00 GMT
今天抽空��试了一下JSI当前状态的��览器兼�Ҏ��，一个头疼的问题困扰了很久�?br>扑և�问题��Q�怀疑是一个opera的bug�?br>

function test(x){
  try{
    if(x){
      return 1;
    }else{
      return 2;
    }
  }catch(e){
    x=1;
  }finally{
    x=2;
  }
}

语法��查就通不�q�，报告错误�Q?br>le://localhost/D:/eclipse/workspace/JSI/web/scripts/core.js
Event thread: BeforeExternalScript

opera8报错�Q�opera9好像��没有这个问题�?br>贴出来，让有�c�M��问题的�h省点心�?br>

金大�?/a> 2007-06-20 21:42 发表评论

Fri, 08 Jun 2007 08:15:00 GMT
��试了一下trimpath模板引擎和一个我以前�~�写xml模板引擎�Q�显�C�测试结果，828/16�?br>
太让我振奋了。原惻I��如果效率太低我就攑ּ��q�个��目�Q�貌似结果：�q�个��行的js模板引擎�Q�和我没做优化的xml模板引擎�q�有�q�么大的差距�Q�？�Q?br>
仔细��查一下，晕倒，��试模板数据搞错了：�Q?br>
�U�正�q�来�Q�测试数据显�C�，trimpath比xml模板引擎要快好几倍：�Q?br>
而且�Q�如果模板内使用的��@环次数越多，差距��大�Q�（

比较扫兴的结果�?br>军_��吧这个东西从jsi�pȝ��api中删除�?br>
不过�Q�感觉，虽然有这点差距，xml模板引擎�q�是可以作�ؓ一个备用选择�?br>��Z��js标记库，�c�el表达式，对于熟悉jsp2.0�Q�jstl的程序员来说�Q�还是比较易懂，扩展也相对简单（trimpath没怎么研究�Q�或许是错的�Q��?br>
下蝲��试�Q?/a>
�Q�XML Template是从jsi中拉出来的，部分��试中没有用到的依赖没有包括�q�去�Q?br>

金大�?/a> 2007-06-08 16:15 发表评论

Fri, 08 Jun 2007 03:33:00 GMT
一直没有找到好用的 javascript格式化工��P��不过UE有个非常漂亮的功能，多行�~�辑�Q�可以轻杄��扚w��~�进�?br> 但是eclipse呢？很遗憾，没有�Q�不�q�用正则表达式可以轻村֮�成这个功能，匚w��整行�Q�替换时在行前加上羃�q�空根{�?br>
find�Q�^.*
replace With�Q?nbsp; $0

说到�q�个正则�Q�鄙视一下js的正则语法，居然匚w��l�是 $1 $2 $3 ....索引�?开始，但是匚w��全部��Z��么要来个$&? 多么难记�Q�？�q�是eclipse�?0方便
而且js的match函数�q�回的数�l�还�?[全匹�?�l?�Q�组2....]�Q�全匚w��索引��是0嘛！居然要来�?&??
扼杀我们的联惛_��性�?br>

金大�?/a> 2007-06-08 11:33 发表评论

Thu, 07 Jun 2007 08:27:00 GMT
今天和网友聊起在javascript里面实现DateFormat 的话题�?br>
把想法发布一下，当是�W�记�?br>
格式化：
1、先用正则把日期表达式分�D�：
    var tokens = "yyyy-MM-dd(没有旉��)".match(/y+|M+|d+|m+|[^yMdm]+/g)
    //�l�果数组为：yyyy,-,MM,-,dd,(没有旉��)
2、将其中的yyyy MM dd 替换成相映的处理对象

3、格式化�Ӟ��先复制数�l�，依次遍历�Q�如果元素是处理对象�Q�那么元素值替换成处理�l�果�?br>
4、将新数�l�join。即为需要结果�?br>
5、parse时。先复制数组�Q�若元素为字�W�串�Q�精��匹配。若未处理对象，��d��需要的��|��匚w��p�|�Q�则�l�止操作�Q�返回结果�?br>

��x��而已�Q�实际实现时可能�q�有很多现在无法意料的事情：�Q?br>

金大�?/a> 2007-06-07 16:27 发表评论

JSI API之BrowserInfo、EventUtil讨论

Wed, 06 Jun 2007 04:17:00 GMT

JSI 自��n提供一些常用API�Q�数量极��，��量以一�U�正式的风格提供�Q�尽量回避争议�?br>有些是启动文件用到的�Q�如��d��队列支持�Q�还有如装饰引擎直接用到的，如BrowserInfo、EventUtil、StyleUtil�{��?br>对于启动文�g中未直接用到的，如果风格的争议太大，都将剔除出去�?/div>

BrowserInfo对象�Q?/h2>
/**
* BrowserInfo 对象�Q�用于判断浏览器的相关信息，如浏览器�c�d��、quirks模式、客��L��语言�Q�简体中文？��p��..未实玎ͼ�、操作系�l�（未实玎ͼ��{�等�?br> * @public
*/
var BrowserInfo = {
  isIE : falseChecker,
  isOpera : falseChecker,
  isGecko : falseChecker,
  isNetscape : falseChecker,
  isMozilla : falseChecker,
  isFirefox : falseChecker,
  isKhtml : falseChecker,
  isSafari : falseChecker,
  isKonqueror : falseChecker,
  isQuirks : function(){…}
};

其中最常用的要�?is<��览器类�?gt;�Q�最��版本号�?最大版本号�Q��?br>此外�Q�我�q�将BrowserInfo的函数拷贝到navigator对象上，�q�个有无必要呢？

//@Deprecated ???
for(var n in BrowserInfo){
  window.navigator[n] = BrowserInfo[n];
}

不同之处�Q?/h4> 现在在浏览器判断上面�Q�一般是用常量表�C�，比如isIE之类的，JSI的BrowserInfo使用函数�Q�以便提供更强大更灵�zȝ��功能�?br>
EventUtil
EventType 对象的成员函数有�Q?br>

addListener(el, type, fn, cap)
removeListener(el, type, fn, cap)

addListener(element, listener, captrue)
如addLoadListener�Q�addMousedownListener�Q�addMouseoutListener
removeListener(element, listener, captrue)
createEvent(type, canBubble, cancelable)
dispatchEvent(el, even)

其中: 代表一�U�事件类型�?br>W3C事�g�c�d��有：

var events = ['click','mousedown','mouseup','mouseover','mousemove','mouseout','load','unload','abort','error','select','change','submit','reset','focus','blur','resize','scroll'].
             concat(['DOMFocusIn','DOMFocusOut','DOMActivate']);

此外�Q�还��d��了一�U�事件类型：DOMLoad。就是mozilla的DOMContentLoaded事�g�Q�在Dom树构造完成但囄��资源�{�可能未完成时触发�?br>对于�q�种事�g�c�d��Q?element, captrue参数都将忽略。暂时只有添加函敎ͼ�没有删除函数�Q�有删除的必要吗�Q�）�?br>

不同之处�Q?/h3> �q�个事�g处理函数集与其他常见方式的却别有�Q?br>

this支持。IE的attach�Ҏ��d��的函敎ͼ��q�行时this指向window对象�Q�JSI吧这点给�U�正�q�来�Q�与w3c的addEventListener行�ؓ一致�?/li>
事�g�c�d��直接体现在函数名中，�q�样有利于书写上的错误及早发现�?/li>
事�g格式化，��事件的讉K��方式格式化�ؓW3C的方式�?/li>
自动清理�Q�这也不��不同吧�Q�现在大多数JS库都提供�q�个功能�Q�就是在��d��面时清理全部注册事件。但是这对一些单��늨�序是无效的（OPOA�Q�本��Z��比较讨厌�q�种模式�Q�呵呵）�Q�以后是否可以提供一个purgeElement函数�Q�用于清理指定元素及其子元素的事件呢�Q?/li>
非常希望大家�U�极发表自己的看法，该修改就修改�Q�如果争议太大，那么我将吧这些从�pȝ��API中移除�?br>
�E�序下蝲
�q�个API也可以脱��JSI使用�Q�只是，在编写的时候，因�ؓ有了JSI的保护，我��用了不少内部变量�Q��ؓ避免可能的冲�H�，做了如下处理�?

var BrowserInfo = function(){
  //#include(browser-info.js).
  return BrowserInfo;
}

var EventUtil = function(){
  //#include(event-util.js).
  return EventUtil;
}

下蝲地址

金大�?/a> 2007-06-06 12:17 发表评论

javascript 性能��试�p�d��Q��@环反转的效果

Thu, 31 May 2007 04:30:00 GMT
循环反�{�C�Z��:

  for(var i = 0;i<data.length;i++){
    //.
  }
  //反�{后代�?/span>
for(var i = data.length-1;i>=0;i--){
    //.
  }

�q�类优化的作用是明显�?但是具体有多大作用呢?

用一个长度�ؓ100 000 的数�l�测试一�?
515/313
500/313
516/312
516/328
516/328

可见,循环反�{�?只需要原�?/5的时�?
但是,�q�种东西到底有多大�h�?FF�?00�ơ��@环仅需�?毫秒的时�?所�?个�h认�ؓ,只要循环的内容不是太�?使用不算非常频繁,那么没有太大必要.
加入循环的长度需要通过函数取得,且不�?那么,反�{的效率还是可观的,在IE�?函数调用消耗是普通操作的十多�?

��试代码:

var incTime = 0;
var decTime = 0;
var inc = 0;
var data = new Array(10*10000);
//while(inc++<50)
{
  var t1 = new Date();
  for(var i = 0;i<data.length;i++){
  }
  var t2 = new Date();
  for(var i = data.length-1;i>=0;i--){
  }
  var t3 = new Date();
  incTime+=(t2-t1);
  decTime+=(t3-t2);
}

prompt("incTime/decTime",incTime +'/'+decTime)

金大�?/a> 2007-05-31 12:30 发表评论

javascript 性能��试�p�d��Q�正则表辑ּ�

Wed, 30 May 2007 05:22:00 GMT
�?a >JSI的实��C��,有这样一�U�需�?��有自带命名�I�间的脚本元素名数组转换成没有命名空间的变量名数�l?
比如 :
['YAHOO.util.XXXX,YAHOO.util.YYYY,YAHOO.event.XX'] ->['YAHOO']

以前一直是较长的一�D�处理代�?今天�H�发奇想,�q�个用正则表辑ּ�处理效果如何?

于是,��p��U�处�?分别��试了正则表辑ּ�和javascript代码的效�?

��试数据如下(regTime /codeTime):
620/4536
729/4068
719/4250
645/4152
655/4642

FF和IE�l�果差不�?上面是FF2的数�?br>
�ȝ��:
�l�常看见很多地方�Ҏ��则表辑ּ�的效率的怀�?但是�q�个问题攑֜�javascript里面,好像情况又不同了. 适当使用正则�?反而可以大大提高效�?
在javascript�q�类\较慢的解释型语言里面,��即�?能用原生代码��׃��要自己写.

��试代码:

var data = [];
for(var i = 0;i<20;i++){
  data[i] = "NS"+i/10+'.'+i
}
document.write(
  //(data == data.sort()) +"/"+
  data +"
")
var i = 0;
var regTime = 0;
var codeTime = 0;
var inc = 0;
var reg = /(\b[\$\w]+)[\$\w\.]*(,\1\b[\$\w\.]*)*/g;

var regResult,codeResult;
while(inc++<100){
  var i=0;
  var t1 = new Date();
  while(i++<100){
    regResult = data.join(',').replace(reg,'$1').split(',');
  }

  var t2 = new Date();
  while(i++<200){
    codeResult = [];
    var flagMap = {};
    for(var j=data.length-1;j>=0;j--){
      key = data[j];
      key = key.substr(0,key.indexOf('.'));
      if(!flagMap[key]){
        codeResult[codeResult.length] = (key);
        //codeResult.push(key);
        flagMap[key] = true;
      }
    }
  }
  var t3 = new Date();
  regTime +=(t2-t1);
  codeTime+=(t3-t2);
}
document.write(
  "regResult:"+
  regResult)
document.write(
  "
codeResult:"+
  codeResult)
prompt("regTime /codeTime",regTime  +'/'+codeTime)

金大�?/a> 2007-05-30 13:22 发表评论

javascript 性能��试�p�d��Q�－函数调用

Tue, 29 May 2007 10:00:00 GMT
一直都认�ؓ�Q�javascript的函数调用是一个相对耗时的操作�?br>开�?a >JSI的优化，�q�些问题现在必须认真考虑了，��试一把：

一个简单的�Q�＋操作�Q�直接操作和函数内操作（注，函数参数对原始类型是��g��递，所以这不会影响被传入的变量�Q�这里测试里面，两类操作的行为是不一��L��Q?br>
FF2��试�l�果�Q�callTime/opTime�Q�：
2871/2582
2919/2675
2734/2704
2953/2516
3732/3346

IE7��试�l�果�Q?br>3140/376
3173/327
3238/247
3265/235
3217/299

通过��试可见�Q�函数调用的消耗基本可以忽略。每�ơ调用时间仅为：
3000/(200*1000*5) ==0.3毫秒 �Q�这个时间还包含函数内部的＋�Q�操�?br>
从示例可见，FF的函数调用消耗基本可以府略，IE虽然相当于十倍＋�Q�类��单操作，但依然不��以重视�?br>
奇怪的是，�W�一�ơ碰见ie的运行效率高于ff的情��c�?br>
��试代码

var i = 0;
var callTime = 0;
var opTime = 0;
var inc = 0;
function plus(z){z++};
while(inc++<200){
  var i=0;
  var x = 1;
  var t1 = new Date();
  while(i++<1000){
    plus(x);
    plus(x);
    plus(x);
    plus(x);
    plus(x);
  }

  var t2 = new Date();
  while(i++<2000){
    x++;
    x++;
    x++;
    x++;
    x++;
  }
  var t3 = new Date();
  callTime+=(t2-t1);
  opTime+=(t3-t2);
}

prompt("callTime/opTime",callTime +'/'+opTime)

金大�?/a> 2007-05-29 18:00 发表评论

Sun, 27 May 2007 09:18:00 GMT
前几天无意中看到一个网友blog上关于这个��@环效率的问题�Q�说要尽量避免��用�?br>有点��x��，我在JSI中可是用了不��，呵呵�?br>��试一下，负担�l�于可以放下来了�Q?br>
��试对象�Q?br>一个对象模拟map�Q�测试for in 循环
两个数组�Q�测试for(;;)循环

�q�箋4�ơ运行时间比�?br>957/1278�Q?55/1357�Q?014/1282�Q?68/1392

明显�Q�要实现�c�M��map的功能，�q�是for in 快点�?/span>

上面的数据是ff2上的�l�果�Q�ie7上也差不多，差距更小一炏V�?br>
��试代码�Q?br>
function C(i){
  return i<62?
    String.fromCharCode(i+=
      i<26?65
        :i<52?71//97-26
          :-4//48-26-26
    )
      :i<63?'_'
        :i<64?'$'
          :C(i>>6)+C(i&63)
}
var map = {};
var arr1 = [];
var arr2 = [];

for(var i = 0;i<1000;i++){
  var c = C(i);
  map[c] = i;
  arr1.push(c);
  arr2.push(i);
}
var i = 0;
var mapTime = 0;
var arrTime = 0;
var inc = 0
while(inc++<500){
  var t1 = new Date();
  for(var n in map){
    n = map[n];
  }
  var t2 = new Date();
  for(var j = 0;j<1000;j++){
    n =arr1[j];
    n =arr2[j];
  }
  var t3 = new Date();
  mapTime+=(t2-t1);
  arrTime+=(t3-t2);
}

prompt("mapTime/arrTime",mapTime +'/'+arrTime)

金大�?/a> 2007-05-27 17:18 发表评论

Thu, 24 May 2007 01:28:00 GMT
刚刚修正了一个JSA的bug�?br>
��Z��试了一下文本压�~�的性能�Q�和�U�packer 压羃�Q�ShrinkSafe�Q�packer压羃�?br> 压羃大小�Q?br> jquery-jsa-s.js�Q�JSA的语法压�~�）:29766
jquery.compressed.js�Q�ShrinkSafe语法压羃�Q?33992

jquery-jsa-st.js�Q�JSA的语法压�~�＋文本压羃�Q?19526
jquery-packer.js�Q�Packer文本压羃�Q?20977
jquery.compressed-packer.js�Q�ShrinkSafe语法压羃�Q�Packer文本压羃�Q?21839

有点奇怪的是，文本压羃和语法压�~�是有一定互补性的�Q�但是ShrinkSafe�Q�Packer比单�U�的Packer文本压羃效率�q�低�Q�？
我想可能是ShrinkSafe做的一些语法补全（可省略的 {、}�?、）�Q�jQuery�~�码的风格导致�?br>

Firefox��试数据�Q?0�ơ压�~�时间的毫秒敎ͼ��q�箋5回测试数据）
jquery-jsa-st.js:784
jquery-packer.js:1265
jquery.compressed-packer.js:1529

jquery-jsa-st.js:718
jquery-packer.js:922
jquery.compressed-packer.js:766

jquery-jsa-st.js:753
jquery-packer.js:872
jquery.compressed-packer.js:828

jquery-jsa-st.js:1438
jquery-packer.js:1484
jquery.compressed-packer.js:1735

jquery-jsa-st.js:687
jquery-packer.js:1236
jquery.compressed-packer.js:1234

IE5 ��试数据�Q�连�l�三回测试数据）
jquery-jsa-st.js:766
--------------------------------------------------------------------------------
jquery-packer.js:9765
--------------------------------------------------------------------------------
jquery.compressed-packer.js:10547

jquery-jsa-st.js:671
--------------------------------------------------------------------------------
jquery-packer.js:9002
--------------------------------------------------------------------------------
jquery.compressed-packer.js:10265

jquery-jsa-st.js:704
--------------------------------------------------------------------------------
jquery-packer.js:8232
--------------------------------------------------------------------------------
jquery.compressed-packer.js:10314

�ȝ��
文本压羃是个比较耗时的操作，像JQuery�q�样大的�c�d��普遍需要接�q?00毫秒的解压时间�?br> 如果需要兼容IE5�q�种老古董，那么最好不要用packer的文本压�~�，太耗时�?br> JSA1 �Ҏ��本压�~�做了些改进�Q�表现还可以�?br>
如果要计较脚本文本压�~�后的解压开销�Q�徏议��用JSA的语法压�~�，配合服务器端的gzip压羃�?br> 不推荐dojo 的ShrinkSafe�Q�原因是它的几个安全问题�?

金大�?/a> 2007-05-24 09:28 发表评论

亚洲国产精品综合一区在线,亚洲欧洲免费视频,亚洲精品成人区在线观看

�q�动曲线研究(�~�动效果)

JSA在线压羃�E�序发布

脚本装蝲时一个似乎应该有所重视的问题�?

装饰引擎���介：

装饰器规范简介：

装饰�l�果�Q?/h2> 云想衣裳花想容－�Q�JSI�l��g模型介绍�Q�二�Q�已�l�发布，那里有装饰过�E�及其原理的介绍�Q?/font> http://www.javaeye.com/topic/71425 金大�?/a> 2007-06-27 10:24 发表评论

[导入] 百花齐放 日月同辉――采用JSI解决不同�c�d��间的冲突

[导入] ���L��癑ַ� 有容乃大――采用JSI���装、集成第三方�c�d��

[导入]脚本安需导入的三�U�模式的�Ҏ��

何谓安需装蝲�Q?/strong>

安需装蝲可分如下三种模式�Q?/strong>

使用�Ҏ���Q�JSI�C�Z���Q?/strong>

�C�Z��说明�Q?/font>

参考：

[导入]再谈一下DOMContentLoad事�g

JSI2性能���试报告

貌似Opera的一个bug

JSI API之BrowserInfo、EventUtil讨论

javascript 性能���试�p�d���Q���@环反转的效果

javascript 性能���试�p�d���Q�正则表辑ּ�

javascript 性能���试�p�d���Q�－函数调用

Firefox���试数据�Q?0�ơ压�~�时间的毫秒敎ͼ��q�箋5回测试数据）

IE5 ���试数据�Q�连�l�三回测试数据）

�ȝ��

装饰引擎��介：

装饰�l�果�Q?/h2>

云想衣裳花想容－�Q�JSI�l��g模型介绍�Q�二�Q�已�l�发布，那里有装饰过�E�及其原理的介绍�Q?/font>
http://www.javaeye.com/topic/71425

金大�?/a> 2007-06-27 10:24 发表评论

[导入] 百花齐放日月同辉――采用JSI解决不同�c�d��间的冲突

[导入] ��L��癑ַ� 有容乃大――采用JSI��装、集成第三方�c�d��

使用�Ҏ��Q�JSI�C�Z��Q?/strong>

JSI2性能��试报告

javascript 性能��试�p�d��Q��@环反转的效果

javascript 性能��试�p�d��Q�正则表辑ּ�

javascript 性能��试�p�d��Q�－函数调用

Firefox��试数据�Q?0�ơ压�~�时间的毫秒敎ͼ��q�箋5回测试数据）

IE5 ��试数据�Q�连�l�三回测试数据）