标签: jsfiddle

JSFiddle + coffescript 如何使用键盘快捷键注释掉代码?

当我从一些教程中学习 CoffeeScript 时,我喜欢使用http://jsfiddle.net/进行测试。我想注释掉多行。所以我点击我的 Mac cmd+ /,在大多数编辑器中,这与注释掉选择有关。在 JSFiddle 中,我在语言部分设置了咖啡脚本,<!---->不是#在每一行上设置。

是否有其他组合键可以注释掉选择?

javascript jquery coffeescript jsfiddle

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

Jsfiddle的新UI破坏了我的角度和javascript小提琴

我的jsfiddle正在使用angular打破了他们的新UI更新.任何人都可以告诉我为什么它不起作用或它缺少什么?我对此非常困惑.

var shopItems = angular.module('shopItems', []);
var trophyEarns = angular.module('trophyEarns', []);
var app = angular.module('app', ['shopItems', 'trophyEarns']);

shopItems.controller('shopItemController', function($scope) {
  $scope.shopItems = [{
    //id: 01,
    name: 'One',
    //img: '',
    price: '$3.99',
    altprice: '1 mile',
    desc: 'This is a fake description.',
    prog: '50%'
  }, {
    //id: 02,
    name: 'Two',
    //img: '',
    price: '$3.99',
    altprice: '1 mile',
    desc: 'This is a fake description.',
    prog: '50%'
  }];

});
Run Code Online (Sandbox Code Playgroud)

http://jsfiddle.net/galnova/rfg80gye/32/

javascript jsfiddle angularjs

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

如何为fabricjs中的所有方法使用和访问多个画布的实例?

我为这个问题搜索了整整一个月,但我真的很难解决这个问题。以下是这个问题的类似答案,但没有一个适用于我的情况:

Fabric.js 中的多个画布(页面)

在多个fabric js画布的情况下如何管理内存?

当我开始向画布添加文本和形状时出现问题,这给了我一个错误:Uncaught TypeError: Cannot read property 'add' of undefined

错误从这里开始:

// add text on click
$('#add_text').on("click",function(event){
   var Text = new fabric.Textbox('Sample');
   canvasInstances[0].add(Text).renderAll();
});
// add circle on click
$('#add_circle').on("click",function(event){
   var Circle = new fabric.Circle();
   canvasInstances[0].add(Circle).renderAll();
});
Run Code Online (Sandbox Code Playgroud)

这是我的 jsfiddle

请帮忙!!!

javascript jquery jsfiddle fabricjs

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

为什么说回调没有定义?

我为我正在制作的游戏制作了一个服务器,它为我生成了一个地图,但是在我正在制作的这个测试客户端上,它运行不正常.

我将网站添加为脚本,并且它作为脚本工作正常,但是当读取jsfiddle上的javascript时,它表示函数callback()没有定义,但它显然是,它应该发送地图对象到控制台,但它只是错误...:/

这是JS Fiddle的链接:http: //jsfiddle.net/Tgwizman/9QrUF/

我希望你们能搞清楚,因为我完全迷失了为什么它不起作用......

javascript json callback jsfiddle

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

我应该在eval()中过滤哪些关键字?

我需要使用eval()来构建我正在构建的基于JavaScript的Web应用程序.

这样做的原因是我想让人们编写自己的函数来存储为文本,并且可以在网站上重新使用,然后需要再次使用它们.按照jsFiddle的思路思考.

代码将运行并评估,或者作为脚本标记插入.无论哪种方式,它都会让恶意用户开放JavaScript注入网站.因此,我打算过滤提交的代码,或者当用户加载另一个用户的脚本时,有一条警告消息,用户应该在继续之前首先阅读/检查脚本.

到目前为止,我希望过滤/警告以下关键字:

eval
execScript

script

window.*
setInterval
setTimeout
alert
confirm
prompt

document.*
write
innerHTML
insertAdjacentHTML
createElement
appendChild
setAttribute

form.*
submit

