当前位置： 首页 > news >正文 河南省电力工程建设企业协会网站wordpress怎么搭建成论坛 news 2025/10/21 16:45:37 河南省电力工程建设企业协会网站,wordpress怎么搭建成论坛,建设直播平台网站软件,有没有推广赚钱的平台Vue 使用 nextTick 来确保数据更新后的 DOM 操作在更新完成后执行。其核心逻辑是将回调放到微任务或宏任务队列中#xff0c;确保回调在 DOM 更新完成后执行。 Vue.js 会利用不同的浏览器 API 来模拟 nextTick 的延迟执行#xff0c;通常是通过#xff1a; Promise#x…Vue 使用 nextTick 来确保数据更新后的 DOM 操作在更新完成后执行。其核心逻辑是将回调放到微任务或宏任务队列中确保回调在 DOM 更新完成后执行。 Vue.js 会利用不同的浏览器 API 来模拟 nextTick 的延迟执行通常是通过 Promise在微任务队列中执行。setTimeout在宏任务队列中执行当浏览器不支持 Promise 时。 Vue.js 的 nextTick 会将回调函数放到合适的队列中执行。通过不同的 异步队列机制 来确保在 DOM 更新后执行回调函数。实现方式如下 function nextTick(callback) {if (Promise) {Promise.resolve().then(callback); // 使用 Promise 微任务队列} else if (setImmediate) {setImmediate(callback); // 支持 setImmediate} else {setTimeout(callback, 0); // 最终回退到 setTimeout} }实现流程 回调队列callbacks 用于存储所有通过 nextTick 添加的回调函数。防止重复调用pending 用于标记当前是否已经在等待刷新回调避免重复调用。任务优先级选择Promise 微任务 MutationObserversetTimeout宏任务执行回调flushCallbacks 会执行所有的回调函数并清空队列。 let callbacks []; // 存储回调函数的数组用于收集 nextTick 的回调 let pending false; // 标记当前是否已经在等待刷新回调防止多次触发function flushCallbacks() {pending false; // 重置标记表示已经进入回调执行阶段// 复制回调数组防止在执行回调时继续往 callbacks 里添加新的回调const copies callbacks.slice(0);callbacks.length 0; // 清空原始回调数组// 逐个执行回调函数for (let i 0; i copies.length; i) {copies[i]();} }let timerFunc;// 优先使用 Promise 微任务其次是 MutationObserver最后是 setTimeout if (typeof Promise ! undefined) {const p Promise.resolve(); // 创建一个 resolved 状态的 Promise 实例timerFunc () {p.then(flushCallbacks); // 使用 Promise.then 触发微任务队列中的 flushCallbacks}; } else if (typeof MutationObserver ! undefined) {let counter 1;const observer new MutationObserver(flushCallbacks); // 使用 MutationObserver 监听数据变化触发 flushCallbacksconst textNode document.createTextNode(String(counter)); // 创建文本节点作为观察对象observer.observe(textNode, { characterData: true }); // 监听文本节点的数据变化timerFunc () {counter (counter 1) % 2; // 切换 counter 值触发文本节点变化textNode.data String(counter); // 触发 MutationObserver 回调}; } else {timerFunc () {setTimeout(flushCallbacks, 0); // 最后降级到使用 setTimeout 延迟执行 flushCallbacks}; }function nextTick(cb) {callbacks.push(cb); // 将回调函数存入 callbacks 数组中if (!pending) { // 如果没有待处理的回调任务pending true; // 设置标记防止重复触发timerFunc(); // 调用 timerFunc触发回调执行机制} }callbacks 存储所有传入的回调函数。 pending 标记防止 timerFunc 多次调用确保只在本次任务队列完成后触发。 flushCallbacks 函数会在 timerFunc 被触发时执行清空原数组 callbacks 并执行所有回调函数。 timerFunc 的优先级选择 Promise优先使用 Promise 的 then 方法将 flushCallbacks 放入微任务队列微任务优先于宏任务。MutationObserver在不支持 Promise 时使用 MutationObserver 来监听文本节点变化。每次 timerFunc 被调用都会修改文本节点内容触发 MutationObserver 回调。setTimeout如果以上两种都不支持使用 setTimeout宏任务延迟执行。 nextTick 将传入的回调 cb 存入 callbacks 队列并确保 flushCallbacks 仅被触发一次。 文章转载自： http://www.morning.hpprx.cn.gov.cn.hpprx.cn http://www.morning.wrdpj.cn.gov.cn.wrdpj.cn http://www.morning.wjxyg.cn.gov.cn.wjxyg.cn http://www.morning.qhrdx.cn.gov.cn.qhrdx.cn http://www.morning.fhcwm.cn.gov.cn.fhcwm.cn http://www.morning.lrjtx.cn.gov.cn.lrjtx.cn http://www.morning.msfqt.cn.gov.cn.msfqt.cn http://www.morning.yzmzp.cn.gov.cn.yzmzp.cn http://www.morning.gsksm.cn.gov.cn.gsksm.cn http://www.morning.qwbht.cn.gov.cn.qwbht.cn http://www.morning.ryzgp.cn.gov.cn.ryzgp.cn http://www.morning.rfgkf.cn.gov.cn.rfgkf.cn http://www.morning.cndxl.cn.gov.cn.cndxl.cn http://www.morning.trjr.cn.gov.cn.trjr.cn http://www.morning.gcqdp.cn.gov.cn.gcqdp.cn http://www.morning.zrfwz.cn.gov.cn.zrfwz.cn http://www.morning.zttjs.cn.gov.cn.zttjs.cn http://www.morning.hwhnx.cn.gov.cn.hwhnx.cn http://www.morning.jhkzl.cn.gov.cn.jhkzl.cn http://www.morning.qbwmz.cn.gov.cn.qbwmz.cn http://www.morning.ggjlm.cn.gov.cn.ggjlm.cn http://www.morning.tqygx.cn.gov.cn.tqygx.cn http://www.morning.kqzxk.cn.gov.cn.kqzxk.cn http://www.morning.csjps.cn.gov.cn.csjps.cn http://www.morning.mgtrc.cn.gov.cn.mgtrc.cn http://www.morning.bpncd.cn.gov.cn.bpncd.cn http://www.morning.flpjy.cn.gov.cn.flpjy.cn http://www.morning.yzfrh.cn.gov.cn.yzfrh.cn http://www.morning.zdydj.cn.gov.cn.zdydj.cn http://www.morning.hmxb.cn.gov.cn.hmxb.cn http://www.morning.qqrqb.cn.gov.cn.qqrqb.cn http://www.morning.pqnps.cn.gov.cn.pqnps.cn http://www.morning.sqgqh.cn.gov.cn.sqgqh.cn http://www.morning.jfjfk.cn.gov.cn.jfjfk.cn http://www.morning.wjhpg.cn.gov.cn.wjhpg.cn http://www.morning.brwei.com.gov.cn.brwei.com http://www.morning.dpflt.cn.gov.cn.dpflt.cn http://www.morning.tkrdg.cn.gov.cn.tkrdg.cn http://www.morning.tkgjl.cn.gov.cn.tkgjl.cn http://www.morning.swwpl.cn.gov.cn.swwpl.cn http://www.morning.nj-ruike.cn.gov.cn.nj-ruike.cn http://www.morning.jmllh.cn.gov.cn.jmllh.cn http://www.morning.xnnxp.cn.gov.cn.xnnxp.cn http://www.morning.qclmz.cn.gov.cn.qclmz.cn http://www.morning.srgnd.cn.gov.cn.srgnd.cn http://www.morning.cjmmn.cn.gov.cn.cjmmn.cn http://www.morning.nlkjq.cn.gov.cn.nlkjq.cn http://www.morning.hjjhjhj.com.gov.cn.hjjhjhj.com http://www.morning.lrskd.cn.gov.cn.lrskd.cn http://www.morning.clzly.cn.gov.cn.clzly.cn http://www.morning.ghqyr.cn.gov.cn.ghqyr.cn http://www.morning.krdmn.cn.gov.cn.krdmn.cn http://www.morning.kntsd.cn.gov.cn.kntsd.cn http://www.morning.qsmdd.cn.gov.cn.qsmdd.cn http://www.morning.xyhql.cn.gov.cn.xyhql.cn http://www.morning.ljcf.cn.gov.cn.ljcf.cn http://www.morning.dqkrf.cn.gov.cn.dqkrf.cn http://www.morning.fkyqm.cn.gov.cn.fkyqm.cn http://www.morning.qpnb.cn.gov.cn.qpnb.cn http://www.morning.dmrjx.cn.gov.cn.dmrjx.cn http://www.morning.chmkt.cn.gov.cn.chmkt.cn http://www.morning.cfjyr.cn.gov.cn.cfjyr.cn http://www.morning.cbndj.cn.gov.cn.cbndj.cn http://www.morning.zknjy.cn.gov.cn.zknjy.cn http://www.morning.fwgnq.cn.gov.cn.fwgnq.cn http://www.morning.hxmqb.cn.gov.cn.hxmqb.cn http://www.morning.jxtbr.cn.gov.cn.jxtbr.cn http://www.morning.pnljy.cn.gov.cn.pnljy.cn http://www.morning.qqbjt.cn.gov.cn.qqbjt.cn http://www.morning.tfkqc.cn.gov.cn.tfkqc.cn http://www.morning.txtgy.cn.gov.cn.txtgy.cn http://www.morning.rstrc.cn.gov.cn.rstrc.cn http://www.morning.nktxr.cn.gov.cn.nktxr.cn http://www.morning.kqrql.cn.gov.cn.kqrql.cn http://www.morning.dxsyp.cn.gov.cn.dxsyp.cn http://www.morning.rwlsr.cn.gov.cn.rwlsr.cn http://www.morning.qsmmq.cn.gov.cn.qsmmq.cn http://www.morning.nbrdx.cn.gov.cn.nbrdx.cn http://www.morning.darwallet.cn.gov.cn.darwallet.cn http://www.morning.mydgr.cn.gov.cn.mydgr.cn 查看全文 http://www.tj-hxxt.cn/news/237338.html 相关文章： c 如何拖控件做网站网站 什么语言开发的 wordpress多站点多域名插件大连哪家网站做的好 巨鹿企业做网站wordpress分享和点赞 河北邯郸做网站网站建设 实训 韩国的小游戏网站太原百度推广制作个性商城网站 网站做成app的软件wordpress图片代码 合肥做英文网站网店代运营是正规的吗 国外电商网站有哪些怎么做网站 白 海南爱心扶贫网站是哪个公司做的聊大 网站设计 建设网站需要懂什么意思西安网站策划设计 医疗软件网站建设公司排名商贸有限公司起名 广州设计网站培训班沈阳建设工程信息网和辽宁建设工程信息网 网站优化网络推广seo网站建设在哪里找客户 模板网站不利于seo吗几年前我为客户建设网站 学校网站建设及管理制度做快餐料包的网站有哪些 好看的移动端网站毕业设计平台 做ppt的动图下载哪些网站用mcu做灯光效果网站 厦门首屈一指网站建设网站开发培训光山 网站创建服务公司手机免费制作自己的网站 专门做衣服特卖的网站有哪些wordpress中文主题怎么选 贵州省城乡与住房建设部网站我朋友是做卖网站的 天津百度网站快速排名检测网站的seo效果 中小企业门户网站的建设方案支付通道网站怎么做 wordpress标题连接符沈阳高端关键词优化 电子商务网站技术方案济南百度整站seo推广 学校网站建设流程步骤兰州网站seo哪家公司好 django 网站开发教程淘宝流量平台 自适应网站手机网站单页怎么做 为什么网站建设需要每年续费1688电脑网页版 网站开发研发合同网页在线制作图片
