草庐IT

扩展组件

全部标签

javascript - Javascript 代码示例的响应式扩展

Microsoft已发布ReactiveExtensionsforJavascript.它应该使异步(和基于事件的)web-ui编程变得容易。目前有avideo和some教程。但是我真的可以制作多酷的UI?您知道使用rx.js的任何好的演示或代码示例吗? 最佳答案 我觉得这个游戏演示很酷http://juhajasatu.com/worzone/.来源可在GitHub上找到并且作者在他的blog上有几篇关于JavaScriptRX的文章。. 关于javascript-Javascript

javascript - 如何使水平元素扩展以覆盖可用空间?

我正在尝试创建一个CSS流畅选项卡菜单,其中包含可变数量的选项卡(类似于在Windows中可以看到的,其中选项卡根据包含的标题的长度展开,见下文).这是一个例子,我有设置(我需要保持元素结构):verylongtextisthisTwoThreeFourFive和CSS:.test{width:100%;display:table;}.test.element{border:1pxsolidred;float:left;min-width:19%;}.test.element.prelast{border:1pxsolidgreen;}.test.element.last{float:

javascript - 再次单击浏览器操作图标以关闭 Chrome 扩展程序弹出窗口

我正在开发一个Chrome扩展程序,我想知道是否可以通过再次单击允许您打开弹出窗口的图标来关闭弹出窗口:我尝试了任何方法,但看起来您必须单击其他地方才能关闭它.文档指出onClicked事件是:单击浏览器操作图标时触发。如果浏览器操作有弹出窗口,则不会触发此事件(http://developer.chrome.com/extensions/browserAction.html#popups)。提前致谢。[更新]我尝试了以下方法,它成功了一半(!):1.在popup.html中链接popup.js;2.popup.js读取background.js中包含的一个变量的值;varcurren

javascript - 修改 jQuery 扩展以在对象内推送数组项但扩展其他对象

我认为这一定是一个常见问题,但似乎找不到解决方案。使用JSON配置文件扩展包含对象和数组的jQuery对象。对于对象和简单的属性,我想覆盖(因为extend做得很好)。对于数组,可能存在也可能不存在。目前数组只是覆盖第一个元素varsourceObj={propterty:"changeMe",anArray:[{name:"first"},{name:"second"}]},configJSON='{"propterty":"NewVal","anArray":[{"name":"third"}]}',configObj=JSON.parse(configJSON);$.extend

javascript - 将带有参数的 View 组件渲染到命名导出 ember.js

我的应用程序模板中有2个命名socket,slider-area和pre-footer。有没有办法将带参数的View组件(如索引模板中显示的main-slider组件)传递到命名socket?所以我需要将{{main-slidersliders=filteredSlider}}传递给索引模板中的导出{{outlet"slider-area"}}吗?我来自Rails,如果这不是ember的做法,请原谅我的想法。可以在应用程序模板中指定yield:slider_area,然后将此区域的任何内容包装在content_for:slider_areablock中。ember中是否有类似的方法?i

javascript - 如果 React 组件需要 jQuery,Enzyme 会抛出错误

我正在尝试使用Enzyme的describeWithDOM()和mount()测试React组件的行为。但是当组件导入jQuery时我得到这个错误:错误:jQuery需要一个带有文档的窗口我知道Enzyme在后台使用jsdom,我一直认为jsdom负责处理窗口和文档。但我似乎找不到如何让它们一起工作。测试代码如下所示:importchai,{expect}from'chai';importSelectfrom'./Select';importReact,{createElement}from'react';import{describeWithDOM,mount}from'enzyme

javascript - React 暴露组件函数

基于此链接上的示例http://reactjs.cn/react/tips/expose-component-functions.html,我一直在尝试简化代码以更好地理解暴露的方法,所以我得到了以下内容,这是行不通的,错误是“UncaughtTypeError:无法读取未定义的属性'animate'”而且我真的不知道原因:varTodo=React.createClass({render:function(){return;},//thiscomponentwillbeaccessedbytheparentthroughthe`ref`attributeanimate:functio

javascript - 我应该在 React 组件中初始化一个空状态变量吗?

我对React还是有点陌生​​,我觉得它很棒,但目前有一件事在我脑海中,我想知道如何看待它。例如,我正在制作一个结账组件,其中有一个减价优惠券字段。我将事件的当前价格传递给优惠券,以便它可以计算新的:{this.state.showCouponField?(this.setState({coupon:coupon})}initialValue={this.state.coupon?this.state.coupon.token:''}initialPrice={this.state.event.final_price}setReducedPrice={(reducedPrice)=>t

javascript - 如何使用 flowtype 在组件的 react 上下文中定义 Prop ?

使用flowtype时在context中定义一个Prop这样//@flowtypeMyType=Object;classCustomViewextendsReact.Component{staticchildContextTypes={someProp:MyType}getChildContext(){return{someProp:this.props.someProp};}}我收到以下错误:CustomView:typespecificationofchildcontextsomePropsisinvalid;thetypecheckerfunctionmustreturnnull

javascript - 在 Typescript 中扩展基类属性

我正在尝试为ReactReduxForm的Control组件创建一个包装类以添加额外的功能。这是基类/组件定义:exportclassControlextendsReact.Component,{}>{staticcustom:React.ComponentClass>;staticinput:React.ComponentClass>;statictext:React.ComponentClass>;statictextarea:React.ComponentClass>;staticradio:React.ComponentClass>;staticcheckbox:React.C