XMLHttpRequest

jQuery.*
ajax

base64encode
base64decode
Run Code Online (Sandbox Code Playgroud)

我还没有开始测试,所以这些只是我最初的想法.

有人对此有经验或意见吗?

谢谢,戴夫

javascript security eval code-injection jsfiddle

0
推荐指数
2
解决办法
328
查看次数

常规的HTML不能在JSFiddle中工作

为什么我在一个特定的包装器中,例如http://jsfiddle.net/jspence29/UpHEU/,html标签不起作用.在<ol>, <ul>, <li>, <p>多标签不此包装在里面工作.你可以看到该列表在该jsfiddle中不起作用

html css wrapper jsfiddle

0
推荐指数
1
解决办法
71
查看次数

innerHTML = Date()在小提琴中工作,但不在Chrome或IE中

所以我决定使用JavaScript和HTML随机创建更新时间和日期元素.代码如下:

HTML

<!DOCTYPE html>
<html>
<head>
<script src="timer.js"></script>
</head>
   <body>
    <span id="time"></span>
   </body>
</html>
Run Code Online (Sandbox Code Playgroud)

JavaScript的(timer.js)

var e = document.getElementById("time");
window.onload = setInterval(
    function () { 
       e.innerHTML = Date();
},
    1000);
Run Code Online (Sandbox Code Playgroud)

它适用于这个JSFiddle,但是当我用谷歌Chrome加载HTML时,它不起作用,特别是在IE上加载.有谁知道那是为什么?这更像是一个好奇心而不是编码问题.感谢您的反馈!

html javascript google-chrome jsfiddle

0
推荐指数
1
解决办法
630
查看次数

CSS网格布局:三行网格

我很好奇是否可以使用Grid Layout CSS来创建这样的东西:

************************
*        row #1        *
************************
*                      *
*                      *
*        row #2        *
*                      *
*                      *
************************
*        row #3        *
************************
Run Code Online (Sandbox Code Playgroud)

因此,网格必须填满整个身高.其他元素也有一些限制:

  • 第一行与网格顶部对齐,可以改变它的高度(但是有一个最大高度值)
  • 第3行与底部对齐,可以改变它的高度(也有最大高度值)
  • 因此第2行必须填充网格中的所有剩余空间.
  • 网格容器不应该溢出html主体.

我有一个例子:3行网格布局.我还可以用绝对的位置都这样,但有没有用,因为我可以自动计算出列#2的利润没有任何必要的js代码.

html css grid-layout jsfiddle

0
推荐指数
1
解决办法
3515
查看次数

动态调用Javascript函数 - 返回undefined

我正在尝试使用此代码动态调用函数:

function myFn() {
        console.log("called");
}
var callbackName = "myFn";
console.log(window[callbackName]);
Run Code Online (Sandbox Code Playgroud)

http://jsfiddle.net/Pr7B2/

但它说这window[callbackName]是未定义的.为什么以及如何动态调用它?谢谢

javascript jsfiddle

0
推荐指数
1
解决办法
576
查看次数

如何将.js文件放在html中

问题看起来很简单.通常的方法就是使用这段代码

<script src='https://code.angularjs.org/1.0.0rc9/angular-1.0.0rc9.js' type='text/javascript'/>
Run Code Online (Sandbox Code Playgroud)

或者,在Jsfiddle,我们使用"外部资源选项卡"

我在网站上实现特定代码时遇到问题.经过多次故障排除后,我发现,如果我使用此代码放置.js文件:

 <script src='file link here' type='text/javascript'/>
Run Code Online (Sandbox Code Playgroud)

代码不起作用.如果我在jsfiddle中使用外部资源选项,它可以工作.如果我手动把它,它没有

工作小提琴:http ://jsfiddle.net/U7Bz9/1972/工作小提琴:http://jsfiddle.net/U7Bz9/1973/

我很震惊这是怎么可能的.

html javascript jsfiddle angularjs

0
推荐指数
1
解决办法
89
查看次数