草庐IT

it_should_do_something_easy

全部标签

javascript - 如何创建 JavaScript "Try It Yourself"编辑器

我知道有很多“自己试一试”的JavaScript编辑器,比如W3School'sTryIteditor,JSBin,和JSFiddle.我正在开发一个图形JavaScript库,我想让人们在我自己的网站上试用(与其他编辑器的一个区别是我的输出是Canvas,而不是HTML框架)。不想重新发明轮子,是否有既定的方法来创建考虑基于DOM的脚本漏洞等问题的“自己尝试”功能? 最佳答案 一个简单的设计是一个带有form的起始页,其中包含三个textarea和一个iframe。textarea包含html/css和javascript部分,i

javascript - knockout 验证异步验证器 : Is this a bug or am I doing something wrong?

我真的很喜欢EricBarnard'sknockoutvalidationlib与observable集成,允许分组,并提供自定义验证器可插入性(包括即时验证器)。有几个地方可以使用户体验更加灵活/友好,但总体而言,它的文档相当齐全...except,imo,whenitcomestoasyncvalidators.在进行搜索和landingonthis之前,我今天与此搏斗了几个小时.我想我和原作者有同样的问题/问题,但我同意并不清楚duxa到底在要求什么。我想引起更多关注,所以我也在这里问。functionMyViewModel(){varself=this;self.nestedM

javascript - jQuery 颜色框 : how do I prevent the loading indicator small box from appearing before the main colorbox content does?

我正在使用jQuerycolorbox加载登录表单(通过ajax)。但是,这个小方框会显示几秒钟,然后会淡入我要加载的实际内容中。所以在观察了几个colorboxexamples之后在网站上,我有点确定这个小盒子应该是一个预装盒子。有什么办法可以让这个框完全不显示吗?我试过一些愚蠢的事情,比如调整CSS和为所有加载项设置display:none,但它不起作用。我想避免任何CSShack并通过修改javascript来解决这个问题。理想情况下,加载框永远不会显示的某种方式,因为我不会将colorbox用于任何需要很长时间才能加载。使用我修改过的colorboxjavascript和CSS

javascript - D3 : Is it possible to zoom+pan one axis and only pan the other?

我有x轴的缩放和平移功能,但我想为y轴添加平移功能。我尝试使用d3.behavior.zoom和d3.event.translate[1]来获取y平移值并使用它,但是当缩放发生时平移值会发生变化,而单击拖动确实会平移y轴,缩放也会平移y轴(以一种非直观的方式)。我还尝试使用两个d3.behavior.zoom实例,一个用于x轴,一个用于y轴,但只有最后添加的一个在缩放事件中被调用。这是一个适用于在x方向缩放和平移的示例,我也想添加y平移(但不是y缩放):varx=d3.scale.linear().domain([0,800]).range([0,800]);vary=d3.scale

javascript - promise : Execute something regardless of resolve/reject?

使用Promises设计模式,是否可以实现以下功能:vara,promiseifpromise.resolvea=promise.responsevalue;ifpromise.rejecta="failed"AFTERresolution/rejection.NotASYNC!!sendasomewhere,butnotasynchronously.//Notapromise我正在寻找的是类似于finally在try-catch情况。PS:我在NodeJS上使用ES6Promisepolyfill 最佳答案 注意:finally现

javascript - `it()`函数在这里做什么?

以下代码片段来自angular'sdocumentation.it()函数在这里做什么(我假设它有一些常规含义,否则似乎没有给出其含义的上下文)?我在Angular的网站上没有看到任何对它的引用。由于它的名字,它也很难用谷歌搜索。上下文与代码测试有关。it('shouldsayhello',function(){varscopeMock={};varcntl=newMyController(scopeMock);//Assertthatusernameispre-filledexpect(scopeMock.username).toEqual('World');//Assertthat

javascript - Angular 2 : Is it slow?

刚刚看了一下Angular团队发布的最后一个Angular版本。Angular2已经发布,他们已经发布了新网页https://angular.io.他们在那里有一个5分钟的快速入门项目,可以快速显示新语法以及执行新Angular应用程序所必须使用的内容。我刚刚完成了所有步骤以使其正常工作,但加载时间为4.93秒。我只是想知道,angular2有那么慢吗?或者我可能错过了一些步骤。这是我的代码//app.es6import{Component,Template,bootstrap}from"angular2/angular2";//Annotationsection@Component(

Javascript 正则表达式 : match anything up until something (if there it exists)

我是正则表达式的新手,这可能是一个非常简单的问题(希望如此)。我正在尝试对3种字符串使用一种解决方案“45%”,预期结果:“45”“45”,预期结果:“45”"",预期结果:""我在尝试什么(让字符串为str):str.match(/(.*)(?!%*)/i)[1]这在我的脑海中听起来像是“匹配任何东西的任何实例,直到找到'%',否则就匹配任何东西”在firebug的头脑中,这听起来更像是“只匹配任何东西,完全无视负面前瞻”。也让它变得懒惰-(.*)?-似乎没有帮助。让我们暂时忘记在这种特定情况下我只是匹配数字,所以/\d*/就可以了。我试图理解一个一般规则,以便我可以随时应用它。有人

JavaScript 习语 : create a function only to invoke it

我在学习YUI偶尔看到这个成语:(functionx(){doabcxyz})();为什么他们创建一个函数只是为了调用它?为什么不写:doabcxyz例如,参见here. 最佳答案 他们正在利用closures.一个简短的解释:由于JS使用函数级作用域,您可以在函数内执行一系列操作并将其保留在该作用域中。这对于调用不会与全局命名空间混淆的代码很有用。它还允许创建私有(private)变量-如果您在匿名函数内声明一个变量并立即执行它,则只有匿名函数内的其他代码才能访问该变量。例如,假设我想制作一个全局唯一ID生成器。一个人可能会做这样

javascript - jQuery/JavaScript : Is it a date?(验证是否为日期)

这个问题在这里已经有了答案:关闭11年前。我有日期选择器,但我找不到验证用户输入的日期是否为日期以及它是否遵循所需格式(格式:yyyy-mm-dd)的方法这是我的日期选择器:$("input[name='date']").datepicker({dateFormat:'yy-mm-dd',changeMonth:true,changeYear:true,numberOfMonths:3,showButtonPanel:true});我查看了这个解决方案“Howtovalidatedatepickertoforbid/rejectcertaindates?”。它看起来很简单,但它只检查是