草庐IT

传递优化

全部标签

javascript - 在 React 中将 DOM 元素作为 Prop 传递

所以我有一个组件需要一个DOM元素作为prop传入。我正在尝试像这样在另一个组件中使用它:...但这不起作用,因为(我怀疑)在我调用this.refs.myPropDiv时DOM尚未呈现。我将如何完成这样的事情? 最佳答案 在大多数情况下,这不是一个好主意,至少看起来不像是在遵循React的方式。首先,通过refs获取该div,您不会获取DOM元素,而是获取该div的支持实例。您可以获得像toomanyredirects所建议的那样的DOM元素。无论如何,你想要达到什么目的?React的一个优点是您不必弄乱原始DOM,而是使用虚拟D

javascript - 优化 JavaScript DrillDown 代码

我的页面上有一个向下钻取图,我想对其进行优化。现在我正在加载每个“向下钻取”map,即使它没有被点击。Here是一个示例,显示了单击状态时如何加载数据。我想实现这一点。但这是我的代码,如您所见,即使未单击map,我也会加载所有向下钻取json。在我的示例中,我只有2个向下钻取选项,但在我的现实生活中,我有15个,所以它确实会减慢一切。所以这是我的代码://getmainmap$.getJSON('json/generate_json_main_map.php',function(data){//getregion1map$.getJSON('json/generate_json_reg

c# - 在 Metro 应用程序中将数组从 javascript 传递到 C#

编辑:我找到了答案(在Tejs的帮助下);见下文。我正在使用HTML/Javascript以及一些基于C#的帮助程序库开发Metro应用程序。一般来说,我在从Javascript调用C#方法方面取得了很多成功,但我似乎无法让传递的数组(在我的特定情况下,字符串数组)起作用。传递单个字符串没有问题。我的代码是这样的://injavascriptprojectvarstring1=...;varstring2=...;varstring3=...;varresult=MyLibrary.MyNamespace.MyClass.foo([string1,string2,string3]);然

javascript - 在 browserify 中将 window 传递给这个

我的一个依赖项使用以下内容将窗口传递给它的闭包(function(window){//})(this)暂时我可以将它更改为更合理的东西,这样它就不会破坏browserify,但是有没有什么方法可以在browserified模块中强制为this赋值? 最佳答案 我wroteabrowserifytransformcalled"moduleify"这通常应该做你想做的,即将有问题的代码包装在一个看起来有点像这样的IIFE中:(function(){//this===window}.call(window));事实上,myimplemen

javascript - react : Use this. props.children 或将组件作为命名 Prop 传递

我正在构建一个需要渲染一些子组件的组件。更具体地说,我有一个map组件,我希望在其上显示一个图例组件。constMap=props=>({this.props.children});//Usage:constMapWithLegend=()=>();//Usage:constMapWithoutLegend=()=>();然而,这也可以用命名Prop来表达:constMap=({legend}=>({legend});//Usage:constMapWithLegend=()=>();//Usage:constMapWithoutLegend=()=>();我不确定哪种方式在扩展性和可

javascript - 如何定义传递的组件必须具有某些 Prop 但也允许额外的 Prop

我正在传递一个组件作为Prop。定义如下。exporttypeTableProps={contents:T[],loadContents:()=>Promise};这工作正常,但我想更新这个定义说,至少上面的Prop应该存在,但允许额外的Prop。是否有我可以用来执行此操作的定义。例如,我希望接受具有以下签名的组件。typeProps={onChangeMark:(val:string)=>void,...TableProps};我已经尝试将它们定义为接口(interface),但它们仍然被拒绝。interfaceTableProps{contents:T[],loadContents

javascript - 如何将 javascript 事件从一个元素传递到另一个元素?

搭建舞台:我有2层,一层在另一层之上。底层包含链接(简单图像),顶层包含高级工具提示,如底层的悬停。这些工具提示可能很大(它们可以很容易地重叠到其他链接上,并且几乎总是重叠它们作为工具提示的链接)。我的问题:我希望我的鼠标悬停事件发生在底层,然后在鼠标悬停时在上层显示工具提示。这样,当您离开底部链接时,上层的工具提示会消失,新链接的工具提示会显示出来。我如何从顶层获取事件并将它们传递到下面的层?使得顶层是事件透明的。示例HTML:jQuery(document).ready(function(){ jQuery('div.tile').click(function(){ jQuery

javascript - Chrome for 循环优化

所以我很好奇什么方法可以更快地遍历数组,普通的for循环或forEach所以我在控制台中执行了这段代码:vararr=[];arr.length=10000000;//arr.fill(1);for(vari_1=0;i_1现在在Chrome中,for循环的结果是49ms,forEach循环的结果是376ms。这没问题,但在Firefox和IE(以及Edge)中的结果有很大不同。在其他两种浏览器中,第一个循环耗时约15秒(是秒),而forEach仅耗时约4秒。我的问题是有人能告诉我Chrome速度如此之快的确切原因吗?我在循环中尝试了各种操作,结果总是对Chrome有利一英里。

javascript - RequireJS 优化器配置问题,bbb 版本

我正在使用RequireJS、带布局管理器的主干样板、JamJS来帮助管理包,并且在开发中一切正常,但是当我尝试创建一个包含串联文件的生产版本时,它不起作用。看起来我的配置中的shim可能没有加载。例如,我在控制台中收到的错误是UncaughtTypeError:Cannotsetproperty'cookie'ofundefined,因此jQuery不会作为jquery.cookie的依赖项加载。这是我的应用配置://Settherequire.jsconfigurationforyourapplication.require.config({//Initializetheappli

javascript - Passport.js 没有将用户传递给 req.login() 中的请求

我的passport.js配置是这样的:constLocal=require("passport-local").Strategy;constUSMODEL=require("../models/user.js");passport.serializeUser(function(user,done){console.log("SERIALIZINGUSER");done(null,user.id);});passport.deserializeUser(function(id,done){console.log("DESUSER",id);varUS=mongoose.model("R