草庐IT

JavaScript:余切和反余切

全部标签

javascript - 在 React 中的现有状态转换错误期间无法更新

在我的渲染return()中,我有这些:Today这是什么函数:selectTimeframe(timeframe){//this.setState({timeframe});}^我现在必须注释掉setState否则我会收到我在上面发布的错误并且应用程序中断。我的构造函数中有这个:this.selectTimeframe=this.selectTimeframe.bind(this);我找到了这个answerhere,但这没有意义,我应该如何传递变量?或者他是说每个独特的按钮都需要独特的功能?至于避免在渲染内部调用它?完整代码importReactfrom'react';exportc

javascript - 故事书+字体文件

我似乎无法使用Storybook的webpack来编译我的CSS。它抛出字体文件并告诉我我可能需要一个加载器,但我已经将一个加载器添加到它正在使用的webpack.config.js文件中。这是我的webpack.config.js:constresolve=require('path').resolve;module.exports={module:{loaders:[{test:/\.css$/,loaders:['style','css','postcss?modules'],include:resolve(__dirname,'../')},{test:/\.(png|woff

javascript - react 导入根路径助手

在react中因为我必须导入不同的助手或组件我遇到了这个问题importapproxPerDayfrom'../../../utils/approxPerDay.js'importotherstufffrom'../components/otherstuff'在另一个文件中它可能是importapproxPerDayfrom'../utils/approxPerDay.js'找到相对路径真的很费时间。有没有npm或helper可以解决这个问题? 最佳答案 我遇到了类似的问题。我终于按照这篇文章解决了它:https://medium.

javascript - redux-form onSubmit 刷新页面

我是redux-form的新手,在处理onSubmit时遇到了一个奇怪的问题。当我完全按照此处的redux-form示例设置我的项目时http://redux-form.com/6.7.0/examples/syncValidation/它按预期工作。我试图根据我的需要扩展这个示例,并确认它在加载表单时按预期工作,如下所示:路由组件>表单。当我尝试在通过路由(路由组件>容器组件>表单)加载的react组件中加载表单时,问题就出现了。当我点击提交时,字段值被添加到地址栏并且表单验证不运行。我已经尝试了我能想到的一切来解决这个问题。如果替换,下面提供的代码将正常工作与在index.js中。

javascript - 克隆 div 并删除类而不更改原始类

我想使用jQuery克隆div的内容,但是在使用appendTo函数之前,我想从复制的内容中删除原始内容中的类。当我从克隆中删除类时,它们也会从原始类中删除。我的代码是:$('.carousel.item').each(function(){varnext=$(this).next();if(!next.length){next=$(this).siblings(':first');}next.children(':first-child').clone().appendTo($(this));next.children(':first-child').addClass('col-sm

javascript - 惰性求值可以通过 monadic 类型实现吗?

我目前正在研究结合Javascript中的monad的惰性求值,以及可能从中演化出哪些用例。所以我尝试实现一个惰性类型,它实现了functor/monad类型类。相应的构造函数在其参数和结果中是惰性的。这是我想出的://alazytype//(()->a)->()->bconstLazy=thunk=>()=>thunk();//(b->a->b)->b->Lazya->bLazy.fold=f=>acc=>tx=>f(acc)(tx());//(a->b)->Lazya->LazybLazy.map=f=>tx=>Lazy(()=>f(tx()));//Lazy(a->b)->Laz

javascript - 通过将它们的方法包装在一起,Typescript 类对象的性能是否会变慢?

我可能是错的,但通过查看typescriptsplayground,我注意到他们将类的方法与对象变量包装在一起,感觉每次我调用新对象时它可能会降低性能。例如类的TypescriptPlayground输出varFatObject=(function(){functionFatObject(thing){this.objectProperty='string';this.anotherProp=thing;}FatObject.prototype.someMassivMethod=function(){//manylinesofcode//...//...//...//.........

javascript - Function() 构造函数是否没有像 eval 那样被 V8 优化?

我们正在尝试一种通过WebSockets接收网络组件的方法。这些组件包含自定义脚本,它们应该在组件内的上下文中运行。简而言之,我们有一些脚本字符串并想要运行它们。现在我们为此使用eval,像这样:functionctxEval(ctx,__script){eval(__script);//returnthingswiththectx}并按预期工作,但我读到任何包含eval的函数都没有被V8优化。我想像这样将它转换为newFunction():newFunction("ctx",__script)(ctx);这样我可以实现与上面的ctxEval函数相同的效果。我们知道Function是e

javascript - 如何使用 Angular 2/4 的鼠标滚轮事件测试指令

我有一个带有鼠标滚轮事件的指令,它用于放大和缩小Canvas。我想知道如何为此类事件编写单元测试。我在网上找不到任何示例,谁能给我指出正确的方向?我的指令:import{Directive,ElementRef,HostListener}from"@angular/core";import{MyService}from"./my-service";@Directive({selector:"[testDirec]"})exportclassTest{privateinitPointX:number;privateinitPointY:number;constructor(private

javascript - 我可以使用 Webpack 将 Google Charts 注入(inject)我的项目吗?

有什么方法可以在React应用程序中使用GoogleCharts吗?我找到了react-google-charts我已经开始工作了,但它似乎缺少很多GoogleCharts的API,或者至少没有记录。我也有点害羞地在生产中使用NPM统计数据显示在过去一天只有~400次下载的东西。但是,我无法在NPM上单独找到GoogleCharts,也无法像我最初预期的那样简单地从“google-charts”导入图表。我的下一个想法是看看是否有办法将库作为全局变量导入。1)我该怎么做2)如果可能的话,我如何将它包含在像import{Line}from'???'这样的react组件中