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

ajax 和 js 事件的执行顺序

有一个需求,滚轮滚动到相应位置的时候执行当前的动画,这个动画在footer里面,而网页的主体通过ajax进行渲染,我在js里面调用ajax渲染数据,然后再获取主体的高度,滚动到该高度的时候执行动画。...放在服务器上测试发现无论怎么写,都是先获取主体的高度,然后才进行数据的渲染。那么必然高度是一个极小的值,不符合我想要的属性。...我大致想了两种解决办法,均以失败告终,本地是ajax先执行,服务器是js先执行。...最后我想到了,ajax不就是一种异步方法,我将其改为同步不就行,先让ajax执行完在执行js事件。...当然这样做有弊端的,如果接口出问题,ajax渲染失败,那么整个网页的js都将执行不了。不过我想真到了数据都渲染不出的地方,访问网页就没有意义了,所以最后我采用了这种方法。

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

    js执行栈与事件循环简单理解

    : 首先main函数作为入口函数,肯定是第一个优先放到执行栈中的; console.log('A');是一个函数,虽然用得很多,但是确实是执行一个函数,想console控制台输出文本‘A’,在main函数没执行完时...事件循环 所以,事件循环其实就是js代码借助与浏览器API向消息队列中丢入一些回调函数,等待执行栈放空自己的时候,把消息队列中的回调函数压入到执行栈中执行的这么一个机制。...紧接着runWhileLoopForNSeconds(3);被压入了执行栈中,是一个函数,由于js是单线程的,因此mian也好,runWhileLoopForNSeconds也好,都会在这个执行栈所在在执行上线文中孤独的执行着...('C');被压入了执行栈,然后秒执行了,此时main总算走空了,因此事件循环现在就看消息队列中有没有消息了,已看发现有,嘿,一个一个的丢出来,放到执行栈中来执行。...总结 所以,只有当执行栈中是空的时候,事件循环机制才有机会把消息队列中的任务丢出来执行,换句话说,只有执行栈中有内容在执行,事件循环就不可能给你从消息队列中取任务出来执行。

    1.6K30

    【Java AWT 图形界面编程】事件处理机制 ③ ( AWT 中常见的事件和事件监听器 | 低级事件 | 组件事件 | 窗口事件 | 鼠标事件 | 高级事件 | 动作事件 | 事件监听器 )

    文章目录 一、AWT 中常见的事件 1、低级事件 2、高级事件 二、AWT 中常见的事件监听器 一、AWT 中常见的事件 ---- AWT 中事件分为两大类 , 低级事件 和 高级事件 ; 低级事件...: 基于某个特定基本动作的事件 , 如 点击 , 拖动 , 获取焦点 , 失去焦点 等固定的简单操作 ; 高级事件 : 不基于某个特定事件 , 而是 根据 功能的具体含义 定义的事件 ; 1、低级事件...; 二、AWT 中常见的事件监听器 ---- 事件监听器 与 事件是一一对应的 , 只需要将事件的 Event 改成 Listener 即可 ; AWT 中常见的事件监听器 : 组件事件监听器 : ComponentListener..., 监听 组件的 尺寸变化 , 位置变化 , 可见/隐藏 属性变化 ; 容器事件监听器 : ContainerListener , 监听 Container 容器中 添加 / 删除 组件 ; 窗口事件监听器...; 绘制事件监听器 : PaintListener , 监听 组件绘制时触发的事件 , 当调用 update paint 函数 ; 动作事件监听器 : ActionListener, 监听 组件 ,

    1.9K20

    事件驱动如何理解?什么场景下适合用?Python如何实现一个事件监听器?

    为达到解耦效果,引入了事件驱动模型:我们把“玩家升级”包装成一个事件,任何对这个事件感兴趣的“观察者”只需要监听并执行对应逻辑。事件驱动模型也就是我们常说的发布-订阅模型。...下面通过一个发布订阅的事件监听器体会下事件驱动: # -*- coding: utf-8 -*- from queue import Queue, Empty from threading import...Python"公众号发送新文章 6_EventProcess Antonia 收到文章 正在阅读新文章内容:Python实现一个事件监听器 Steve 收到文章 正在阅读新文章内容:Python实现一个事件监听器...JOJO 收到文章 正在阅读新文章内容:Python实现一个事件监听器 addEventListener用来将事件和监听器进行绑定,注册事件的处理器到处理器列表中;Start启动事件管理器,启动事件处理线程...事件驱动:在一个单独的线程控制中,当处理I/O操作时,注册一个回调到事件循环中,回调中描述了如何处理某个事件,然后当I/O操作完成时继续执行。

    1.1K20

    js中如何在不影响既有事件监听的前提下新增监听器

    需求澄清 比如某个按钮已经绑定了2-3个对Window对象的load事件的监听,现在需要添加一个新的对click事件的监听器,但在一定条件下才会同时触发原有的2-3个load监听器,否则只触发新添加的这个事件...假定新添加的监听函数为: function additionalListener(){ console.log('should do something else'); } 二....ES6方法 ES6中添加的代理对象Proxy也可以用来实现这个需求,基本逻辑就是实现了对window.onload的调用劫持: var onloadProxy = new Proxy(window.onload...AOP方法 AOP,即面向切面编程,从元编程的角度来实现链式调用(建议一般编程人员不要在原生对象上添加新特性),实现的逻辑就是在函数的原型对象上添加after方法,它接收一个函数作为参数,在函数被调用时先调用原函数...,再调用after方法传入的方法,最后返回原函数的执行结果: Function.prototype.after = function (afterFn) { return () => {

    2.3K40

    js中的事件(event)

    其实事件的原理并非是浏览器的感觉系统,它的本质是一个行为发生时,对另一个行为的回调。...function(){alert("事件“);} 事件的绑定相当于做计划,绑定在事件上的方法执行了就相当于计划的事发生了,所以一般情况下,事件属性的前面都有”on“,如:ele.onclick, ele.onmousedown...;当你在一个form表单里点击提交按钮时网页会产生一个行为病刷新网页,当你网页上滚动鼠标滚轮的时候,页面的滚动条会滚动等等;这些都叫事件的默认行为,如果想把这些默认行为取消了,相应的js代码如下: a.onclick...一、被绑定的方法在事件触发执行时,this关键字竟让是window,二、IE中被绑定到事件上的方法的执行顺序是混乱的。...在W3C的标准是在同一事件上,先绑定的方法先执行,并且不能重复绑定同一个方法在同一个事件上,但是IE6、7、8中,如果绑定的方法少于9个,执行的顺序是相反的,超过9个,执行顺序就是混乱的,这些IE中的问题都是比较严重的

    6.9K30

    Spring高手之路7——事件机制与监听器的全面探索

    然后在onApplicationEvent方法中,我们检查事件的类型,并根据事件的类型执行相应的操作。这样我们就可以在同一个监听器中处理多种类型的事件了。...我们可以监听这个事件来在应用上下文启动后执行一些自定义逻辑,比如开启一个新线程,或者连接到一个远程服务等。 ContextStoppedEvent:这是Spring应用上下文的停止事件。...这些监听器分别对应于上述的三个操作。当监听器监听到“用户注册成功”的事件后,它们将根据事件中的用户信息,执行各自的操作。   ...注意:我们应该减少对事件处理顺序的依赖,以便更好地解耦我们的代码。虽然 @Order 可以指定监听器的执行顺序,但它不能改变事件发布的异步性质。...@Order注解只能保证监听器的调用顺序,事件监听器的调用可能会在多个线程中并发执行,这样就无法保证顺序,而且在分布式应用也不适用,无法在多个应用上下文环境保证顺序。

    1.6K40

    JS的事件冒泡和捕获

    事件机制 ---- 事件触发三个阶段: window往事件触发处传播,遇到注册的捕获事件会触发 传播到事件触发处时触发注册的事件 从事件触发处往window传播,遇到注册的冒泡事件会触发 事件触发一般会按照...-- || W3C event model |------------------------------------------- 但是有一个特例...:如果给body中的子节点同时注册冒泡和捕获事件,事件触发会按照注册的顺序执行。...于是,document和outer的点击处理函数被执行 继续向下寻找,直到到达inner元素本身,捕获阶段就此结束。...此时进入冒泡阶段,inner上的时间处理器得到执行 事件命中元素后开始向上冒泡,一路查找是否注册了冒泡阶段的祖先元素上的时间处理器。由于没有找到因此什么也没发生。

    2.6K20

    Node.js的事件循环

    介绍 事件循环是了解 Node.js 最重要的方面之一。 为什么这么重要?...通常,在大多数浏览器中,每个浏览器选项卡都有一个事件循环,以使每个进程都隔离开,并避免使用无限的循环或繁重的处理来阻止整个浏览器的网页。 该环境管理多个并发的事件循环,例如处理 API 调用。...浏览器在调用堆栈中查找函数名称,以告知你是哪个函数发起了当前的调用: 一个简单的事件循环的阐释 const bar = () => console.log('bar') const baz = ()...setTimeout(() => {}, 0) 的用例是调用一个函数,但是是在代码中的每个其他函数已被执行之后。...此时,调用堆栈如下所示: 这是程序中所有函数的执行顺序: 为什么会这样呢? 消息队列 当调用 setTimeout() 时,浏览器或 Node.js 会启动定时器。

    2.7K20

    js绑定事件代理的坑

    js通过事件代理的方式绑定跳转事件,我这里的逻辑是把click事件绑定在最外层container上面,如果e.target包含我已经写好的class,则执行跳转逻辑。...但是这种方式好像只能是在点击的元素的上面,也就是最内层的元素上面有相应的class才能跳转,在外层加同样的class不生效,说明是我对于事件代理的理解不够深刻,其实事件代理的作用就是为了把目标元素的事件绑定在外层做代理...class时执行点击事件,又想要外层元素含有class时执行点击事件,修改优化如下: document.querySelector('#container').addEventListener('click...', function (e) { console.log(e.currentTarget) //获得当前绑定监听事件的元素, container console.log...,而不是外面一层; currentTarget绑定相应想要点击的class的时候必须是做代理的即做事件监听的元素。

    5K20

    js事件委托的理解 转

    事件委托也叫事件代理,事件委托就是利用事件冒泡,指定一个事件处理程序,就可以管理某一类型的所有事件,何为事件冒泡呢,就是从事件最深的节点开始,然后逐步向上传播事件,最大的优点是提高性能 一般的做法 <ul...break; } } } } 所写的事件对应新增加的元素是不起作用的...值得注意的是,mouseover和mouseout虽然也有事件冒泡,但是处理它们的时候需要特别的注意,因为需要经常计算它们的位置,处理起来不太容易。...不适合的就有很多了,focus,blur之类的,本身就没用冒泡的特性,自然就不能用事件委托了。...我的理解是:事件委托都是在外围的div添加事件,当点击内部的一个元素时,即使这个元素没有onclick事件,依然会从内到外执行onclick事件,js中外部div 添加事件的函数内 var ev = ev

    1K20

    spring的事件监听应用场景_java监听器的原理与实现

    在 Spring 的事件机制中,我们可以令一个事件类继承 ApplicationEvent 类,然后将实现了 ApplicationListener 的 Bean 注册到 spring 容器,最后向 ApplicationEventPublisher...BeanFactroy 中,且实现了 ApplicationListener 接口的监听器; 向事件广播器注册还没有被实例化的监听器的 BeanName; 发布一些早期事件; protected void..." 的 DefaultEventListenerFactory,这保证至少有一个保底的监听器工厂。...1、通用监听器工厂 通用监听器工厂的代码及其简单,它的特点如下: 支持处理任何方法:supportsMethod 方法固定返回 true; 总是最晚被执行:getOrder 默认返回 Ordered.LOWEST_PRECEDENCE...注解的方法; 至此,当 AbstractApplicationContext.refresh 执行完毕,即上下文初始化完成后,广播器与所有编程式或注解式监听器皆初始化完毕,并且完成了注册。

    90610

    JS篇(028)-移动端 click 事件、touch 事件、tap 事件的区别

    2.touch 事件是针对触屏手机上的触摸事件。现今大多数触屏手机 webkit 内核提供了 touch 事件的监听,让开发者可以获取用户触摸屏幕时的一些信息。...mouseover mouseup 的触发 3.tap 事件在移动端,代替 click 作为点击事件,tap 事件被很多框架(如 zepto)封装,来减少这延迟问题, tap 事件不是原生的,所以是封装的...,还是会触发点透问题的,因为实质是: 在同一个 z 轴上,z-index 不同的两个元素,上面的元素是一个绑定了 tap 事件的,下面是一个 a 标签,一旦 tap 触发,这个元素就会 display:...而这种现象不是我们所期待的。 解决方案: (1)使用 fastclick。 (2)添加一个延迟。 (1)直接引入 fastclick 库。...(2)对于上一个 tap 做延迟。

    6.6K40

    关于js暂停执行的方法

    JavaScript是一门单线程但是可处理异步任务的脚本语言,是没有提供sleep等类似的方法的,当有需求需要暂停js脚本时,可以使用以下的方法  单线程分析:http://blog.csdn.net/...talking12391239/article/details/21168489 一:alert,comfirm弹窗暂停 js的alert,confirm弹窗类方法,是可以暂停js脚本执行的 例如: 执行下面的语句的 就算是定时器也一样暂停 var i=0; setInterval(function(){ console.log(i); i++;...只要控制下while的判断条件,就可以实现暂停了 三,ajax同步请求方法 此方法需要服务器协作才能实现,本人不建议,因为懒,也懒得测试了, 大概步骤就是:ajax同步请求服务器,带上一个参数time,...服务器接收之后,sleep(time),到时间再输出,回到ajax回调函数,在这个时间 内,ajax是停止状态的 最后再补充几句,其实js是不能暂停脚本的,上面的方法,只是抢占当前浏览器线程,相当于该线程的某个语句一直还停留在当前浏览器线程

    7.2K00
    领券