草庐IT

Web组件

全部标签

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 - VueJS 组件发出重复事件

当我的鼠标光标进入和离开我的VueJS组件时,分别调用以下方法。当光标进入和离开我的组件时调用的方法://locatedin"methods"sectionofmyVuecomponentfileonMouseEnter(){window.Event.$emit("mouse-entered",this.index);console.log("Mouseentered");},onMouseLeave(){window.Event.$emit("mouse-left",this.index);console.log("Mouseleft");},这就是我的控制台在我的光标进入和离开组件

javascript - 如何模拟在使用 Jest 测试的 React 组件中进行的 API 调用

我正在尝试模拟一个将数据检索到组件中的fetch()。I'musingthisasamodelformockingmyfetches,但我无法让它正常工作。我在运行测试时遇到此错误:babel-plugin-jest-hoist:Themodulefactoryof'jest.mock()'isnotallowedtoreferenceanyout-of-scopevariables。有没有办法让这些函数返回模拟数据,而不是实际尝试进行真正的API调用?代码utils/getUsers.js返回Angular色映射到每个用户的用户。constgetUsersWithRoles=role

javascript - 是否可以编写一个使用 web 套接字进行传输的 javascript SSH 客户端?

是否有可能使用像轨道网络套接字这样的东西作为传输层,用纯javascript编写一个基本的SSH客户端?我没有看到任何这方面的例子,但它似乎是一件好事。 最佳答案 可以查看Ajaxterm和rTerm,它使用它。我真的很喜欢Orbited并在我公司的一个内部系统(使用RabbitMQ)上使用它。应该可以从这些应用程序中获取概念并使用Orbited作为传输层,但我认为这不是它的最佳用例(因为任务是单用户而不是基于channel等)。 关于javascript-是否可以编写一个使用web套接

javascript - Web 应用程序中具有自动淡入/淡出功能的 iPhone 样式滚动条

我正在制作一个网络应用程序,非常喜欢自动淡入和淡出的iPhone风格的滚动条。以前只在iOS产品上看到过,现在好像Facebook已经在Chat联系人列表中实现了。为什么我这么喜欢它?它会自动淡入和淡出,因此不那么突兀并且可以节省大量空间。当它显示时,它有效地位于div内部,而不是围绕它,再次有效地利用了空间。关于如何做到这一点有什么想法吗?不是MatteoSpinelli的“iScroll”采用“普通”滚动条(对于iOS产品当然是iOS样式)用于div。我试过使用JonathanAzoff的OverscrollJquery插件,但我似乎无法让它正常工作。我设法让滚动条在mouseen

javascript - 如何对 Angular-UI Bootstrap Modal 组件的 'resolve' 属性进行单元测试

我正在尝试编写一个单元测试,断言正确的变量正在从Angular-UIBootstrap发送到ui.bootstrap.modal的resolve属性组件。这是我目前所拥有的://Controllerangular.module('app').controller('WorkflowListCtrl',function($scope,$modal){//Setuptheeditcallbacktoopenamodal$scope.edit=function(name){varmodalInstance=$modal.open({templateUrl:'partials/editWork

javascript - ember 核心表单组件中的 ARIA 属性

我想在Ember核心表单组件中使用ARIA属性,例如输入和文本区域字段。我注意到在我的模板的组件中使用aria属性,它根本不起作用{{inputaria-label="Yourname"}}{{textareaaria-label="Youraddress"}}所以我决定在初始化器中重新打开核心组件以将此属性添加到组件exportdefault{name:'reopenTextAreaComponent',initialize:function(){Ember.TextArea.reopen({attributeBindings:['aria-label']});}};自从我这样做后,

javascript - 初始化 react 组件状态

我遇到了一些在类中定义组件状态的React代码,如下所示://Snippet1classSampleextendsReact.Component{state={count:0}}我学习React的方式是在类的构造函数中声明状态://Snippet2classSampleextendsReact.Component{constructor(props){super(props);this.state={count:0};}}我能想到的唯一区别是在构造函数中初始化状态将保证在组件生命周期中正确初始化状态。以上两个代码片段有什么区别?在片段1中,假设在初始化类时正确设置了状态是否安全?