leo_faith
- 浏览: 101502 次
- 性别:
- 来自: 成都
-
最新评论
-
逝爱无声：
LZ写的很好啊，学习了
Java同步机制总结--synchronized -
kingj：
有个问题，看下面代码：public class Test { ...
Java同步机制总结--synchronized -
lwg2011：
switchlau 写道“A方法的锁是Obj这个对象，而B的锁 ...
Java同步机制总结--synchronized -
lwg2011：
jerryzhu 写道2． 假如instance变量是个对象 ...
Java同步机制总结--synchronized -
onedaykoo：
...
Java同步机制总结--synchronized
代码代表我的思想,就是不用去检查状态,靠xhr计数来得知是否完毕.
完毕了就执行代码.
核心方法:
void A9Loader.asyncImportClass(String clzz)
async import an js and export like java
@param clzz (String) eg:'com.trydofor.a9text.parser.a9text'
void A9Loader.runAfterImport(Function func)
run the func when all class imported
@param func (Function)
你可以修改修改,改成你适用的.
这段代码,经过严格测试,在a9text的异步动态载入中表现还不错.
完毕了就执行代码.
核心方法:
void A9Loader.asyncImportClass(String clzz)
async import an js and export like java
@param clzz (String) eg:'com.trydofor.a9text.parser.a9text'
void A9Loader.runAfterImport(Function func)
run the func when all class imported
@param func (Function)
你可以修改修改,改成你适用的.
这段代码,经过严格测试,在a9text的异步动态载入中表现还不错.
/**
UTF8(BOM) GPL trydofor.com Feb.2008
===========================================================
void A9Loader.tagLoadScript(String url)
load the js/text by html tag(script)
@param url (String) the url of script
void A9Loader.syncImportClass(String clzz)
sync import an js and export like java
@param clzz (String) eg:'com.trydofor.a9text.parser.a9text'
void A9Loader.asyncImportClass(String clzz)
async import an js and export like java
@param clzz (String) eg:'com.trydofor.a9text.parser.a9text'
void A9Loader.runAfterImport(Function func)
run the func when all class imported
@param func (Function)
void A9Loader.syncLoadText(String url)
sync load a text
@param url (String)
void A9Loader.asyncLoadText(Function func,String|Array urls)
sync load a text or Array of text
@param func (Function) function(String|Array urls,String|Array texts)
@param url (String or Array of String)
void A9Loader.setStdout(Function func)
show the stdout info of a9loader
@param func (Function) function(info)
void A9Loader.setStderr(Function func)
show the stderr info of a9loader
@param func (Function) function(info)
Object A9Loader.__$(String clzz)
get class object by class name. eg
A9Loader.__$('com.trydofor.a9text.parser.a9text')
return com.trydofor.a9text.parser.a9text
String A9Loader.getCorePath()
get the path of a9loader.js
String A9Loader.getPagePath()
get the path of html page
String A9Loader.getPageName()
get the name of html page
String A9Loader.getPageInfo()
get the querystring of html page
Object A9Loader.getPageArgs()
get the querystring's key-value pairs of html page
*/
var __A9Loader__ = function()
{
var __selfConf__ = {name:"a9loader.js",extn:'.js',info:"__info__.js"};
var __pageInfo__ = {core:"",path:"",name:"",info:"",args:{}};
var __stdHandler__ = {stdout:null,stderr:null};
var __asyncTextTask__ = {num:0,map:{}};
var __asyncClzzTask__ = {rcnt:0,clzz:[],func:[]};
var __clzzInfoPools__ = {}; //{clzz,pubs,deps,text,impl}
__init__(); // init
//
function __tagLoadScript__(url)
{
__checkType__(url,"string","url@__tagImportScript__");
try
{
var element=document.createElement('SCRIPT');
element.setAttribute('src', url);
var parrent = document.getElementsByTagName("head").item(0)||document.body;
parrent.appendChild(element);
}catch(e){
document.write("<script type='text/javascript' src='"+url+"'></script>");
document.close();
}
}
function __syncImportClass__(clzz)
{
__checkType__(clzz,"string","clzz@__syncImportClass__");
new __clzzTask__(clzz,false);
}
function __asyncImportClass__(clzz)
{
__checkType__(clzz,"string","clzz@__asyncImportClass__");
//new __clzzTask__(clzz,true);
new __clzzTask__(clzz,self.location.protocol.indexOf('file')<0);
}
function __runAfterImport__(func)
{
__checkType__(func,"Function","func@__runAfterImport__");
__stdout__("__runAfterImport__:"+func);
__asyncClzzTask__.func.push(func);
__clzzTaskCallback__();
}
function __syncLoadText__(url)
{
__checkType__(url,"string","url@__syncLoadText__");
var xhr = __newXHRequest__();
var resText = null;
try{
xhr.open("GET",url,false);
xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded; charset=UTF-8');
xhr.send(null);
resText = xhr.responseText;
}finally{
xhr.abort();
delete xhr;
}
return resText;
}
/**
* async load text by one or more url,
* when all text is loaded,the func will be called back.
* @param func <Function> function(<String|Array>urls,<String|Array>text)
* @param urls <String|Array>
*/
function __asyncLoadText__(func,urls)
{
__checkType__(func,"Function","func@__asyncLoadText__");
__checkType__(urls,"string","urls@__asyncLoadText__");
__asyncTextTask__.num++;
var task = {};
task.id = __asyncTextTask__.num;
task.func = func;
task.urls = urls
task.xhrs = [];
if(typeof(urls) == 'string'){
task.xhrs[0] = new __textTask__(urls,task.id);
}else{
for(var i=0;i<urls.length;i++){
task.xhrs[i] = new __textTask__(urls[i],task.id);
}
}
__asyncTextTask__.map[task.id] = task;
}
/////////////////// helper functions ///////////////////
function __clzzTask__(clzz,async)
{
//(step,init:0,info:1,text:2,impl:3)
if(typeof(__clzzInfoPools__[clzz]) != 'undefined'
&& __clzzInfoPools__[clzz]['text'] != null) return;
if(async == null||async != false) async = true;
else async = false;
__asyncClzzTask__.rcnt++;
__asyncClzzTask__.clzz.push(clzz);
__stdout__("__clzzTask__:"+clzz+","+async);
if(typeof(__clzzInfoPools__[clzz]) == 'undefined'){
__clzzInfoPools__[clzz] = {'clzz':clzz,'pubs':null,'deps':null,'text':'','impl':null};
}
//document.body.innerHTML +="<br>"+clzz;
var clzzUri = __pageInfo__.core+clzz.replace(/\./g,'/')+__selfConf__.extn;
var infoUri = clzzUri.substring(0,clzzUri.lastIndexOf('/')+1)+__selfConf__.info;
// get info (async|sync)
if(__clzzInfoPools__[clzz]['pubs'] == null){
__asyncClzzTask__.rcnt++;
var xhrInfo = __newXHRequest__();
if(async){
xhrInfo.onreadystatechange = function(){
if(xhrInfo.readyState == 4){
var infoText = null;
if (xhrInfo.status == 0 || xhrInfo.status == 200 || xhrInfo.status == 304 ){
infoText=xhrInfo.responseText;
}else{
// do something
}
xhrInfo.abort();
delete xhrInfo;
//
if(infoText != null)eval(infoText);
__asyncClzzTask__.rcnt--;
__clzzTaskCallback__();
}
}
}
xhrInfo.open('GET',infoUri,async);
xhrInfo.setRequestHeader('If-Modified-Since','0');
xhrInfo.setRequestHeader('Content-Type','application/x-www-form-urlencoded; charset=UTF-8');
xhrInfo.send(null);
if(!async){
var infoText=xhrInfo.responseText;
xhrInfo.abort();
delete xhrInfo;
if(infoText != null)eval(infoText);
__asyncClzzTask__.rcnt--;
__clzzTaskCallback__();
}
}
// get text (async|sync)
var xhrClzz = __newXHRequest__();
if(async){
xhrClzz.onreadystatechange = function(){
if(xhrClzz.readyState == 4){
if (xhrClzz.status == 0 || xhrClzz.status == 200 || xhrClzz.status == 304 ){
__clzzInfoPools__[clzz]['text']=xhrClzz.responseText;
}else{
// do something
}
xhrClzz.abort();
delete xhrClzz;
__asyncClzzTask__.rcnt--;
__clzzTaskCallback__();
}
}
}
xhrClzz.open('GET',clzzUri,async);
xhrClzz.setRequestHeader('If-Modified-Since','0');
xhrClzz.setRequestHeader('Content-Type','application/x-www-form-urlencoded; charset=UTF-8');
xhrClzz.send(null);
if(!async){
__clzzInfoPools__[clzz]['text']=xhrClzz.responseText;
xhrClzz.abort();
delete xhrClzz;
__asyncClzzTask__.rcnt--;
__clzzTaskCallback__();
}
// inner function
function __info__(scriptName,publicMemeber,dependencs){
var clzzBall = clzz.substring(0,clzz.lastIndexOf('.')+1);
var clzzName = clzzBall + scriptName.substring(0,scriptName.lastIndexOf(__selfConf__.extn));
if(typeof(__clzzInfoPools__[clzzName]) == 'undefined'){
__clzzInfoPools__[clzzName] = {'clzz':clzzName,'pubs':publicMemeber,'deps':dependencs,'text':null,'impl':null};
}else{
__clzzInfoPools__[clzzName]['pubs']=publicMemeber;
__clzzInfoPools__[clzzName]['deps']=dependencs;
}
__stdout__("__info__:"+clzzName);
if(dependencs!= null){
for(var i=0;i<dependencs.length;i++){
if(dependencs[i].indexOf('.')<0) dependencs[i] = clzzBall+dependencs[i];
new __clzzTask__(dependencs[i],async);
}
}
}
}
function __clzzTaskCallback__()
{
__stdout__("__clzzTaskCallback__:"+__asyncClzzTask__.rcnt);
if(__asyncClzzTask__.rcnt > 0) return;
__asyncClzzTask__.rcnt ++;
do{
var ci = __asyncClzzTask__.clzz.length;
var fi = __asyncClzzTask__.func.length;
for(var i=0;i<ci;i++){
__initAndExportClzz__(__asyncClzzTask__.clzz.shift());
}
for(var i=0;i<fi;i++){
try{
var func = __asyncClzzTask__.func.shift();
__stdout__("__asyncClzzTask__.func:"+i+"\n"+func);
func();
}catch(e){ __stderr__("__clzzTaskCallback__:"+e)};
}
}while(__asyncClzzTask__.rcnt<=1 && (ci>0 ||fi>0))
__asyncClzzTask__.rcnt --;
}
function __initAndExportClzz__(clzz)
{
if(typeof(__clzzInfoPools__[clzz]) == 'undefined'
|| __clzzInfoPools__[clzz]['impl'] != null
|| __clzzInfoPools__[clzz]['text'] == null
) return;
// deps check
var cip = __clzzInfoPools__[clzz];
cip['impl'] = 'ready'; // avoid looping deps
//__stdout__("check@__initAndExportClzz__:"+clzz);
for(var i=0;cip['deps']!=null && i<cip['deps'].length;i++){
__stdout__("deps@__initAndExportClzz__:"+clzz+"->"+cip['deps'][i]);
__initAndExportClzz__(cip['deps'][i]);
}
__stdout__("init@__initAndExportClzz__:"+clzz);
// init clzz
var clzzScript = ["__clzzInfoPools__[clzz].impl = function(){\n"];
if(cip['pubs']!=null)
for(var i=0;i<cip['pubs'].length;i++)
clzzScript.push("var " + cip['pubs'][i] + ";\n");
clzzScript.push(cip['text']);
clzzScript.push("\nreturn { __$:function(s){return eval(s)}\n");
if(cip['pubs']!=null)
for(var i=0;i<cip['pubs'].length;i++)
clzzScript.push(","+cip['pubs'][i]+":"+cip['pubs'][i]+"\n");
clzzScript.push("};\n");
clzzScript.push("}();\n");
try{
eval(clzzScript.join(''));
}catch(e){
throw "bad clzz :"+clzz+" :\n"+e;
}
delete clzzScript;
// export ball
var ballScript = [];
var ballPart = clzz.split('.');
if(ballPart.length>1){
ballScript.push("if(typeof("+ballPart[0]+")=='undefined')"+ballPart[0]+"={};\n");
var ballCell = ballPart[0];
for(var i=1;i<ballPart.length-1;i++){
ballCell += "['"+ballPart[i]+"']";
ballScript.push("if(typeof("+ballCell+")=='undefined') "+ballCell+"={};\n");
}
}
ballScript.push("if(typeof("+clzz+")!= 'undefined'){ throw '"+clzz+" exists';}\n");
ballScript.push("else{"+clzz+"=__clzzInfoPools__[clzz].impl;}\n");
try{
eval(ballScript.join(''));
}catch(e){
throw "bad ball :"+clzz+" :\n"+e;
}
delete ballScript;
// alias pubs
var aliasScript = [];
if(cip['pubs']!=null)
for(var i=0;i<cip['pubs'].length;i++){
aliasScript.push("if(typeof("+cip['pubs'][i]+")!='undefined'){__stderr__('conflict:"+cip['pubs'][i]+"@"+clzz+"');}\n");
aliasScript.push("else{"+cip['pubs'][i]+"=__clzzInfoPools__[clzz].impl['"+cip['pubs'][i]+"']}\n");
}
eval(aliasScript.join(''));
delete aliasScript;
}
/**
* do xmlhttprequest as a thread of task group
* @param url
* @param taskid task group id
*/
function __textTask__(url,taskid)
{
var text = null;
var done = false;
var xhr = __newXHRequest__();
xhr.onreadystatechange = function(){
if(xhr.readyState == 4){
if (xhr.status == 0 || xhr.status == 200 || xhr.status == 304 ){
text = xhr.responseText;
done = true;
__textTaskCallback__(taskid);
}else{
// do something
}
xhr.abort();
delete xhr;
}
}
xhr.open('GET',url,true);
xhr.setRequestHeader('If-Modified-Since','0');
xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded; charset=UTF-8');
xhr.send(null);
//
this.isDone = function(){return done;}
this.getUrl = function(){return url;}
this.getText = function(){return text;}
}
function __textTaskCallback__(taskid)
{
if(typeof(__asyncTextTask__.map[taskid]) == 'undefined') return;
var xhrs = __asyncTextTask__.map[taskid].xhrs;
var isAllDone = true;
for(var i=0;i<xhrs.length;i++){
if(!xhrs[i].isDone()){
isAllDone = false;
break;
}
}
//alert(taskid+"::"+xhrs.length+":"+isAllDone)
if(isAllDone){
var task = __asyncTextTask__.map[taskid];
if(typeof(task.urls) == 'string'){
task.func(task.xhrs[0].getUrl(),task.xhrs[0].getText());
}else{
var urls = [];
var texts = [];
for(var i=0;i<xhrs.length;i++){
urls[i] = xhrs[i].getUrl();
texts[i] = xhrs[i].getText();
}
task.func(urls,texts);
}
delete __asyncTextTask__.map[taskid];
}
}
function __newXHRequest__()
{
if(window.XMLHttpRequest) // Gecko
{
return new XMLHttpRequest() ;
}
else if(window.ActiveXObject) // IE
{
var activeXo = ['MSXML2.XMLHTTP','Microsoft.XMLHTTP'] ;
for(var i=0;i<activeXo.length;i++)
try {return new ActiveXObject(activeXo[i]);}catch (e){};
}
else
{
throw "can not create XMLHttpRequest on your browser";
}
}
function __checkType__(para,type,info)
{
var mess = "para:"+para+" should be "+type+" ::"+info;
if(para == null) throw mess;
if(para instanceof Array && type != "Array"){
for(var i=0; i<para.length; i++) {
if(typeof(para[i]) == type) continue;
try{
if(eval("para[i] instanceof "+type)) continue;
}catch(e){};
throw mess;
}
return;
}else{
if(typeof(para) == type || eval("para instanceof "+type)) return;
}
throw mess;
}
function __stderr__(info){
if(__stdHandler__.stderr != null){
try{__stdHandler__.stderr(info);}catch(e){alert(e)};
}
}
function __stdout__(info){
if(__stdHandler__.stdout != null){
try{__stdHandler__.stdout(info);}catch(e){alert(e)};
}
}
function __init__()
{
// CORE
var scriptTags = document.getElementsByTagName("SCRIPT");
for(var i=0;i<scriptTags.length;i++)
{
var src = scriptTags[i].src;
var pos = src.lastIndexOf(__selfConf__['name']);
if( pos == (src.length - __selfConf__['name'].length))
{
__pageInfo__['core'] = src.substring(0,pos);
break;
}
}
// PAGE
var theURL = self.location.href;
var questPos = theURL.indexOf('?');
var pureUrl = questPos<0?theURL:theURL.substring(0,questPos);
var slashPos = pureUrl.lastIndexOf('/') + 1;
__pageInfo__['path'] = theURL.substring(0,slashPos);
__pageInfo__['name'] = questPos>slashPos ? theURL.substring(slashPos,questPos):theURL.substr(slashPos);
// URL_ARGS
if(questPos > slashPos)
{
var queryString = theURL.substr(questPos+1);
var equalPos = 0;
var keyValArray = queryString.split("&");
for( var i = 0 ; i < keyValArray.length; i++)
{
equalPos = keyValArray[i].indexOf("=");
if(equalPos > 0)
__pageInfo__['args'][keyValArray[i].substring(0,equalPos)] = keyValArray[i].substr(equalPos+1);
else
__pageInfo__['args'][keyValArray[i]] = "";
}
__pageInfo__['info'] = queryString;
}
}
// export public members
this.tagLoadScript = __tagLoadScript__;
this.syncImportClass = __syncImportClass__;
this.asyncImportClass = __asyncImportClass__;
this.runAfterImport = __runAfterImport__;
this.syncLoadText = __syncLoadText__;
this.asyncLoadText = __asyncLoadText__;
this.setStdout = function(f){if(f instanceof Function)__stdHandler__.stdout = f;};
this.setStderr = function(f){if(f instanceof Function)__stdHandler__.stderr = f;};
this.__$ = function(s){return __clzzInfoPools__[s].impl;}
this.getCorePath = function(){ return __pageInfo__['core']; };
this.getPagePath = function(){ return __pageInfo__['path']; };
this.getPageName = function(){ return __pageInfo__['name']; };
this.getPageInfo = function(){ return __pageInfo__['info']; };
this.getPageArgs = function(){ var t={};for(var k in __pageInfo__['args'])t[k]=__pageInfo__['args'][k]; return t;};
}
// init instance
if(typeof(A9Loader) == 'undefined' || !(A9Loader instanceof __A9Loader__))
{
A9Loader = new __A9Loader__();
/*
var _console_ = null;
var stdout = function(info){
if(_console_ == null){
_console_= window.open("","A9LoaderConsole","width=680,height=600,resizable,scrollbars=yes");
_console_.document.write("<meta content='text/html; charset=utf-8' http-equiv='content-type'><body style='font-size:12px'></body>");
}
_console_.document.write("<pre>"+info+"</pre>");
}
var stderr = function(info){
stdout("[ERR]"+info);
}
A9Loader.setStdout(stdout);
A9Loader.setStderr(stderr);
*/
}
分享到：
发表评论
相关推荐
本文将详细讲解JavaScript中的各种触发事件。 1. 鼠标事件： - onclick：当鼠标单击元素时触发。 - ondblclick：鼠标双击元素时触发。 - onmousedown：鼠标按钮被按下时触发。 - onmouseup：鼠标按钮被释放时...
自动化控制、事件触发机制研究，动态事件触发，静态事件触发，自适应事件触发，相对静态事件触发。事件（event）是一个非常重要的概念，我们的程序时刻都在触发和接收着各种事件：鼠标点击事件，键盘事件，以及处理...
动态加载外部JS文件是网页开发中的一个重要技术，它允许网页在需要时按需加载JavaScript资源，从而提高页面的加载速度，优化用户体验，并有效地管理复杂的项目结构。以下将详细阐述动态加载的原理、方法以及相关实践...
在Visual Basic (VB)编程环境中，Load事件是窗体（Form）生命周期中的一个重要阶段，它在窗体被创建或显示时被触发。当一个窗体被加载到内存中或者首次显示时，VB会自动调用该窗体的Load事件过程。这个事件允许...
在Vue.js应用开发中，有时候我们可能需要动态加载JavaScript资源，比如某些库或者插件只在特定场景下使用，为了优化性能，不希望一开始就加载。Vue动态加载JS是一种实现这一需求的技术，它允许我们在运行时根据需要...
今天我们就来看看他们的实现思路和js控制动态加载的代码 下面的代码主要是控制滚动条下拉时的加载事件的 在下面代码说明出，写上你的操作即可，无论是加载图片还是加载记录数据 都可以 别忘了引用jquery类库 $...
### JS事件触发大全 在JavaScript编程中，事件处理是与用户交互的重要手段之一。通过监听特定的事件，我们可以实现各种动态效果和响应式操作。本文将详细介绍一系列常见的JS事件及其触发场景，帮助开发者更好地理解...
同时，它还监听`onload`事件，以便在JS文件加载完成后触发相应的回调函数。 5. **使用示例** - **导入组件**: 首先，我们需要在项目中导入`myScript.vue`组件。 ```javascript import myScript from '@/modules/...
在官方版本中，虽然提供了丰富的功能，但并未直接支持动态加载或懒加载。动态加载（也称为懒加载）是一种优化性能的技术，只在用户需要时才加载数据，而不是一次性加载所有数据，这对于处理大量数据或层级结构尤其...
在实际项目中，为了提高页面加载速度和优化用户体验，我们常常需要按需加载JavaScript文件，而不是一次性加载所有资源。这正是"javascript函数动态加载javascript文件"这一主题的核心所在。 动态加载JavaScript文件...
3. 如果页面中有多个JavaScript文件，可以考虑将window.onload事件中的代码提取到一个单独的JavaScript文件中，并确保该文件在所有其他脚本加载之后执行。 4. 对于需要频繁交互的复杂页面，合理组织代码，避免使用...
在JSP中，可能使用了JavaScript库（如jQuery、AngularJS或React）和AJAX来实现表格的动态加载功能，以及与后台服务器进行交互。 总结来说，动态加载树和动态加载表格都是为了提高数据展示的效率和用户体验。通过...
页面加载过程中，JavaScript（js）的执行对用户感知的页面加载速度有着直接影响。在这个主题下，我们将深入探讨JavaScript如何影响页面加载，以及如何利用它来改善用户在页面加载过程中的体验。 1. **JavaScript与...
动态加载数据通常指的是懒加载（Lazy Loading）机制，即只在用户滚动到数据视图的底部或者触发特定事件时，才向服务器请求更多的数据。这种方式避免了一次性加载大量数据导致的页面响应慢和内存消耗大等问题。 实现...
以下是对标题和描述中涉及的JavaScript事件的详细解释： 1. **鼠标事件**： - `onClick`：当用户点击鼠标左键时触发。 - `onDblClick`：鼠标双击时触发。 - `onMouseDown`：任何鼠标按钮被按下时触发。 - `...
这些事件在JavaScript编程中具有广泛的应用，它们使得开发者能够创建响应用户行为的动态网页，提升用户体验。例如，你可以利用这些事件创建交互式表单验证、实时数据更新、响应式导航等特性。理解并熟练运用这些事件...
在Web开发中，事件处理是实现动态交互的重要手段。有时我们需要在JavaScript中模拟用户的行为，比如模拟鼠标点击事件。这样可以无需用户直接交互即可触发事件处理函数。本文详细介绍了如何使用JavaScript来触发模拟...
首先，我们要明确动态加载的基本思路：根据用户操作或特定事件，如滚动、搜索或分页，向服务器发送请求，获取部分数据并将其添加到ListBox中。这种技术通常与Ajax（异步JavaScript和XML）相结合，利用JavaScript进行...