标签: google-closure-library

Google Closure Library通过jQuery提供什么?

考虑到

  • 商业背景
  • 社区支持
  • 可用的扩展
  • 默认的一组功能
  • 使用简单
  • 和可靠性

为什么你喜欢一个而不是另一个?

jquery google-closure google-closure-library

189
推荐指数
6
解决办法
6万
查看次数

如何将HTML元素记录为JavaScript对象?

使用谷歌浏览器,如果你console.log是一个对象,它可以让你检查控制台中的元素.例如:

var a = { "foo" : "bar", "whiz" : "bang" };
console.log(a);
Run Code Online (Sandbox Code Playgroud)

Object通过单击旁边的箭头打印出可以检查的内容.但是,如果我尝试记录HTMLElement:

var b = goog.dom.query('html')[0];
console.log(b);
Run Code Online (Sandbox Code Playgroud)

<html></html>通过单击旁边的箭头打印出无法检查的内容.如果我想看到JavaScript对象(带有方法和字段)而不仅仅是元素的DOM,我该怎么做?

javascript google-chrome developer-tools google-closure-library

72
推荐指数
3
解决办法
5万
查看次数

如何在Chrome控制台中按下按钮时找出调用的功能?

我正在尝试自学Google Closure javascript库.我正在检查TreeControl UI小部件.

当我点击下面演示中的"剪切"按钮时,如何使用Chrome控制台分析运行的功能?例如,我可以以某种方式为此设置一个断点吗?我已经尝试查看源代码并环顾四周,但我觉得Chrome控制台可能会提供更系统的方法.

https://github.com/google/closure-library/blob/master/closure/goog/demos/tree/demo.html

javascript google-closure-library google-chrome-devtools

54
推荐指数
4
解决办法
6万
查看次数

30
推荐指数
1
解决办法
2万
查看次数

为什么在isFinite()之后检查!isNaN()?

goog.math.isFiniteNumberGoogle Closure Library中看到了这个功能.它做的是检查给定数字是否有限而不是NaN.

底层代码是:

goog.math.isFiniteNumber = function(num) {
  return isFinite(num) && !isNaN(num);
};
Run Code Online (Sandbox Code Playgroud)

因此,首先它使用本机isFinite函数检查数字是否有限,然后进行额外检查以确保数字未NaN使用isNaN.

但是,isFinite如果参数是,则返回false NaN.那么,检查isNaN提供了哪些优势?

javascript nan google-closure-library

25
推荐指数
2
解决办法
1万
查看次数

使用DOMContentReady被Google视为反模式

Google Closure库团队成员声称等待DOMContentReady事件是一种不好的做法.

简短的故事是我们不想等待DOMContentReady(或更糟糕的加载事件),因为它会导致糟糕的用户体验.在从网络加载所有DOM之前,UI不响应.因此,首选方法是尽快使用内联脚本.

由于他们仍然没有提供更多关于此的细节,所以我想知道他们如何处理IE中的Operation Aborted对话框.这个对话框是我知道等待DOMContentReady(或load)事件的唯一关键原因.

  1. 你知道其他任何原因吗?
  2. 您如何看待他们处理IE问题?

javascript internet-explorer document-ready domready google-closure-library

21
推荐指数
1
解决办法
9240
查看次数

如何使用Sass(或其他工具)合并.CSS文件?

我可以使用萨斯使用编译多个.SCSS或.SASS输入文件到一个单一的.CSS输出文件@import所描述这里.

如果我@import用来包含普通的.CSS文件,它们就不会被合并.输出.CSS文件仍包含@import指令.那讲得通.

但有没有办法可以覆盖这种行为,也许是命令行切换到Sass编译器?换句话说,我可以告诉Sass尝试强制合并,@import "foo.css";就好像它是.SCSS文件一样吗?

我正在使用带有许多.CSS文件的第三方库(Google Closure Library).我在我的项目中只使用了其中一些.我宁愿避免使用手动解决方案,例如将所有这些文件重命名为.SCSS(虽然这似乎有效)或将其内容复制并粘贴到我的.SCSS文件中(也可以).而且我不想将它们全部提供给客户端进口.我真的很喜欢Sass包含我使用'原样'的几个.CSS文件并生成单个输出样式表.可能?我还应该看看其他工具吗?

css sass google-closure google-closure-library

19
推荐指数
2
解决办法
2万
查看次数

如何使用goog.provide和goog.require加载我自己的js模块?

我们正在尝试将我们项目的包装从dojo切换到谷歌关闭,但到目前为止我们还没有运气.这是一个简单的例子,说明了我们要完成的任务:


<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <script type="text/javascript" src="runtime/src/core/lib/goog-rev26/base.js"></script>
        <script>
            goog.require("foo.bar");
            function main() {foo.bar.echo("hello world")}
        </script>
    </head>
<body onload="main()">
</body>
</html>

然后/foo/bar.js我有:


goog.provide("foo.bar");
foo.bar.echo = function(s) {console.debug(s);}
Run Code Online (Sandbox Code Playgroud)

我在firebug中收到的错误如下:

goog.require could not find: foo.bar
foo is not defined

当我查看Net选项卡时,没有一个http请求来获取文件 - 我希望闭包库生成一个脚本标记来获取bar.js.

救命!;)

javascript dojo google-closure google-closure-library

16
推荐指数
2
解决办法
9360
查看次数

Google Closure Editor/WYSIWYG

有没有人有使用Google Closure Editor/WYSIWYG的经验?我想从CKEDITOR转到Google Closure Editor/WYSIWYG.理想情况下,我喜欢使用以太网编辑器,但似乎没有人将编辑器与所有应用程序分开.

无论如何,对于Google Closure Editor/WYSIWYG,有谁知道,它是否支持Google Docs中的实时协作方面?

wysiwyg google-closure google-closure-library

13
推荐指数
2
解决办法
7190
查看次数

LimeJS Custom Sprite Swallowing活动

我做了一个自定义的Lime JS sprite类:

test.obj = function() {
  lime.Sprite.call(this);
  .
  .
  this.label = new lime.Label(). ...;
  this.appendChild(this.label);
}
goog.inherits(test.obj, lime.Sprite);
Run Code Online (Sandbox Code Playgroud)

我无法让标签点击冒泡到根程序; 它总是吞下事件.是否有一些特殊的东西要点击标签以冒泡到我的根事件处理程序,这是:

goog.events.listen(objinstance, ["click", "touchstart"], function() { .. });
Run Code Online (Sandbox Code Playgroud)

javascript html5 game-engine google-closure-library limejs

11
推荐指数
1
解决办法
612
查看次数