执行顺序与浏览器上的 tensorflow.js 和 javascript 不同步（浏览器执行js的过程）

25-02-05 24

本篇文章给大家谈谈执行顺序与浏览器上的tensorflow.js和javascript不同步，以及浏览器执行js的过程的知识点，同时本文还将给你拓展flashswf与浏览器javascript互相调用

本篇文章给大家谈谈执行顺序与浏览器上的 tensorflow.js 和 javascript 不同步，以及浏览器执行js的过程的知识点，同时本文还将给你拓展flash swf与浏览器javascript 互相调用、javascript attachEvent绑定多个事件执行顺序问题_javascript技巧、javascript setAttribute, getAttribute 在不同浏览器上的不同表现_javascript技巧、javascript – canvas2d toDataURL()在不同浏览器上的不同输出等相关知识，希望对各位有所帮助，不要忘了收藏本站喔。

本文目录一览：

执行顺序与浏览器上的 tensorflow.js 和 javascript 不同步（浏览器执行js的过程）
flash swf与浏览器javascript 互相调用
javascript attachEvent绑定多个事件执行顺序问题_javascript技巧
javascript setAttribute, getAttribute 在不同浏览器上的不同表现_javascript技巧
javascript – canvas2d toDataURL()在不同浏览器上的不同输出

执行顺序与浏览器上的 tensorflow.js 和 javascript 不同步（浏览器执行js的过程）

model.predict 函数是一个同步函数，也就是说 await 关键字不会对它们产生影响，您可以在调用 await 时删除 model.predict 关键字，然后删除 {{ 1}} 定义 async 函数时。

predict_model 函数是一个同步函数（如：predict_model），“它”等待操作完成然后执行下一行代码。在您的情况下，该函数将在执行时阻塞主线程（UI 线程），这意味着您无法在浏览器上单击、更新 DOM、运行动画...。

简单的想法是让let a = 1 + 1;成为带有predict_model函数的异步函数，setTimeout会将“内容”推送到“队列”，并且不会锁定您的UI线程：

setTimeout

flash swf与浏览器javascript 互相调用

package {
		import flash.external.ExternalInterface;
		import flash.text.TextField;
		import flash.display.*;
		import flash.events.*;
		import flash.events.MouseEvent;
     public class main extends Sprite{
     private var _sp:Sprite;
	 public function main():void{		 
	                _sp=new Sprite();    
	       		   _sp.graphics.beginFill(0xd6d6d6);
				   _sp.graphics.drawRect(0,550,60);
				   _sp.graphics.endFill();
				   addChild(_sp);
				  _sp.addEventListener(MouseEvent.CLICK,loadtitle);
				  //给浏览器调用函数
				  ExternalInterface.addCallback("getMessage",showMessage);
	 }
	 public function loadtitle(e:Event):void{
		    	 var w:TextField=new TextField();
				 var  str:String="浏览器返回值："+ExternalInterface.call("getTitle");
				  w.text=str;
				  w.width=str.length*12;				  
				  w.x=100;
				  w.y=80;
				 addChild(w);
	 }
	 public function showMessage(str:String):String{
		   return str+"actionscript 返回值";
	 }
  }
}

html文件

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh_cn" lang="zh_cn">
<head>
<Meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>js</title>
<script language="JavaScript" type="text/javascript">
function getTitle()
{
    return "browser return";
}
function showme(){
  document.getElementById("show").innerHTML=detect("js").getMessage("goggogo");
}
function detect(id){
  if(navigator.appName.indexOf("Microsoft")!=-1){
     return window[id];
  }else{
     return window.document[id];
  }
}
// -->
</script>
</head>
<body bgcolor="#ffffff">
	<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=10,0" width="550" height="400" id="js" align="middle">
	<param name="allowScriptAccess" value="sameDomain" />
	<param name="allowFullScreen" value="false" />
	<param name="movie" value="js.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#ffffff" />	
<embed src="js.swf" quality="high" bgcolor="#ffffff" width="550" height="400" name="js" align="middle" allowScriptAccess="sameDomain"
 allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer_cn" />
	</object>
	<button onclick="showme()">点击</button>
	<div id="show"></div>
</body>
</html>

javascript attachEvent绑定多个事件执行顺序问题_javascript技巧

常见的绑定事件有直接绑定在页面元素中比如

，这个换种方法也就是分离出来写在js代码里如document.getElementById(''wrap'').onclick = function(){a();}，此时如果需要绑定多个方法则直接写在一起即可如document.getElementById(''wrap'').onclick = function(){a();b();}或

。然而我们时常这样来写一个单独的绑定方法bind(el,name,fn)，具体代码如下。

复制代码代码如下:

function bind(el,name,fn){ //绑定事件
return el.addEventListener?el.addEventListener(name,fn,false):el.attachEvent(''on''+name,fn);
}

这样在一个dom对象上绑定多个click事件如

复制代码代码如下:

bind(document.getElementById(''wrap''),''click'',a);
bind(document.getElementById(''wrap''),''click'',b);

在ie6,7,8下面就会出现执行顺序的问题（ie9下面暂时不清楚，没有环境测试，希望有环境的朋友帮忙测试下），而其他浏览器ff，chrome，safari下则是按照顺序执行。查找资料得到的是ie8下会颠倒执行顺序，ie6，ie7则是随机执行的，这个我实在不明白ie怎么会出现随机执行？难不成是别有目的的？如果有知道这样做的目的的朋友也能告知一声，经过自己的测试证实ie8确实颠倒执行的顺序而ie6,7则无规律的执行。我理解的随机执行应该是每次执行都是不一样的顺序然而实际上只要写的时候顺序固定那么执行的时候顺序也是固定的（虽然无规律也或许是我没找出规律）。

但是jQuery的$.bind(type, data, fn)方法则没有这个问题，找jQuery的原代码看了下，发现里面也是用的

复制代码代码如下:

if (elem.addEventListener)
　　　　elem.addEventListener(type, handle, false);
　　else if (elem.attachEvent)
　　　　elem.attachEvent("on" + type, handle);

Test

table1

No.	Item
1	2C.40E80.041
2	4L.013Y2.003

table2

No.	Item
1	4G.0QE18.001
2	2K.61209.208

var canvas = document.createElement('canvas'),ctx = canvas.getContext('2d'),img = new Image; img.crossOrigin = 'Anonymous'; img.onload = function(){ canvas.height = img.height; canvas.width = img.width; ctx.drawImage(img,0); var dataURL = canvas.toDataURL(); setBreakpoint(dataURL); callback.call(this,dataURL); canvas = null; }; img.src = url;