草庐IT

check_ins

全部标签

Javascript 和 Canvas : How to get rid of that Moiré effect in my gyroscope

出于乐趣,我使用Javascript和Canvas制作了那个小玩具陀螺(陀螺仪?)。不幸的是,它有一个丑陋的莫尔效应(见下面的截图)。http://jsfiddle.net/8bac4s9v/1/functiondraw(){varc=document.getElementById("myCanvas");varctx=c.getContext("2d");ctx.imageSmoothingEnabled=false;varcolors=[['blue','yellow'],['white','pink'],['green','red'],['white','black'],['gr

javascript - sails .js : post text input and a file in the same time

我想在表单中发送一个文件和一个隐藏的输入文本。在我的Controller中,request.body等于{}。当我删除enctype="multipart/form-data"它适用于我的文本但不适用于我的文件。上传我的文件:uploadFile.upload({saveAs:fileName,dirname:directoryName},functiononUploadComplete(err,files){...............});我的Controller:importXLS:function(req,res){varuploadFile=req.file('xlsx_f

JavaScript ES6 : Grouping methods in es6 classes?

我们中的一些人正在尝试创建一个JavaScript库以在RESTfulAPI上快速运行JSON查询。我想做的是根据它们的目的对一组方法进行分组。例如;通过API,我能够获取用户属性。我不想将所有这些方法都放在主对象下,而是将它们分组在API类对象中。即转换这个:myAPI.getUserById()为此:myAPI.User.getByID()myAPI.User.getByName()我们将使用下面的代码作为一个简单示例。我如何将我的用户方法嵌套在myAPI类的用户对象中??classmyAPI{constructor(url){this.url=url;//Codetoconnec

javascript - angular2-in-memory-web-api 404 错误

我正在尝试按照本指南以Angular2构建5分钟的应用程序:https://angular.io/docs/ts/latest/tutorial/toh-pt6.html.在http部分,我添加了一个假服务器,但我收到404错误,因为angular2-in-memory-web-api.http://localhost:4200/vendor/angular2-in-memory-web-api/in-memory-backend.service.jsFailedtoloadresource:theserverrespondedwithastatusof404(NotFound)我试图

javascript - react 模棱两可的错误消息 : "Check the render method of ` Constructor`.“

我在客户端使用React来呈现我的应用程序的View。当我在浏览器控制台中查看错误报告时,我有时会看到错误检查“Constructor”的渲染方法,而不是发生错误的类的正确名称。例如,我会看到如下消息:Warning:Eachchildinanarrayoriteratorshouldhaveaunique"key"prop.Checktherendermethodof`Constructor`.Seehttps:///react-warning-keysformoreinformation.为什么我的类(class)名称显示为Constructor?如何让React正确显示类的名称。

javascript - D3 : Zooming/Panning Line Graph in SVG is not working in Canvas

我使用SVG使用d3创建了zooming/panning图形。我正在尝试使用Canvas创建完全相同的图表。我的问题是,当涉及到Canvas图形的缩放和平移时,图形正在消失,我不知道为什么。我创建了两个JSBin来显示两者的代码。有人可以帮助我吗。SVG-JSBinCanvas-JSBin我的SVG缩放代码如下所示://ZoomComponentszoom=d3.zoom().scaleExtent([1,dayDiff*12]).translateExtent([[0,0],[width,height]]).extent([[0,0],[width,height]]).on("zoo

javascript - Vue : when to use @keyup. native in input 元素

我有一个Vue组件一个绑定(bind)v-on:keyup.enter的元素doFilter()的关键一个绑定(bind)v-on:click事件到doFilter()Filter按钮事件将触发doFilter(),但按键事件不会触发,除非我添加.native修饰符。Vue.jsdocumentationsaysthisabout.native:listenforanativeeventontherootelementofcomponent.我什么时候需要使用.native为什么没有它就不会触发keyup事件?更新1:添加codepen和代码可运行演示位于https://codepen

javascript - react ES6 : Get selected value in dropdown list using semantic UI

给定以下数据,我如何获取鸟类名称并将其推送(使用添加按钮)到一个新数组以显示在另一个div中(使用reactes6)?所以基本上我希望用户从语义下拉列表中单击一只鸟并将其显示在不同的div中,例如如下所示。这可能很简单,但是当我使用语义元素时,我似乎找不到解决方法。我需要使用onChange吗?我需要在我正在导出的类中执行此操作(react)(只是没有显示类/构造函数/状态定义)Howcanidisplay'Bird_Name'here?addClick=()=>{}const{Button,Container,Divider,Dropdown,Header,Message,Segme

javascript - 我如何解决 'Property ' 宽度'在类型 'HTMLElement' 上不存在。'在 vscode 中使用//@ts-check 类型检查 Javascript(不是 Typescript)时?

在view.js文件中:constcanvas=document.getElementById('canvas');...export{canvas,};在main.js文件中:import*asviewfrom'../src/view.js';...xPosition:view.canvas.width/2,给我'属性'width'在类型'HTMLElement'上不存在。类型检查错误。我不知道如何进行,我对typescript的了解为零,而且程序是用javascript编写的。我读过的所有解决方案都需要使用typescript,这在这个例子中是没有用的。有什么办法可以消除这个错误吗

javascript - typescript : find date difference in dates/hours/minutes

我正在进行日期比较,我正在尝试以日期、小时、分钟的格式计算和显示两个日期之间的差异...日期值存储在数据库中,如下所示:EndDate:2018-11-2910:49:49.9396033PurchaseDate:2018-11-2910:49:07.4154497在我的Angular组件中,我有:letresult=newDate(res.endDate).valueOf()-newDate(res.purchaseDate).valueOf();这导致:42524我不确定它代表什么。我想知道计算两个日期之间时差的正确方法是什么,以及如何以正确且可读的方式显示结果。欢迎任何帮助