- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
如果我将内联脚本放在与之交互的 DOM 元素之后,我是否仍应使用 YUI 3 的 domready event ?
我没有发现任何问题,似乎我可以指望浏览器按顺序加载页面。 (我已经使用 YUI().use('node', ...
来确保我需要的 YUI 函数已经加载,因为 YUI 脚本是一个单独的文件。)
有没有办法加快加载像 YUI 2 的日历这样的小部件?
我加载 appropriate script在<head>
我页面的元素。我用 YUI().use('yui2-calendar', ...
以确保日历小部件可用。不幸的是,当我用日历加载我的页面时,这会导致短暂但明显的延迟。如果我省略 YUI().use('yui2-calendar', ...
代码然后它显示而没有明显的延迟 - 但我想如果 YUI 脚本没有及时加载,这可能会导致日历根本不显示?
关于 #2,是否可以减少日历不存在然后又出现的视觉伪影?
我通过为父 div 指定高度和宽度使它稍微好一点,这样至少空间已经分配 => 加载时移动最小。
最佳答案
如果访问 DOM 元素的代码出现在标记中的这些元素之后,则您不需要 domready。这适用于一般的 DOM 脚本,而不仅仅是 YUI。
yui2-calendar 与 yahooapis.com/2.8.0r4/build/calendar/calendar-min.js 不同。前者包含一些包装代码,用于在 YUI 3 实例环境中对日历 API 及其依赖项进行沙箱处理。如果您在 中包含 YUI 2 脚本(您可能应该将其放在 的末尾),则不需要使用 yui2-calendar。这样做只会加载日历代码两次。否则,要利用 YUI 3 的动态异步加载,您可以从 中删除 <script> 并只使用 ('yui2-calendar')。您可以通过在 yui-min.js 种子文件之后的标记中包含 yui2-* 组合 <script> 来加快渲染时间。请注意,加载程序将始终获取 css 文件,因此您无需将其包含在标记中。
<script src="http://yui.yahooapis.com/combo?3.1.0/build/yui/yui.js"></script>
<script src="http://yui.yahooapis.com/combo?2in3.1/2.8.0/build/yui2-yahoo/yui2-yahoo.js&2in3.1/2.8.0/build/yui2- dom/yui2-dom.js&2in3.1/2.8.0/build/yui2-event/yui2-event.js&2in3.1/2.8.0/build/yui2-calendar/yui2-calendar.js"></script>/p>
您可以在页面加载时包含呈现的日历的 css 和标记,然后呈现到标记容器中。我不认为 YUI 2 日历有逐步增强现有标记的概念,但我可能是错的。它应该用其生成的标记破坏静态表标记并使 UI 生动起来。
关于javascript - YUI:确保 DOM 元素和脚本准备就绪,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2786109/
在过去的两年里,我一直在广泛使用 jQuery 和 ExtJs 进行编程。我认为现在是时候花一些时间来学习令人印象深刻的 YUI 库了。 在从头开始学习方面什么是可取的? 我不打算在我 future
我们使用 YUI3 加载器来管理加载我们的 javascript 和 css 文件。作为每个页面上引导 js 代码的一部分,我们有如下内容: YUI({ ... groups: {
我有一个 YUI 数据表,我将以下数据放入表中: {key:"name", label:"name", editor: nameChoiceEditor}, {key:"group", label
我想向已经包含 Prototype 和 Scriptaculous 的页面添加日历控件。对我能找到的任何原型(prototype)都不满意,我正在考虑使用 YUI 日历小部件。 我这可能会导致什么问题
我可以使用多个下拉菜单和分页的 YUI 数据表来过滤静态数据集的行吗? http://www.mappingbahia.org/project/iguape_dataset.html 最佳答案 每个
关闭。这个问题是opinion-based 。目前不接受答案。 想要改进这个问题吗?更新问题,以便 editing this post 可以用事实和引文来回答它。 . 已关闭 9 年前。 Improv
在我们的 SSL 页面上使用 YUI 脚本会破坏 SSL 连接,因为它们通过 http 连接动态加载来自 yahoo(组合)的脚本。 由于我们只使用 YUI 3 的历史管理器,所以我想将代码托管在我们
我使用以下代码通过 YUI 在页面正文中创建一个 html 元素。此代码不会产生任何错误。 问题是,段落元素没有在 html 页面中创建。 YUI Test
YUI Compressor,在其(不是很广泛的)文档中将其作为一个选项: --disable-optimizations Disable all the built-in micro opt
如果我运行这样的测试用例,我的测试结果将显示在 YUI 测试控制台小部件中: YUI({debug: true}).use('test', 'event-base', 'test-console',
YUI.add 和 YUI().add 有什么区别? 最佳答案 在第一种情况下,您要注册一个模块可以加载到 YUI 沙箱中,在第二种情况下,您要构建一个沙箱,然后进行注册(这是一种非常不典型的用法)。
我一直在使用 YUI 库来开发网站。 YUI 3 于 9 月发布。 我仍然不确定是否必须为迁移做好准备。 第三版比第二版有什么优势? 您最近参与过这样的迁移吗? 最佳答案 我没有参与迁移,但我为 YU
将 Yahoo JS 和 CSS 库从版本 2 升级到版本 3 的迁移路径是什么? 特别是:CSS 和字体、按钮、TabView。 如能提供有关所遇到问题的更多信息、简化问题的提示等,我们将不胜感激。
我遇到的问题是它也跟踪日志阅读器中的所有事件。这使得它很难使用。当我向上向下滚动、在阅读器中单击或移动以检查事件时,它会在各处滚动以添加新事件。有没有办法过滤它以仅包含来自某些来源的某些事件?我可能做
这个问题主要是出于学术兴趣。 我今天开始使用 YUI 3,并偶然发现了它的沙箱概念。在彻底尝试在 DOM 中找到一些对象(比如我注册的事件处理程序)后,我不得不放弃。我只是找不到任何实例对象结束于此。
YUI 似乎非常专注于为浏览器和 node.js 提供所有相同的代码。 这非常强大,因为现在我可以在两端使用相同的测试,而不必重写/重新学习任何东西。 在测试方面,谷歌是否也专注于 node.js?
我正在尝试使用 Maven 的 YUI Compressor 插件来压缩我的 CSS 和 JavaScript,但我遇到了两个问题。 我的配置正确地压缩和聚合了 JavaScript 文件,但是如果我
我正在使用Yahoo.Yui.Compressor.Build.MsBuild压缩 css 和 javascript 文件。我已经安装了Yahoo.Yui.Compressor.Build.MsBui
我正在尝试使用 YUI 3.3.0 预览版 3 charting solution因为它不再使用 Flash,而是使用浏览器 Canvas 。到目前为止,我把这些和平的代码拼凑在一起(因为我是 YUI
我正在使用 YUI,需要获取元素的真实宽度。元素的宽度可以如下确定。 宽度 + 左边框 + 右边框 + 左填充 + 右填充 + 左边距 + 右边距。 下面是我想出的。它似乎正在工作。我只是想知道这是确
我是一名优秀的程序员,十分优秀!