草庐IT

grunt-html

全部标签

javascript - Node/NPM/Grunt 在 jscs (grunt-jscs) 上失败

我有一个在javascript代码库上运行JSCS的grunt任务,它一直在工作,直到需要与使用最新、稳定版本的grunt、npm/node的构建服务器集成。这一切在npm1.XX.X下运行良好,但在我升级到2.XX.X后它就坏了。我尝试了最新的3.XX.X,但失败的方式与2.XX.X相同。我假设所需的相关部分是命令行输出:$node-vv5.2.0$npm-v3.3.12$grunt--versiongrunt-cliv0.1.13gruntv0.4.5$gruntjscsLoading"jscs.js"tasks...ERROR>>TypeError:fn.callisnotafu

javascript - 获取相对于窗口的 HTML 元素边界框的正确方法是什么?

我正在编写一个Firefox扩展。我试图将它限制为仅XUL+Javascript(没有XPCOM)。当我得到一个HTML元素的mouseover事件时,我需要在windows坐标系中得到它的边界框(即内置的XUL文档browser.xul)。显而易见的起点是在鼠标悬停事件处理程序中放置类似这样的内容:varrect=e.target.getBoundingClientRect();这很好,但是这给了我HTML文档坐标系中的矩形,它相对于HTML绘图区域的左上角。我想在这张图片附近使用panel.openPopup()显示一个xul:panel元素(但不使用预定义的popuppositi

javascript - 访问加载在 html head 标签中的 mustache 模板?

有没有办法访问通过HTML加载的mustache模板文件的内容通过javascript?或我已经成功地通过ajax和加载了它们标记在主体中,但我不确定如何通过头部作为单独的文件加载时获取文件源。 最佳答案 您需要获取方法来捕获外部模板的模板值:以下代码仅在html页面内有效:vartmpl=$.trim($('#address_template').val());//trimthewhitespacesinthetemplateMustache.to_html(tmpl,json);你需要下面的代码:“$.get('template

javascript - QUnit 测试在 Travis CI 上失败(在带有 grunt.js 的 phantomjs 上运行)

我们在JavaScript上的开源项目enchant.js中引入了带有travisCI的CI系统。https://github.com/wise9/enchant.js我们喜欢qunit测试,我们使用grunt.js(npm)运行它们,但它在TravisCI上失败并出现如下错误:PhantomJStimedout,possiblyduetoamissingQUnitstart()call.Use--forcetocontinue.完整的错误信息在这里:https://travis-ci.org/wise9/enchant.js/builds/4016842奇怪的是,每次我运行grunt

html - 使用 HTML5 视频标签播放本地(硬盘)视频文件?

我想实现以下目标。这样做的目的是让用户能够从他/她的硬盘驱动器中选择一个文件。而没有上传的原因当然是传输成本和存储配额。没有理由保存文件。这可能吗? 最佳答案 可以播放本地视频文件。当通过input元素选择文件时:'change'事件被触发获得第一个Fileinput.files中的对象FileList制作一个objectURL指向文件对象将对象URL设置为video.src属性向后靠并观看:)http://jsfiddle.net/dsbonev/cCCZ2/embedded/result,js,html,css/(functio

javascript - 如何将新的 Google map 共享链接转换为 iframe 嵌入 html?

在我的应用程序中,用户只需粘贴一个指向诸如youtube或vimeo视频或某些soundcloud音频的链接,然后它就会找出如何通过oembed嵌入这些内容。因此,如果您将链接粘贴到从地址栏复制的视频,它就可以识别出来。如果您在应用程序的“共享对话框”中粘贴应用程序踢出的共享链接,它也可以工作。如果您粘贴iframe嵌入代码,我可以解析它并根据白名单检查它,您会再次得到完全相同的结果。我也想添加谷歌地图嵌入,但它不支持嵌入。此外,您现在可以获得“经典”(或旧的)Googlemap,但您也可以获得新的googlemap。(更复杂的是,您还可以获得谷歌地图引擎,但我们暂时忽略它......

javascript - 我怎样才能强制在 grunt 中运行的 JSHint 始终使用 --verbose 标志

我有一个特定的JSHint/Grunt设置,我想在其中完成以下操作:从单个.jshintrc文件加载以允许我的IDElinter获取我的设置能够在其他grunt任务中覆盖.jshintrc中的单个选项让JSHint始终以详细模式运行,以便我始终可以看到警告编号,而无需使用--verbose运行所有grunt以下允许我从.jshintrc加载并始终以冗长的方式运行,但不允许选项覆盖。文档中提到应该是这种情况,但没有提及有效的详细选项:jshint:{options:{jshintrc:'.jshintrc',verbose:true,},source:{options:{ignores:

javascript - cloud9 可以调试 html/javascript 吗?

是否可以在cloud9中对HTML中的javascript使用调试?我知道可以调试node.js,但是如果javascript在中怎么办?阻止在HTML中,还是从外部脚本加载?这在Webstorm中有效,但你必须有一个浏览器插件,并且IDE和浏览器(通过插件)相互通信。谢谢! 最佳答案 Cloud9没有为调试提供很好的可视化,但即便如此也不是什么大问题。您需要在浏览器的另一个选项卡中打开您的应用程序。你有两种方式:如果您使用“预览”模式运行应用程序,Cloud9会提供一个URL,您可以在浏览器中编写该URL。如果您使用服务器并且它具

javascript - headless (headless) JavaScript 测试 HTML5 音频/视频

我知道还有很多其他类似的问题,但是答案并没有提供解决这个问题的方法。我的网站上使用了一个使用HTML5网络音频的JavaScript文件,我想对其进行单元测试。我研究过将QUnit与PhantomJS结合使用,在你说什么之前我知道Phantom不支持它(http://phantomjs.org/supported-web-standards.html),但是我想知道是否有办法解决这个问题?在浏览器中使用QUnit测试它会像您预期的那样工作,但我不想每次都使用浏览器测试它,我希望它在服务器上自动进行。其中一个测试失败的示例:QUnit.test("isPlaying",function(

javascript - HTML 注释 <!-- 是否充当 JavaScript 中的单行注释,为什么?

JavaScript具体如何理解构造?从JavaScript的Angular来看,它是不是//之外的又一个注释?和/**/?从测试看来,JavaSript对待喜欢//:一行什么都不做,而按预期工作。此行为记录在何处?这不是其他问题的重复:我不问为什么、是否或如何使用它。我正式地问它在JavaScript中有什么语法和语义。这个问题很重要,在其他问题中没有得到回答:例如,上面指出的行为不能从其他问题和他们的答案中猜到(实际上这是我的动机:我的程序没有像上面那样工作,而这些问题和答案无助于理解原因)。 最佳答案 Fromtestingi