草庐IT

profiling-and-creating-call-graph

全部标签

javascript - create-react-app 中的 JSX 文件

只是想知道create-react-app如何使用.js文件而不是.jsx来进行jsx标记。是因为webpack的特殊配置吗?顺便说一句,我在哪里可以找到我使用create-react-app创建的项目的webpack和babel配置? 最佳答案 文件扩展名没有什么特别之处;这只是通过Babel运行什么的问题。例如:module:{loaders:[{test:/\.jsx?$/,exclude:/(node_modules)/,loader:'babel',query:{presets:['react','es2015','sta

javascript - Node : Good way to write Multiple API Calls in serial

是否有更好/更漂亮的方式来调用多个API(如我的示例所示)?varrequest=require('request');request('http://www.test.com/api1',function(error,response,body){if(!error&&response.statusCode==200){request('http://www.test.com/api1',function(error,response,body){if(!error&&response.statusCode==200){request('http://www.test.com/api

javascript - create-react-app - 获取本地 JSON(通过 AJAX)

我正在尝试使用create-react-app做一些相当简单的事情,从前端的其他地方动态请求JSON文件。当我请求URL时,Webpack仅返回应用程序的index页面(带有HTTP200)。我已经尝试将JSON文件放在src和public目录中,但没有任何区别(例如,/src/data/stuff.json,/public/data/stuff.json).我猜webpack/某些东西正在阻止请求通过。像fetch('http://localhost:3000/public/data/stuff.json')这样的东西是行不通的。我看到了请求,但响应只是默认的HTML。当然,http

javascript - Angular 动画 : Animate Parent and Child Elements

我用Angular动画创建了一个元素(div.parent),效果很好。当我向它添加一个子元素并尝试同时为该子元素设置动画时,其中一个动画并没有结束运行(它只是捕捉到新状态)。堆栈Blitz:https://stackblitz.com/edit/angular-2tbwu8标记:动画:trigger('theParentAnimation',[state('down',style({transform:'translateY(100%)translateZ(0)',})),transition('**',[group([query(':self',[animate('0.9scubi

javascript - javascript 中的 .call 是如何工作的?

我在MDN站点上看到了这段代码:01functionProduct(name,value){02this.name=name;03if(value>=1000)04this.value=999;05else06this.value=value;07}0809functionProd_dept(name,value,dept){10this.dept=dept;11Product.call(this,name,value);12}1314Prod_dept.prototype=newProduct();1516//since5islessthan1000,valueisset17chee

javascript - 版本控制 : how to control css and js compressed/minified versions between environments

我正在使用git(通过GitHub)对我的元素进行版本控制。我对此还是陌生的,但我想知道如何保持我的css的最佳实践。和js文件在环境之间同步。示例:假设我写了一个js开发脚本。我对自己的工作很满意,并努力进行测试。那么在测试中我想要一个缩小/压缩版本。如果没有大量的开销任务,我将如何完成这项工作?你们做什么?我假设它是某种部署脚本的一部分,可以压缩代码并将其推送到我指定的任何环境。这带来了另一个问题:我的header呢?(和/或footer)我的元素中的文件?如果我的dev有:css/main.css">和我的testing有:css/main.min.css">这很好,但是如果我需

javascript - 数据 :image/jpeg;base64 how to get its width and height in pixels

如何获取其src在data:image/jpeg;base64中的像素图像的宽度和高度?使用设置img.src并调用width()没有成功。varimg=jQuery("");img.width()//=0 最佳答案 这会起作用:varimg=newImage();img.onload=function(){alert(this.width);}img.src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAA.......";FIDDLE我通过转换图像来确保base64有效here,onloa

javascript - Leaflet.js 和 JSON 数据 : optimization and performance

我目前正在使用Javascript进行我的第一次真正的郊游,以构建我们客户数据的交互式map。到目前为止,我已经掌握了基础知识,但是当我开始使用标记超过500个poi或使用圆形标记超过10,000个时,性能开始下降....如果有人可以就如何优化我的内容提供一些建议'我已经有了,或者也许我最好转移到像mongo这样的合适的数据库来获取json数据,或者用NodeJs做服务器端的工作?任何建议将不胜感激:)varapiKey='BC9A493B41014CAABB98F0471D759707',styleID='108219';//styleID='997';//varmap=L.map(

javascript - JSON 响应对象 : "pretty" keys and larger response or short keys and smaller response?

关闭。这个问题是opinion-based.它目前不接受答案。想要改进这个问题?更新问题,以便editingthispost可以用事实和引用来回答它.关闭8年前。Improvethisquestion我的实时网络应用发出ajax请求以获取JSON编码数据响应。返回的数据通常以对象数组的形式存在。由于数组通常有很多元素(尽管发送的数据由服务器gzip压缩),为了将响应大小保持在最小值,我保留了键在响应中非常简短。例如,我不使用description:,而是使用d:,而不是使用width:,我使用w:等等...这样做会减少响应的大小,但在客户端,非常短的非人类可读键会降低JavaScrip

javascript - 从 Create-React-App 联系表单发送电子邮件

我正在使用我使用的网站create-react-app去创造。我需要制作一个联系页面,其中输入的信息将被发送到指定的电子邮件。在做了一些研究后,我发现这将需要我设置一些后端。我非常不熟悉后端编程。我了解nodejs并且能够使用它设置基本服务器,但我不知道如何将它连接到react站点,或者我是否需要Node服务器(只是提到它是因为我找到了Nodemailer).我应该使用什么好的后端设置?我需要用它来将输入字段的值发送到特定电子邮件。很抱歉,这是一个新手/模糊的问题,我只是在寻找一些关于开始研究和学习的方向。我不希望得到关于后端服务器的目的和精确操作的详细答案,只是一些有用的指导或从某个