1. 导出成jsidoc文档 （单个文件）
2. 合并脚本（可以选择不同的隔离级别）

• 北京: 千橡集团暨校内网诚聘软件研发工程师
• 第二届网络工程师侠客行大会5月24日杭州举行
• 搜狐网站诚聘Java、PHP和C++工程师

准备编写JSI的外围元素，先整理一下编码风格和一些约定，欢迎大家讨论。

基本风格

    * 基本参照Java代码风格。
         1. 驼峰式命名（单词无连接字符，单词首字母大写，其余小写）；
         2. 类的首字母大写(eg:MyClass)；
         3. 变量名，方法名，成员名首字母小写(eg:name,value,targetObject)；
         4. 单例对象遵循类的命名方式(eg:GlobalController)；
         5. 常量全部大写，下划线分割单词(eg:APPLICATION_ID)；

    参考：http://java.sun.com/docs/codeconv/

    * 变量所用单词尽量不用缩写。

    缩写的单词容易造成语意的不明，不易阅读，而且容易造成争议。

编码约定

    * 不要随意扩展原始对象。

    自Prototype 起，扩展原始对象似乎成了一个时髦的东西，大家都喜欢用。我承认他的便捷，但是请不要滥用，尽量做到有标准可循（比如为IE5扩展 Array.prototype.push），原始对象就这么几个，万一那天碰到两个人写的代码，行为不一致，那麻烦就大了。

    * 不要扩展Object.prototype。

    这个地雷貌似已经被头大牛踩到，但是你不要踩，谁踩到他，你就和他割席断交吧。

    * 不要盯上对象的constructor属性。

    constructor属性是非常不可靠的，很容易也经常被改写，而且经常被改写到Object对象[MyClass.prototype = {...}]，能后你以为是你的构造器，动之，能后天下大乱。

    * 不要写那些中看不中用的集合。

    不要模仿Java 集合API，去写什么 HashMap，ArrayList。JavaScript不相信这些，这个世界简单才是硬道理。

    * 在结构中始终使用区块。

    莫偷懒，省略区块（即{ }）会引发不经意的错误和麻烦。即使只有一句，也老老实实写上：

    * 单例模式直接使用对象申明。

    我们不需要那个不中用的构造函数, 不如直接来个对象申明，直接定义属性。

    * 变量名就是最好的文档。

    不要担心变量名称的长度,他们只是一个符号，符号的意义在于表明变量的意义，而大小的事就交给压缩工具吧。比如，可以使用thisPackage，targetPackage；而不要用pkg1，pkg2。

    * 表达式中赋值需要明确注释。

    直接在表达式中赋值可以使代码紧凑，但会降低程序可读性，应尽量避免，但是对于一些关键元素,可以采用（压缩/优化考虑），但必须明确注释。

    * 目录名以"/"结尾。

    JSI内核中，有一些地方需要记录目录地址。这里我们统一以“/”结尾。

    * 不要使用原始类型的对象量。

    原始对象有些诡异的地方，如。

      new String("test") != new String("test");
      if(new Boolean(false)){
        alert("执行到")
      }else{
        alert("未被执行")
      }

    对外接口可以考虑兼容，但是内部元素，不考虑，内部也不要使用这些对象。

    * 杜绝变量悬空现象

    不要出现:

    if (!window.Element){
        var Element = new Object();
    }

    改成：

    var Element = window.Element || new Object();

    这段代码来自大名鼎鼎的Prototype，这里没错，但是如果被拷贝到某个函数内，问题就大了，有此类问题的脚本，放在JSI中装载，也会存在问题。

一些诡异的技巧

    * {}就是Map

    哪简单对象当map是个非常方便的地方，缺点是key都被转化成string。但是大多数情况下还是够用的，简单就好，没必要复杂化。

    * []用作LinkedHashMap

    使用数组保存键的顺序，对象存储键的值，基本可以等价于LinkedHashMap结构。缺点是有上，同时，length不能为键。

    * 使用constructor == String代替typeof

    上面说到constructor不可靠，是的，但是constructor用来代替typeof，一般来说更可靠了。还可以同时做好对象类型和值类型的兼容。

    * 巧用与或。

      if(fn){

        fn();

      }

      -->

      fn&&fn();

