复制代码 代码如下,或然浏览器是或不是接济

2019-07-13 作者:小鱼儿主页高手论坛   |   浏览(141)

要是你不是很精晓Event事件,提出先这篇作品《理解javascript中DOM事件》

正文实例陈诉了JQuery达成的开关倒计时效果。分享给大家供我们参考,具体如下:

小鱼儿主页高手论坛,本文实例分析了javascript与jquery中的this关键字用法。分享给我们供大家参考,具体如下:

相关阅读:研究自身对JavaScript原型和闭包体系领悟(随手笔记6)   斟酌自个儿对JavaScript原型和闭包种类精通(随手笔记8)

先是,大家需求实例三个Worker的靶子,浏览器会依据新制造的worker对象新开三个接口,此接口会管理客户端与indexedDB数据库之间的通讯。这里的数据库是指浏览器数据库。假若,你供给剖断浏览器是或不是支持worker对象,详见如下代码。或然浏览器是不是支持indexedDB数据库,详见同下,二者推断最棒选用前边三个。因为IE不援救indexedDB 。

三个落到实处了在按键上呈现倒计时,倒计时停止自动将按钮设置为不可用的效用,具体代码如下:

this 表示近来的指标,那些当前目的足以是表单,<p>等别的因素

作用域

if(window.Worker){ dosomething }
// Worker
window.indexedDB = window.indexedDB || window.mozIndexedDB || window.webkitIndexedDB; 
if(!window.indexedDB){ dosomething }
// indexedDB
<html>
<head>
<title>test count down button</title>
<script src="jquery1.8.3.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$('#btn').click(function () {
var count = 10;
var countdown = setInterval(CountDown, 1000);
function CountDown() {
$("#btn").attr("disabled", true);
$("#btn").val("Please wait "   count   " seconds!");
if (count == 0) {
$("#btn").val("Submit").removeAttr("disabled");
clearInterval(countdown);
}
count--;
}
})
});
</script>
</head>
<body>
<input type="button" id="btn" value="Submit" />
</body>
</html>

1.javascript中this的用法:

援用《JavaScript语言精彩和编制程序实施》上对功效域的概念:

后来,worker对象会透过postMessage线程向indexedDB数据库发送数据,当indexedDB数据库接收到客户端发送的数目,首先把数据的键值积累并记录到indexedDB数据库表里面,其实一定于把多御史存在一张结构全部的表内。

运行作效果果截图如下:

JS部分:

变量功用域又叫变量的可知性。变量功能域完毕对消息的潜伏,也正是管理“割据”难题。

于是乎,indexedDB数据库会把收到到的数额值扔给新接口处理,当新接口得到多少并解析之后,会经过postMessage扔回一条数据给数据库,数据库接收重返的数据管理的点子和方面一样,此时indexedDB数据库会把重回的数量扔给客户端接受参数的onmessage线程,主线程前边onmessage线程首假如收纳传回的数码。

小鱼儿主页高手论坛 1

<script type="text/javascript">
 function chimg(obj){
  obj.src="./images/2.jpg";
 }
</script>

js中是一向不块级功效域的(ES6中有叁个let,能够在{},if,for里面证明,同不常候效能域限定在块级。let注明的变量不设有变量提高!这里不商量这些,因为本身也是偶尔见到。)。

var txt1 = document.querySelector("#txt1");
var txt2 = document.querySelector("#txt2");

var result = document.querySelector("#result");
window.indexedDB = window.indexedDB || window.mozIndexedDB || window.webkitIndexedDB || window.msIndexedDB;
 if(!window.indexedDB)
 {
  console.log("你的浏览器不支持IndexedDB");
 }
 if(window.Worker){
  var _this = new Worker("../../js/build/scroll_ten1.js");
  txt1.onchange = function(){ 
   _this.postMessage([txt1.value,txt2.value]); // e = [txt1.value,txt2.value]
   console.log("message post to work");
  }
  txt2.onchange = function(){
   _this.postMessage([txt1.value,txt2.value]); // e = [txt1.value,txt2.value]
   console.log("message post to work");
  }
  _this.onmessage = function(s){ //接收到的数据 e
   result.textContent = s.data;
  }
 }




onmessage = function(e){ //e接收Worker.postmessage传的参数
 var s = (e.data[2]*e.data[1]);
 var workerResult = "result : "   s;
 postMessage(workerResult); //Worker.onmessage进行回调workerResult参数
}

愿意本文所述对我们jQuery程序设计有所扶助。

HTML部分:

我们在编写制定代码的时候,不要在“块”里面证明变量,应该在代码的一发端就声称好,以制止产生歧义。

或是我们看了上述的辨析以往,料定在想用Worker能做哪些?对于这么些难点,近些日子能缓和线程的非阻塞难题,怎样聊到,当用户改换browser的的尺码、以及拖动浏览器时,主线程访谈后台数据时,并不会搁浅数据里面包车型地铁经过。

您大概感兴趣的文章:

  • jquery落成的论断倒计时是还是不是得了代码
  • 基于jQuery达成美丽且实用的倒计时实例代码
  • jquery落成倒计时功效
  • jquery轻松倒计时实现格局
  • jQuery倒计时代码(超轻便)

复制代码 代码如下:

 for(var i = 0; i < 10; i  ) { //不好的声明方式
 //...
}
console.log(i);
/*----------------------------------------------*/
var i = 0; //好的声明方式
for(i = 0; i < 10; i  ) {
 //....
}
console.log(i); 

支持Worker的browser有哪些?

<img src="./images/1.jpg" onclick="chimg(this)">

javascript除了全局功效域之外,还应该有贰个函数效能域。

小鱼儿主页高手论坛 2

2.jquery 中this的用法:

 大家在宣称变量的时候,全局代码在最前端申明,函数中声称变量要在函数体后边申明。同不常间,注脚变量的时候必须用"var"操作符。

本文由小鱼儿玄机30码发布于小鱼儿主页高手论坛,转载请注明出处:复制代码 代码如下,或然浏览器是或不是接济

关键词: 小鱼儿玄机30码