RequireJS加载模块速度很快,很有可能在页面DOM Ready之前脚本已经加载完毕。需要与DOM交互的工作应等待DOM Ready。现代的浏览器通过DOMContentLoaded事件来知会。

但是,不是所有的浏览器都支持DOMContentLoaded。domReady模块实现了一个跨浏览器的方法来判定何时DOM已经ready。下载并在你的项目中如此用它:

require(['domReady'], function (domReady) {domReady(function () {//这个方法在DOM加载完执行//安全的查询和操作DOM});
});

基于DOM Ready是个常规需求,像上述API中的嵌套调用方式,理想情况下应避免。domReady模块也实现了Loader Plugin API,因此你可以使用loader plugin语法(注意domReady依赖的!前缀)来强制require()回调函数在执行之前等待DOM Ready。当用作loader plugin时,domReady会返回当前的document:

require(['domReady!'], function (doc) {//这个方法在DOM加载完执行//注意这里是当前document文档
});

注意: 如果document需要一段时间来加载(也许是因为页面较大,或加载了较大的js脚本阻塞了DOM计算),使用domReady作为loader plugin可能会导致RequireJS“超时”错。如果这是个问题,则考虑增加waitSeconds配置项的值,或在require()使用domReady()调用(将其当做是一个模块)。

requirejs插件-domReady插件相关推荐

  1. Eclipse装了插件之后插件没反应启用不了或不显示问题的解决办法

    2019独角兽企业重金招聘Python工程师标准>>> 本文是关于Eclipse装了插件之后插件没反应启用不了或不显示问题的解决办法的内容. 一.问题描述 装了插件以后(一般是把插件 ...

  2. 如何在Cordova Android 7.0.0 以下版本集成最新插件 极光插件为例

    前提 Cordova Android 7.0.0开始改变了项目安卓平台的架构.新建一个空项目分别添加Android 6.4.0 和 Android 7.0.0平台: cordova platform ...

  3. 如何在Cordova Android 7.0.0 以下版本集成最新插件 极光插件为例 1

    2019独角兽企业重金招聘Python工程师标准>>> 前提 Cordova Android 7.0.0开始改变了项目安卓平台的架构.新建一个空项目分别添加Android 6.4.0 ...

  4. eclipse mybatis插件_Archetype插件的介绍和使用

    Maven除了有完成构建的插件外,还有一种插件-- Archetype 插件.它的作用是生成 Maven 项目骨架(项目的目录结构和 pom.xml).只要给对应的 Archetype 插件提供基本的 ...

  5. jQuery插件 -- Cookie插件jquery.cookie.js(转)

    2019独角兽企业重金招聘Python工程师标准>>> jQuery插件 -- Cookie插件jquery.cookie.js(转) Cookie是网站设计者放置在客户端的小文本文 ...

  6. 火狐插件火狐***插件将Firefox变成***工具的七个插件

    [转]火狐插件火狐***插件将Firefox变成***工具的七个插件 目前很多插件不支持 Firefox 3.5 哦 1. Add N Edit Cookies 查看和修改本地的Cookie,Cook ...

  7. 转 jquery插件--241个jquery插件—jquery插件大全

    241个jquery插件-jquery插件大全 jquery插件jqueryautocompleteajaxjavascriptcoldfusion jQuery由美国人John Resig创建,至今 ...

  8. 增加第三方插件_AE插件排行!!

    大家好 是万能的懒懒酱 After effects为视觉效果艺术家和动画设计师带来了大量的效果.然而,第三方开发人员提供了更多独特插件,供After Effects使用.在这里可以帮助你了解哪些插件是 ...

  9. ae插件form_AE插件 | 没有这些插件,还想做特效?

    对于AE的使用者来说,插件是必不可少的.有很多特效效果,只用AE本身的效果来做的话,不仅十分困难,最后的效果可能也达不到预期. 之前在AE基础训练营的时候,很多同学都让我推荐过插件.今天CC整理了一下 ...

最新文章

  1. web前端开发培训有哪些学习阶段
  2. es6与java的相似度,特斯拉Model Y对比蔚来ES6!这次对比结果出乎意料
  3. 用 Flask 来写个轻博客 (19) — 以 Bcrypt 密文存储账户信息与实现用户登陆表单
  4. 2018-2019-2 《网络对抗技术》Exp2 后门原理与应用 20165211
  5. windows下线程创建
  6. 实时事理学习与搜索平台DemoV1.0正式对外发布
  7. 【推荐】(SqlServer)不公开存储过程sp_Msforeachtable与sp_Msforeachdb详解
  8. c语言switch scanf语句,c语言switch语句 谢谢·!~!~
  9. 如何自学python知乎-怎么用最短时间高效的学习Python!知乎大佬给出了这样的答案!...
  10. 信息系统项目管理师必背核心考点(二十四)WBS分解的原则
  11. 各种多媒体软件安装教程
  12. Select at least one project的解决方法
  13. 人工智能截稿日期重磅
  14. 利用pyppeteer自动购买某麦网演唱会门票
  15. select * from a,b用法
  16. ABAQUS 求解应力强度因子
  17. 华为路由器显示网络未连接到服务器,华为路由器Q1连接没有网络该怎么办?
  18. java个人总结1.0
  19. Python爬取高颜值美女(爬虫+人脸检测+颜值检测)
  20. linux中 不在sudoers文件中此事将被报告

热门文章

  1. 轻松搞定RabbitMQ(二)——工作队列之消息分发机制
  2. iOS第三方地图-百度地图定位的封装
  3. 编程之美-快速费波拉契数列
  4. Linux下查看用户登陆后的操作记录
  5. NLP算法工程师对NLP的一些看法
  6. dazhilu网站代码【完整篇】
  7. 爸爸拉合弦飞鸽传书源代码
  8. 飞鸽传书文件传输实现原理
  9. 盘点那些让程序员目瞪口呆的奇葩Bug,最后一个什么梗
  10. 年度总结 是不公平和智障的产物