慎用动态元素

    * eval

    eval的性能问题到不是主要的，主要理由依然是他的动态性，容易给程序带来不稳定因素。

    * with

    少用with，主要不是他的性能问题，其实with的性能问题并不太明显，但是他容易给程序带来不稳定因素。

    * execScript

    类似eval，ie上通行，不同之处在于他是一个上下文无关的eval，传入的脚本直接在全局上下文执行。

    * document.write

    当打印一段脚本标签时，近似等价与execScript

    * new Function

    不仅是动态元素，他同时还有一个上下文短路问题。

    * 少用属性。

    属性虽然是面向对象的常用元素，但JavaScript?属性的动态性太强，不便自动优化处理；同时属性的使用，将产生更多不稳定的状态，虽然貌似易于阅 读，却增加了程序的复杂性。实际编码中应该谨慎。常量性质的私有属性不要出现，能用变量的地方也不要随意升级为属性。

    * window.xyz

    有些人习惯用这个来申明全局变量，或者干脆不申明， 那么，改掉你的坏习惯。

• 搜狐网站诚聘Java、PHP和C++工程师
• 北京: 千橡集团暨校内网诚聘软件研发工程师
• 第二届网络工程师侠客行大会5月24日杭州举行

• 搜狐网站诚聘Java、PHP和C++工程师
• 北京: 千橡集团暨校内网诚聘软件研发工程师
• 第二届网络工程师侠客行大会5月24日杭州举行

$JSI.addCacheScript("mypkg","hello.js",function(){eval(this.varText)/**
 * helllo world 函数
 */
function hello(){
    alert("hello world")
}
})

• 北京: 千橡集团暨校内网诚聘软件研发工程师
• 搜狐网站诚聘Java、PHP和C++工程师
• 第二届网络工程师侠客行大会5月24日杭州举行

• 第二届网络工程师侠客行大会5月24日杭州举行
• 搜狐网站诚聘Java、PHP和C++工程师
• 北京: 千橡集团暨校内网诚聘软件研发工程师

改动

  2.0方式：

$import(path,callbackOrLazyLoad,target)

调整成(将target参数提前)

/**
 * @param <string> path (package:Object|package.Object|package.*| scriptPath)
 * @param < Object> target 可选参数，指定导入容器。
 *                    当该参数为有效对象时(instanceof Object && not instanceof Function)，导入的元素将赋值成其属性；
 *                    当该参数未指定时 (arguments.length==1)， target为全局变量容器,这种情况等价于直接声明的全局变量。
 * @param <boolean|Function> col callbackOrLazyLoad 可选参数,默认为null。
 *                    如果其值为函数，表示异步导入模式；
 *                    如果其值为真，表示延迟同步导入模式，否则为即时同步导入（默认如此）。
 */
$import(path,target,col)

理由：

延迟装载和异步装载并不常用。
而target紧跟path似乎更合逻辑。

不妥之处：

对于target的处理：
以前的办法：当制定null时，是不会将导入的对象拉出来的，只有没有指定target的时候，才会使用global(window)对象（arguments.length<=2）。
而现在，一但指定了callbackOrLazyLoad，target就必须指定了，这个时候，如何去处理还没想好。

JSI开发现状：

http://xidea.cvs.sourceforge.net/xidea/JSI2/web/source/boot-core.js?view=markup
目前主要的发展方向是开发环境支持、简化内核。
一切向易用、简单、性能方向考虑；避免过渡设计。
2.0版，启动文件压缩后近30k

2.1彻底清理了一些不常用的功能，同时，将一些非必要的功能，作为可选项。
最小版本压缩后不到5k（未启用文本压缩）。

• 搜狐网站诚聘Java、PHP和C++工程师
• 第二届网络工程师侠客行大会5月24日杭州举行
• 北京: 千橡集团暨校内网诚聘软件研发工程师

