首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

浅析 JS 的 EventLoop 事件循环(新手

序 Event Loop 这个概念相信大家或多或少都了解过,但是有一次被一个小伙伴问到它具体的原理的时候,感觉自己只知道个大概印象,于是计划着一篇文章,用输出倒逼输入,让自己重新学习这个概念,同时也能帮助更多的人理解它...只能同步执行肯定是有问题的,所以 JS 有了一个用来实现异步的函数:setTimeout 下面要讲的 Event Loop 就是为了确保 异步代码 可以在 同步代码 执行后继续执行的。...,就从 Event Queue 拿出一个任务放入 Call Stack 而 Event Loop 指的就是这一整个圈圈: 它不停检查 Call Stack 是否有任务(也叫栈帧)需要执行,如果没有...,就检查 Event Queue,从中弹出一个任务,放入 Call Stack ,如此往复循环。...(macro task) 和 微任务 (micro task) 了,我们放在下篇再讲~ 参考文章 MDN EventLoop javascript-event-loop understanding-js-the-event-loop

2.3K20
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    JS - 可自动伸缩高度的文本框

    而不会撑开文本框的高度。 如果什么也不设置,最小宽高很窄很细,随便输入内容也会超出文本框隐藏,且自动增加滚动条。 ?...因为文本框的宽高固定死了, 还是超出出现了滚动条。 怎么让文本框初始化设置一定的高度,但是文字超出时自动跟随内容的高度伸缩?...答: 初始化高度通过css设置(如上),自动伸缩的高度值通过js来计算(如下)。 如果js计算的话,就需要事件触发,用change事件? 答:但是change事件体验不好。 为什么?...如果文本框内容超出高度然后用户还在输入的时候,体验就会很不好。而且如果用户一直不点击别的地方让textarea失去焦点,这个事件就永远不会触发,文本框的高度就不变。 比如输入过程,就成了这样: ?...答:就是计算文本框的滚动高度,即内容高度 具体怎么做? 答:键盘每次弹起的时候,获取文本框的内容高度添加给文本框的高度,即可让其实时的跟随内容自适应。 内容高度用什么属性计算?

    9.3K20

    绕过JS爬虫

    http://data.eastmoney.com/jgdy/tj.html       我们希望抓取的是js生成的表格。      ...这种带有js的网站抓取其实不是那么简单的,基本分为那么几种方法,一种是观察页面,有的会有json数据,有的有js代码可以解析目标的url;一种是使用渲染工具;还有一种就是用工具来点击相关button,来抓取...我们希望爬取的是表格的数据,但是如果我们仔细看一下html代码,会发现,这其实是js生成的,下面这张图是源代码的截图。 ?       这就很尴尬了,怎么办呢?...然后我们就点击第二页、第三页不断的来观察究竟js代码访问了什么后台的url。...至于最后面一个数字,目前猜测是一个计数标记,所有的api设置一致就可以了。       接下来我们就可以用urllib来获得api背后的json内容了,比如是这样的: ?

    14.9K20

    js插件教程

    -2">add //这里是插件的代码;我为了方便都写到一个html中了;请把这个script标签的内容单独写在一个...js文件里 //整个插件写在一个立即执行函数里;就是function(){}();函数自执行;保证里面的变量不会与外界互相影响 //头部的win啊,doc啊 $ 啊都是底部的window,document...,jQuery的映射;方便内部直接调用; //当然你不引用jq的话头部的$和底部的jQuery干掉;你若引用了更过的依赖可以依次添加; //最后面的undefined可不;最好写了;保证里面再出现的...号(叹号)或者;(分号)这不是写错了,为了防止那个二货js结束没有分号;而可能发生报错 /* ;function(win,doc,$,undefined){ }(window...{ //当然你还可以扩展其他方法;这些方法之间都可以互相调用; 只要用this.方法名 就行了;如果在取不到this比如上面的click函数

    35.1K10

    如何在js文件加载Applet控件(js与jsp分离技术)

    如何在js文件加载Applet控件(js与jsp分离技术) 我们在代码的时候,一般喜欢将JSP和JS实现分离开,将页面部分的代码写在.jsp结尾的文件...Javascript中经常有一部分代码是动态产生的,导致我们经常不得不将这部分代码写到jsp文件,这就导致代码看起来不雅和难懂。那么我们有没有办法将需要写到jsp页面上的代码写到js文件呢?...我们可以这样实现,在jsp一个空的div,这样,页面加载这个div是不耗性能的。...其实这个好办,我们只要在js文件这么这段话,就可以实现了 document.writeln('<div style="position: absolute; width:0px; height:0px...由于<em>js</em>页面不知道jsp在哪个地方加载<em>js</em>文件,所有像原先那样<em>写</em>一个相当位置的div是不大妥当的,而加载一个固定位置的div,则无论jsp在哪个地方加载<em>js</em>文件,都可以保证div想固定的地方显示了。

    7.1K40

    js插件教程深入

    原文地址:https://github.com/lianxiaozhuang/blog 转载请注明出处 js 插件教程深入 1.介绍具有安全作用域的构造函数 function Fn(name...constructor:Fn, getF:function(){ console.log(1); } } new Fn(); //new 出来的Fn就是一个构造函数 //倘若有人忘记new...; //对于使用时,没有设置的参数;用默认参数代替 } } this.params= params;//得到的this.params,在方法调用...function(){} //大家可能都会有这样的纠结,getC到底写到this里还是原型里 //这要从内存说起;写到原型上,每执行一个实例,getC不需要开辟新的内存 //故,可以把一些纯计算的方法,原型上...,如果方法和实例本身有关,应该写道this 4.方法名防止冲突处理 //如果在引入你的插件之前,window下已经有Fn的变量;怎么办,你如果这么搞; 岂不是把别人的Fn搞掉了 //此时应该把

    13.8K10
    领券