草庐IT

布局组件

全部标签

javascript - D3.js力布局中LinkDistance和LinkStrength的关系

在D3.js的力导向布局中,LinkDistance和LinkStrength是如何相关的?我假设他们是,如果我错了请纠正我。我知道linkDistance定义了任何一对节点之间的长度,并且本质上用作力布局中的约束。但是linkStrength起什么作用呢?D3.js的API文档将其定义为“链接到[0,1]范围内指定值的强度(刚性)”,这里的“刚性”到底是什么意思? 最佳答案 您可以将链接距离视为预期距离,并将强度视为您希望在每次迭代中达到此目标距离的速度。如果您查看sourcecodeoftheforcedirectedlayou

javascript - 使用生成器 + promise 在 Firefox SDK 附加组件中/与 Firefox SDK 附加组件进行 "simulated synchronous"通信

TL;DR:有什么方法可以重写这个基于回调的JavaScript代码以改用promises和生成器吗?背景我有一个使用FirefoxAdd-onSDK编写的Firefox扩展.与SDK一样,代码分为附加脚本和contentscript。.这两个脚本具有不同类型的权限:附加脚本可以做一些奇特的事情,例如,通过js-ctypes调用native代码。界面,而内容脚本可以与网页交互。然而,附加脚本和内容脚本只能通过异步message-passinginterface来彼此交互。.我希望能够从普通的非特权网页上的用户脚本调用扩展代码。这可以使用称为exportFunction的机制来完成这样一

javascript - Angular 1.5 组件双向绑定(bind)不起作用

我有一个Angular1.5.3组件,它似乎没有更新双向绑定(bind)的值。我的Controller更改传递给组件的值。当Controller初始化时,该组件似乎读取默认值,但此后就好像它是单向绑定(bind)一样。future对绑定(bind)值的任何更改都不会在组件中读取。我将它从一个类似的功能指令转换而来,两种方式的绑定(bind)工作得很好。组件是否缺少更改事件或类似事件?我是否需要向组件Controller添加特定逻辑以便组件模板可以读取绑定(bind)值?实现组件的菜单模板:{{ctrl.menu}}{{ctrl.settings}}子菜单组件:(function(){'

javascript - 如何将状态与父组件传递给子组件

有没有办法将状态从父组件传递到子组件,例如:varParentComponent=React.createClass({getInitialState:function(){return{minPrice:0}},render:function(){return();}});varChildComponent=React.createClass({getInitialState:function(){return{minPrice://Getfromparentstate}},doSomething:function(v){this.setState({minPrice:v});},r

javascript - 为什么我的 react 组件没有随着状态更新而更新?

我有一个我构建的map应用程序,它需要一些map图标在按下按钮后出现/消失,但是当我从它是父组件:父加载组件:简单map组件(已简化):constructor(props){(props);this.state={events:[{venue:{lat:2,lon:1}}],sports:["baseball","football","paddle","soccer","boxing","dart","biking","golf","hockey","inline-skating","tennis","volleyball","skateboard","kickball","bowli

javascript - 在 Angular2 中引导多个组件

我的问题与这个问题一致:Errorwhenbootstrappingmultipleangular2modules我的index.html有以下代码Loadingheader...Loading...Loadingfooter...在我的app.module.ts中,我提供了这3个组件来引导:bootstrap:[AppComponent,HeaderComponent,FooterComponent]在我的main.ts中,我引导它们platformBrowserDynamic().bootstrapModule(AppModule);该应用程序与包含的所有三个模块一起运行良好。当它

javascript - 用于显示我们在力布局中悬停位置的小框 (D3.js)

我想看看力图放大的部分简而言之。我想在小框中看到整个图形的小图片,它将显示我用D3.js在图形上悬停的位置请引用这张map图片,我想要同样的强制布局。 最佳答案 我分三步完成:1)为SVG的鼠标悬停事件附加一个监听器varnewTx,newTy=0;svg.on("mouseover",function(){varcoordinates=[0,0];coordinates=d3.mouse(this);newTx=(100-coordinates[0]);newTy=(100-coordinates[1]);});2)使用JSclo

javascript - grunt Build 上的 usemin 未将 Bower 组件正确构建到 dist 目录中

在Grunt构建中,我如何捕获bower_components的正确路径以在我的dist文件夹中创建一个充满Bower组件的vendor.js文件。我已经指出了原因,Grunt构建的usemin正在从错误的文件夹构建vendor.js..添加应用程序文件夹前缀。如何删除此应用前缀,以便grunt构建正确构建我的Bower组件?咕噜构建:但在构建时它正在制作一个0kb的vendor文件,因为bower_components位于app之上的目录中如您所见,我的bower_components位于我的应用程序文件夹之外使用:Grunt文件://Generatedon2014-06-17usi

javascript - Angular 2 将数据从组件发送到服务

我的目标是将数据从Angular组件发送到服务并使用服务方法对其进行处理。示例:exportclassSomeComponent{publicdata:Array=MyData;publicconstructor(privatemyService:MyService){this.myService.data=this.data;}}和服务:@Injectable()exportclassTablePageService{publicdata:Array;constructor(){console.log(this.data);//undefined}}获取数据是未定义的。如何让它发挥作

javascript - 如何根据 Material UI (React JS) 中的要求制作一个 'Select' 组件

除非有选择的选项,否则我想用红色显示错误。有什么办法吗。 最佳答案 要使用MaterialUI设置必填的Select字段,您可以:classSimpleSelectextendsReact.PureComponent{state={selected:null,hasError:false}handleChange(value){this.setState({selected:value});}handleClick(){this.setState(state=>({hasError:!state.selected}));}rende