this.addScript(file,objects)
this.addObjectDependence(object,
dependenceObject,
isBeforeLoadDependence);
this.addScriptDependence(script, dependenceScript, isBeforeLoadDependence);
this.addObjectScriptDependence(object, dependenceScript, isBeforeLoadDependence);
this.addScriptObjectDependence(script, dependenceObject, isBeforeLoadDependence);

this.addScript(file,objects,beforeLoadDependences,afterLoadDependences)
this.addDependence(object,
dependenceObject,
isBeforeLoadDependence);

 

重构理由：
把添加脚本和添加依赖放在一起，更加简单方便了。不过，这样我们只能添加整个脚本的依赖，如果要添加单个对象的装载后依赖（很少见），还是的借助addDependence函数。
四个添加脚本依赖函数，没必要吧？到底是脚本依赖还是对象依赖完全可以自动探测，何必给用户添加麻烦。

6。脚本定义时*模式的支持（调试模式）。
很多人都认为JSI的包定义语法有些复杂，比如我们定义一个脚本，还需要指出我脚本里面的元素名称，那些东西我都在源文件里var function什么的都申明了啊！！
确实，如果你只是想吧你在源文件中申明的东西全部暴露出来，我们一直都没有一个简单有效的办法，现在，我们将引入*模式。
包定义实例：

• 搜狐网站诚聘Java、PHP和C++工程师
• 北京: 千橡集团暨校内网诚聘软件研发工程师
• 第二届网络工程师侠客行大会5月24日杭州举行

• 搜狐网站诚聘Java、PHP和C++工程师
• 第二届网络工程师侠客行大会5月24日杭州举行
• 北京: 千橡集团暨校内网诚聘软件研发工程师

FF2:
标记导入时间（原始方式）: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

FF2：
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,	 

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

• 搜狐网站诚聘Java、PHP和C++工程师
• 第二届网络工程师侠客行大会5月24日杭州举行
• 北京: 千橡集团暨校内网诚聘软件研发工程师

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

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

/* 装饰引擎相关函数 */
$JSI.addDecoratorProvider(pkg,alias…) //添加装饰包.
$JSI.decorate ( ) //准备执行装饰器任务,一般在配置文件（config.js）中调用. 

/* 用于包定义的Package成员函数，在__package__.js中调用（this指向当前package对象） */
this.addScript(scriptPath,objectNames)//添加脚本及其声明的对象（函数、方法名）. 
this.add*Dependence(thisPath,targetPath,beforeLoad)//添加脚本依赖.
this.setImplementation(realPackage)//设置具体实现包(当前包只是其别名，并无任何内容)。

#js.html //保留这个包，因为这些实在太常用了。
   * BrowserInfo
   * EventUtil
   * StyleUtil

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

• 第二届网络工程师侠客行大会5月24日杭州举行
• 北京: 千橡集团暨校内网诚聘软件研发工程师
• 搜狐网站诚聘Java、PHP和C++工程师

• 第二届网络工程师侠客行大会5月24日杭州举行
• 北京: 千橡集团暨校内网诚聘软件研发工程师
• 搜狐网站诚聘Java、PHP和C++工程师

• 搜狐网站诚聘Java、PHP和C++工程师
• 第二届网络工程师侠客行大会5月24日杭州举行
• 北京: 千橡集团暨校内网诚聘软件研发工程师

/**
 * BrowserInfo 对象，用于判断浏览器的相关信息，如浏览器类型、quirks模式、客户端语言（简体中文？英语..未实现）、操作系统（未实现）等等。
 * @public
 */
var BrowserInfo = {
  isIE : falseChecker,
  isOpera : falseChecker,
  isGecko : falseChecker,
  isNetscape : falseChecker,
  isMozilla : falseChecker,
  isFirefox : falseChecker,
  isKhtml : falseChecker,
  isSafari : falseChecker,
  isKonqueror : falseChecker,
  isQuirks : function(){…}
};

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

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

add<Eventtype>Listener(element, listener, captrue)
如addLoadListener，addMousedownListener，addMouseoutListener 	
remove<Eventtype>Listener(element, listener, captrue)
createEvent(type, canBubble, cancelable)
dispatchEvent(el, even)

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

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

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

