`

前端开发中使用setTimeout解决某些问题

阅读更多
最近的工作主要集中在前端,一个不熟悉js的开发人员搞前端开发实在是痛苦至极。

在使用jqGrid的时候,明明调用了,但是要么就是表格不出现,要么就是数据不出现,感觉很诡异,一直都在jqGird的参数上下功夫。

直到今天上午才发现,极有可能是因为jqGrid没来得及加载导致的。然后加上setTimeout,果然问题解决了。

最近遇到好几个类似的问题,都是因为这个原因。在后端的开发中很少遇到这样的问题,因为基本上都是顺序执行,即使用到多线程也会采用合适的方式去处理。最主要的原因还是对js不够熟悉。

以下代码的中initGrid主要是去调用jqGrid,整个方法是在backbone的render中调用的

   self.initGrid(self.model);// 此中调用经常导致数据或者表格不能显示


   setTimeout(function(){    // 正常工作
	self.initGrid(self.model);
   },200); 



另外,使用jqGrid时遇到一个问题折腾了很久,把datatype属性写成了dataType,结果导致表格没数据。jqGird中部分属性的命名存在这个问题,类似的属性还有sortname,sortorder,imgpath等,都没有采用驼峰式命名。
分享到:
评论

相关推荐

    Javascript中, setTimeout() 和 setInterval() 的方法

    总之,`setTimeout()`和`setInterval()`是JavaScript中用于处理时间调度的核心工具,它们的正确使用对于编写健壮的前端应用至关重要。理解它们的工作机制,并根据需求选择合适的函数,能够帮助开发者更好地控制代码...

    前端开发常见问题汇总概要总结.docx

    前端开发常见问题涵盖了多个维度,从技术基础知识、编码实践、性能优化到跨平台兼容性等。以下是一些主要的前端开发常见问题及其简要说明: 基础知识不牢固 编程思维和基本算法的理解:新手开发者可能会因为对基础...

    6个Web前端非常好用绚丽的时间显示(二)

    这个主题聚焦于Web前端开发中的时间显示技术,通过利用不同的框架和UI库,为用户创造出美观且实用的交互体验。我们将从以下几个方面展开讨论: 1. **前端基础知识**: 在Web开发中,前端负责用户界面的构建,与...

    VUE中setTimeout和setInterval自动销毁案例

    补充知识:在Vue中使用`setTimeout`时,如果页面未通过刷新而是仅通过路由切换,定时器不会自动清除。这是因为路由切换并不会终止JavaScript执行,只有页面卸载或刷新才会清除定时器。例如: ```javascript data() ...

    JS中setTimeout的巧妙用法前端函数节流

    JavaScript中的`setTimeout`是前端开发中非常重要的一个工具,它允许开发者在指定的毫秒数之后执行一个函数或代码块。在处理用户交互、动画、定时任务等场景时,`setTimeout`经常被用来实现异步操作。然而,在某些...

    vue项目开发中setTimeout等定时器的管理问题

    在Vue项目中,定时器(如setTimeout)的管理是前端开发中常见的问题。Vue作为一款渐进式JavaScript框架,虽然没有直接提供处理定时器的机制,但我们可以利用Vue的生命周期钩子和组件状态管理(如Vuex)来解决定时器...

    前端面试题,各个公司的

    _candidates需要具备广泛的技术知识和实践经验,并且能够快速地解决问题和回答问题。 在面试中,我们还可以看到,面试官对某些技术栈和框架的关心程度不同,例如 vue3 和 vue2 的区别,webpack 和 vite 的区别等。...

    前端开源库-smartdelay

    在IT行业中,前端开发是构建Web应用程序不可或缺的一部分。开源库为开发者提供了丰富的工具和资源,大大简化了开发过程。本文将深入探讨一个名为"smartdelay"的前端开源库,它专注于解决异步处理中的超时问题,并且...

    20212022年前端面试题整理含答案.docx

    更重要的是,箭头函数不会创建自己的`this`上下文,而是继承自外层作用域,这解决了回调函数中`this`指向问题。 4. **预处理器(如LESS和SASS)**: LESS和SASS都是CSS预处理器,它们引入了变量、嵌套规则、混合...

    前端项目-jquery-dotimeout.zip

    在前端开发中,我们经常遇到需要对一系列操作进行延迟处理或者间隔执行的情况,比如动画效果、数据加载、用户交互反馈等。jQuery库中的doTimeout插件正是为了解决这类问题而设计的,它提供了一种强大的方式来管理和...

    精解window.setTimeout()&window.setInterval()使用方式与参数传递问题!

    在JavaScript编程中,window对象下的setTimeout和setInterval是两个非常重要的...总之,理解并正确使用setTimeout和setInterval,尤其是掌握它们在参数传递方面的问题和解决方法,是前端开发人员必须具备的技能之一。

    前端大厂最新面试题-2020老虎证券前端社招面经.docx

    本资源摘要信息涵盖了前端开发相关的多个知识点,对于前端工程师面试非常有价值。下面是对每个知识点的详细解释: 1. CSS3 新特性:CSS3 引入了许多新的特性,例如圆角、阴影、渐变、动画等。这些特性可以使网页...

    JavaScript基于setTimeout实现计数的方法

    这种计数逻辑不仅在Web前端开发中有着广泛的应用,也为异步编程提供了有力支持。随着前端技术的发展,理解和掌握这些基本的JavaScript功能是十分重要的,它们是构建高效、响应迅速的Web应用程序的基础。

    HTML+CSS+JS宠物商城网页设计期末课程大作业 web前端开发技术 web课程设计 网页规划与设计

    该作业旨在通过实际动手实践帮助学生掌握前端开发的基础技能,并理解网页布局、样式美化以及交互功能实现的具体方法。接下来将详细解析在该项目中涉及到的关键知识点及其应用。 ### 二、HTML5基础结构与语义化 ###...

    前端项目-setImmediate.zip

    在前端开发中,"setImmediate" 是一个非常重要的概念,特别是在处理异步操作和事件循环时。本项目 "前端项目-setImmediate.zip" 提供了一个 `setImmediate` 的模拟实现,以便在不支持此 API 的环境中使用。下面我们...

    前端开源库-asleep

    在前端开发领域,开源库是开发者们常用的工具,它们提供了丰富的功能,帮助我们高效地构建Web应用。"asleep"这个开源库就是这样一个工具,它专注于解决一个特定的问题:无阻塞的睡眠功能。在JavaScript中,传统的`...

    前端开源库-give-me

    3. `dist/`:编译后的生产环境文件,供实际项目中使用。 4. `examples/`:示例代码,展示如何在项目中应用库。 5. `tests/`:测试用例,用于验证库的功能和性能。 6. `package.json`:项目配置文件,包含了依赖项、...

    前端开源库-sync-p

    在前端开发中,异步编程是不可或缺的一部分,它涉及到网络请求、文件读写等操作。然而,JavaScript的异步处理机制,如回调函数、Promise和async/await,虽然强大,但在某些场景下可能不够直观或者难以管理。这就是`...

    前端 JavaScript 小游戏 见缝插针

    前端开发中,JavaScript 是一种不可或缺的语言,它在构建交互式网页和游戏方面发挥着重要作用。"见缝插针"是一款基于JavaScript实现的小游戏,它不仅展示了JavaScript的基本功能,还体现了前端开发者如何利用HTML、...

    仿小米商城前端网页,采用html+css+js,纯原生代码实现完美复刻小米商城

    在本项目中,我们主要探讨的是如何利用HTML、CSS和JavaScript这三种核心技术来构建一个与小米...通过这个项目,学习者不仅可以提升技术能力,还能锻炼解决问题和调试代码的技巧,为未来更深入的前端开发奠定坚实基础。

Global site tag (gtag.js) - Google Analytics