草庐IT

预处理

全部标签

javascript - 使用 react-router 处理 firebase 身份验证

我正在使用webpack构建React+Redux+Firebase应用程序,并试图找出处理protected路由和重定向的最佳方法。我已经尝试将onEnter()与setTimeout()一起使用,就像许多示例所示,但它仍然在重定向之前闪烁备用组件。这是我目前拥有的,我正在尝试提出一个更优雅的解决方案。这主要是有效的,但失败的一个例子是,如果我在/profile上并在浏览器中导航到/。似乎是因为firebase.auth()需要再次初始化,所以我在HomePage组件切换到Profile之前闪了一下。Firebase在firebaseClientConfig中初始化,我将fireba

javascript - 简单的 Javascript 来模仿在事件处理程序中使用它的 jQuery 行为

这不是关于jQuery的问题,而是关于jQuery如何实现这种行为的问题。在jQuery中你可以这样做:$('#some_link_id').click(function(){alert(this.tagName);//displays'A'})有人可以笼统地解释一下(不需要您编写代码)他们如何将事件的调用者html元素(此特定示例中的链接)传递到this关键字?我显然试图在jQuery代码中查找1st,但我无法理解一行。谢谢!更新:根据Anurag的回答,我决定此时发布一些代码,因为它似乎比我想象的更容易编码:functionAddEvent(html_element,event_n

javascript - 处理 API 设计和 OO 糖

入门读物:Prototypesas"classes"OOJS按照上述模式,我创建如下库/APIvarProto={constructor:function(){this.works=true;},method:function(){returnthis.works;}};现在库用户要与我的原型(prototype)(不提供工厂函数)交互,他们必须实例化和初始化对象//instantiatevarp=Object.create(Proto);//initializep.constructor();这是一种强制用户实例化和初始化我的对象的不友好且冗长的方式。我个人使用pd在我所有的应用程序

javascript - 使用 JavaScript 事件处理程序和函数的 CSS3 转换不会在 Firefox 中触发

我已经建立了一个多月的画廊,布局很简单,左边是缩略图菜单,右边是画廊预览。当您单击已加载的缩略图时,它会触发一个mousdown事件,该事件会折叠缩略图区域并将画廊预览扩展到完整大小(全部使用CSS3转换)。到目前为止,一切正常,除了我创建了一个omouseover事件,当您将鼠标悬停在缩略图上时该事件会激活该功能。该函数重绘图库预览div(“图片”)的内容并创建三张图像,两张是帧中的上一张图像,一张是帧中的下一张图像(在中心)。在innerHTML中,它将CSS样式“left:”设置为724px或-724px,具体取决于它是向前还是向后。然后当生成所有这些html的函数完成时,负责监

javascript - 在大型 Web 应用程序中处理 JavaScript(可重用性、捆绑、单元测试...)

也许有人可以建议我可以使用什么工具、方法和引用来实现大型Web应用程序在JavaScript方面的以下目标:可重用性、捆绑、单元测试、许多开发人员等等。例如,我检查了browserify工具,但实际上没有文档,没有书什么的。 最佳答案 静态代码分析:JSLint,GoogleClosureToolsJavaScriptcodecheckingbeyondJSLint单元测试:JSUnitJavaScriptunittesttoolsforTDD捆绑并放在一起基于Java的构建-Wro4j-处理许多基于Web的常见工具,例如JsHin

Javascript - 图像数据处理和div渲染

所以我为自己创造的挑战就是这样。我有一张源照片:我正在映射颜色值并使用div创建它的像素化表示结果如下:我使用的代码是:'usestrict';varimageSource='images/unicorn.jpg';varimg=newImage();img.src=imageSource;varcanvas=$('')[0];canvas.width=img.width;canvas.height=img.height;canvas.getContext('2d').drawImage(img,0,0,img.width,img.height);varcontext=canvas.g

javascript - 检测 Angular JavaScript promise 链中是否存在下一个处理程序

给定以下两个$resource示例:varexampleOne=$resource('/path').save(objectOne);exampleOne.$promise.then(function(success){},function(error){});varexampleTwo=$resource('/path').save(objectTwo);exampleTwo.$promise.then(function(success){});[注意:示例二不包含错误处理程序]还有一个位于所有$http请求之下的拦截器:varinterceptor=['$location','$q

javascript - 处理剑道调度程序中的销毁事件

我正在使用剑道调度程序。调度器网格中添加了事件。在每个事件的鼠标悬停时,右上角都会出现一个小的(x)。即销毁该事件的事件,单击该事件会显示一条警告消息“您确定要删除此事件吗?”如果单击"is",它将继续并删除该事件。所以这是我的要求。如您所见,显示的一周内有3个预定事件。我想要那个,蓝色圈出的不应该有删除选项,但红色圈出的应该有。换句话说,我想限制kendoscheduler中的一些事件被删除。场景:假设任何具有描述的事件都无法删除。链接:http://demos.telerik.com/kendo-ui/scheduler/move-resize更新我可以做一个服务器端调用来检查描述

javascript - Dataloader 如何缓存和批处理数据库请求?

查看DataLoaderlibrary,它是如何缓存和批处理请求的?指令以下列方式指定用法:varDataLoader=require('dataloader')varuserLoader=newDataLoader(keys=>myBatchGetUsers(keys));userLoader.load(1).then(user=>userLoader.load(user.invitedByID)).then(invitedBy=>console.log(`User1wasinvitedby${invitedBy}`));//Elsewhereinyourapplicationuse

javascript - 处理 axios 响应中的数据

我是axios的新手。过去,当我发出http请求时,我习惯于取回对象数组/数组,这使我可以使用map和reduce等函数轻松地按照我想要的方式格式化数据。然后我会将它呈现给DOM。我注意到在我返回的响应中是一个观察者对象。我将如何发出请求以便它返回一个数组?处理这个观察者对象的标准是什么?getSomething(myId){returnaxios.get('/api/getSomething',{params:{'id':myId}}).then(response=>console.log(response.data)).catch((promise)=>this.handleErr