• 北京: 千橡集团暨校内网诚聘软件研发工程师
• 第二届网络工程师侠客行大会5月24日杭州举行
• 搜狐网站诚聘Java、PHP和C++工程师

  for(var i = 0;i<data.length;i++){
    //.
  }
  //倒转后代码
  for(var i = data.length-1;i>=0;i--){
    //.
  }

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)

• 搜狐网站诚聘Java、PHP和C++工程师
• 北京: 千橡集团暨校内网诚聘软件研发工程师
• 第二届网络工程师侠客行大会5月24日杭州举行

• 北京: 千橡集团暨校内网诚聘软件研发工程师
• 第二届网络工程师侠客行大会5月24日杭州举行
• 搜狐网站诚聘Java、PHP和C++工程师

• 北京: 千橡集团暨校内网诚聘软件研发工程师
• 搜狐网站诚聘Java、PHP和C++工程师
• 第二届网络工程师侠客行大会5月24日杭州举行

• 北京: 千橡集团暨校内网诚聘软件研发工程师
• 搜狐网站诚聘Java、PHP和C++工程师
• 第二届网络工程师侠客行大会5月24日杭州举行

• 北京: 千橡集团暨校内网诚聘软件研发工程师
• 第二届网络工程师侠客行大会5月24日杭州举行
• 搜狐网站诚聘Java、PHP和C++工程师

• 搜狐网站诚聘Java、PHP和C++工程师
• 北京: 千橡集团暨校内网诚聘软件研发工程师
• 第二届网络工程师侠客行大会5月24日杭州举行

图片的生成：

• 北京: 千橡集团暨校内网诚聘软件研发工程师
• 第二届网络工程师侠客行大会5月24日杭州举行
• 搜狐网站诚聘Java、PHP和C++工程师

发布了一段时间JSI2预览版了，下一步准备JSI2Alpha版开发。
主要任务有：

1、优化依赖管理模块。
2、完善日志输出功能。
3、清理现有bug。

预计需要3周左右时间。

按需装载的优化、JSDoc的完善、将推后。

• 北京: 千橡集团暨校内网诚聘软件研发工程师
• 搜狐网站诚聘Java、PHP和C++工程师
• 第二届网络工程师侠客行大会5月24日杭州举行

代码示例：

1. 日期选择器 (DatePicker):
   
   
   1. <d:datepicker>  
   2.   <input type="text" name="test2" />  
   3. </d:datepicker>  
   
   
2. 编辑器示例 (Editor):
   
   
   1. <d:editor>  
   2.   <textarea name='editorText'>This is some <strong>sample text</strong>. You are using <a  
   3.     href="http://www.fckeditor.net/">FCKeditor</a>.</textarea>  
   4. </d:editor>  
   
   
3. Spinner控件（Spinner 类似window时间日期管理中，年份调节的控件）:
   
   
   
   1. <d:spinner start='0' end='8' step='2'>  
   2.   <input type="text" name="test2" value='0' />  
   3. </d:spinner>  
   
   
4. 客户端包含(Include):
   
   
   
   1. <d:include url='menu.xml' xslt="menu.xsl"></d:include>  
   
   
5. 代码语法高亮显示控件(Code):
   
   
   
   1. <d:code language="js">  
   2.  <textarea>alert(‘Hello World’)</textarea>  
   3. </d:code>  
   
   
6. 标签页控件(TabBox参照xul tabbox标签):
   
   
   1. <d:tabbox>  
   2.   <d:tabs>  
   3.     <d:tab>tab1</d:tab>  
   4.     <d:tab>tab2</d:tab>  
   5.     <d:tab>tab3</d:tab>  
   6.   </d:tabs>  
   7.   <d:tabpanels>  
   8.     <d:tabpanel>content1</d:tabpanel>  
   9.     <d:tabpanel>content2</d:tabpanel>  
   10.     <d:tabpanel>content3</d:tabpanel>  
   11.   </d:tabpanels>  
   12. </d:tabbox>  
   
   
   
7. 综合示例:

装饰结果：

• 北京: 千橡集团暨校内网诚聘软件研发工程师
• 第二届网络工程师侠客行大会5月24日杭州举行
• 搜狐网站诚聘Java、PHP和C++工程师