草庐IT

HTML+CSS+JS

全部标签

javascript - 如何在 three.js 中导入 json 和渲染

大家好,我编写了导入json文件并使用three.js渲染它的代码,我从three.jseditor导出了json文件。它在控制台中没有显示任何错误window.onload=function(){varshapeObjectUrl="test.json",scene=newTHREE.Scene(),camera=newTHREE.PerspectiveCamera(75,window.innerWidth/window.innerHeight,0.1,1000),renderer=newTHREE.WebGLRenderer(),loader=newTHREE.JSONLoader

javascript - Dropzone.js 在触发事件后删除文件

所以这是我的代码:Dropzone.options.myDropzone={//PreventsDropzonefromuploadingdroppedfilesimmediatelyautoProcessQueue:false,init:function(){varsubmitButton=document.querySelector("#submit-all")myDropzone=this;//closuresubmitButton.addEventListener("click",function(){myDropzone.processQueue();//TellDropzo

javascript - 是否可以使用 node.js 打印图像?

好的,所以我正在尝试从网页打印(典型的“打印”按钮,但我不希望出现打印对话框)所以我决定使用我现有的node.js后端来执行任务(主要是因为没有打印对话框几乎不可能从浏览器打印)。我找到了Node打印机(https://github.com/tojocky/node-printer)模块,它工作得很好,但仅限于文本。我试图发送RAW数据,但它所做的是打印原始字符。我实际需要的是打印Logo以及一些转向信息(这是针对客户服务设施的)。另外,打印机必须安装在本地,所以我不能使用IPP。有什么方法可以使用node.js打印图像或图像和文本的组合?可以通过Node打印机完成还是有其他方法?

javascript - linq.js 按 javascript 中的对象数组分组

我想使用linq.js按日期对以下数据进行分组。data2=[{"date":1399298400.0,"adId":1057946139383,"impressions":1000000},{"date":1399298400.0,"adId":3301784671323,"impressions":535714}......etc.];这是我的尝试:varlinq=Enumerable.From(data2);data2=linq.GroupBy(function(x){returnx.date;}).Select(function(x){return{date:x.Key(),i

javascript - should.js 不会导致 mocha 测试失败

我对单元测试、mocha和should.js非常陌生,我正在尝试为返回promise的异步方法编写测试。这是我的测试代码:varshould=require("should"),tideRetriever=require("../tide-retriever"),moment=require("moment"),timeFormat="YYYY-MM-DD-HH:mm:ss",from=moment("2013-03-06T00:00:00",timeFormat),to=moment("2013-03-12T23:59:00",timeFormat),expectedCount=30

javascript - 使用 css3 和 jquery 分别动画缩放和旋转

更新和澄清我需要执行一些在图标上立即旋转(使用css3transform)的jquery。然后一旦图标旋转,我想设置动画并缩放到200%的大小。但是,由于缩放和旋转都是一个CSS3属性(转换),我看到这两个转换都作为0.5秒的动画发生。(在JQUERY代码中,我还更新了位置(顶部、左侧),但由于它不在transition:标记中,因此它会根据需要立即发生。我想要的是立即发生旋转,并在2秒内发生缩放。有什么想法吗?CSS:transition:transform0.5s;-webkit-transition:-webkit-transform0.5s;JQUERY:self.pick=f

javascript - 为什么在应用类时需要 setTimeout 才能让我的过渡生效?

我有一个应用了过渡的元素。我想通过向导致过渡运行的元素添加一个类来控制过渡。但是,如果我太快地应用类,过渡效果就不会发生。我假设这是因为.shown在与.foo被放置到DOM上时相同的事件循环中被放置到div上。这会诱使浏览器认为它是使用opacity:1创建的,因此不会进行任何转换。我想知道是否有一个优雅的解决方案,而不是将我的类包装在setTimeout中。这是一个片段:varfoo=$('',{'class':'foo'});foo.appendTo($('body'));setTimeout(function(){foo.addClass('shown');});.foo{op

javascript - 对象预期的 Microsoft Jscript 运行时错误 - Node js

我正在学习NodeJS,我在运行代码时在行号1MicrosoftJscriptRuntimeError处收到Objectexpectedvarfs=require('fs');functionFileObject(){this.filename=null;this.exists=function(callback){varself=this;fs.open(this.filename,'r',function(err,handle){if(err){console.log(self.filename+'doesNotexist');callback(false);}else{conso

javascript - 检测是否加载了 Underscore.js

这是一个边界问题,但我认为值得一问。以下是检查underscore.js是否最简洁的方法吗?已加载,这种方法是否有任何缺点。typeof_=="function"?console.log('yes'):console.log('no');老实说,我的“真正”问题如下。基本上这是一个将在很多前端框架上使用的插件。有些会有underscore而有些则没有。为了使其通用并使用underscore提供的方法,我想检查underscore并在不存在时提供回退,同时选择尽可能使用它。这是不好的做法吗?我什至不应该在有下划线的情况下使用它吗?注意:不幸的是lodash.js不是一个选项,因为我愚蠢地

javascript - 如何在 HTML5 Canvas 上缩放图像时保持宽高比?

在我的项目中,我使用HTML5Canvas和FabricJS。我有维持放置在Canvas中的图像对象的纵横比的方案。在调整Angular或缩放图像时,我必须更新宽度或高度以保持图像的纵横比。上图将清楚地显示我的问题。我需要一种算法或公式来保持图像的纵横比。图片应满足以下条件,如果我通过根据实际尺寸调整图片的宽度或高度来进行缩小,它会裁剪并以相同的纵横比显示图片。如果我确实通过调整图像的实际尺寸的宽度或高度来进行扩展,它将分别扩展图像的高度或宽度,并针对视口(viewport)高度和宽度进行裁剪以保持宽高比。隐藏的部分被平移和查看。请给我一些解决方案,谢谢。