草庐IT

Web组件

全部标签

javascript - 如何使用 classList 获取 React 组件引用以更改其类?

我使用以下代码创建了一个React组件。在此我创建选项卡并添加类并将其引用存储在全局命名空间接口(interface)中以供进一步处理。varTabBody=React.createClass({getInitialState:function(){return{class:'tabBodytabactiveTab'}},render:function(){Interfaces.tabBody=this;tabSelectionInfo.tabBody=this;return(React.createElement('div',{className:this.state.class,o

javascript - 如何创建一个行为类似于表单元素的 Web 组件?

我正在尝试创建一个专门用于表单元素的Web组件,它具有一个name和一个value。我认识到我可以创建一个extendsHTMLInputElement的Web组件:但我正在尝试创建一个全新的元素。在创建常规Web组件时,您可以从常规HTMLElement(HTMLElement.prototype)的原型(prototype)创建它。这使我假设我可以使用HTMLInputElement(HTMLInputElement.prototype)的原型(prototype)创建不同的元素。您在扩展输入元素的API时实际上使用了该原型(prototype),那么为什么我不能使用该原型(pro

javascript - Angular2 rc5> 组件未加载

我最近从RC4迁移到Angular2RC5。从那以后我遇到了几个问题。我不确定这些问题是我的错误还是过渡性的。我的应用程序组件如下所示:import{Component,OnInit}from"@angular/core";import{SetLocationService}from"./auth/set-location.service";@Component({selector:"my-app",template:``})exportclassAppComponentimplementsOnInit{constructor(private_setLocationService:Se

javascript - D3.js 4 与 AngularJS 1.5(组件或指令?)

我想在AngularJS1.5x中使用D3.jsv4过去我使用.directives作为图表,但现在我想知道是否可以使用.components代替指令,这是否是一个好的做法。CheckthesamplecaseonPlunkr问题出现在组件中的d3.select(element[0]).append('svg')中。控制台抛出错误:元素未定义。所以我尝试了类似d3.select('chart-container').append('svg')但随后d3在拥有该类的第一个元素中注入(inject)所有图表(在所有文档中查找该类,而不仅仅是组件)。那么...有人可以帮我为可重用组件做一个正

javascript - 我应该为实时 Web 应用程序使用 Node.js 而不是 Rails 吗?

我正在构建一个复杂的网络应用程序,该应用程序必须大量处理实时数据并将该数据显示给用户。鉴于我更习惯于Rails,我想知道是否有倾倒Rails和使用node.js来构建应用程序的巨大优势,或者是否有一种方法可以让我拥有Node.js的实时优势。Rails中的js。更好的是能够使用Node.js和Rails。有这种可能吗?谢谢 最佳答案 BetterwouldbetobeabletouseNode.jsandRails.Isthatapossibility?恕我直言,结合两全其美是一个非常好的主意,因为您可以使用现有经验构建Web应用程

javascript - 在返回 AJAX 响应之前阻止 Web 浏览器关闭

这个问题在这里已经有了答案:JavaScript,browsers,windowclose-sendanAJAXrequestorrunascriptonwindowclosing(9个回答)关闭5年前。我有一个在网络浏览器中运行的游戏(作为插件),我想做的是:检测用户是否决定关闭浏览器(Alt+F4、点击“X”按钮等)在我们调用我们的网络服务以记录用户已关闭浏览器时阻止浏览器关闭一旦我们收到来自网络服务的响应,就会释放锁定并允许浏览器按要求关闭。我们想要这样做的主要原因是我们遇到了一些并发问题,并且通过我们的日志,我们希望将注销/关闭浏览器的人与插件崩溃的真实实例隔离开来。我考虑用J

javascript - 从组件触发路由 Action

我有一个组件,我想触发路由级别的操作,以便我可以转换到不同的路由。App=Ember.Application.create();App.Router.map(function(){});App.IndexRoute=Ember.Route.extend({actions:{complete:function(){//Thisneverhappens:(console.log('Triggeredcomplete!');}}});App.MyAreaComponent=Ember.Component.extend({actions:{clickMyButton:function(){co

javascript - 具有大型数据集的组件仅在 IE11/Edge 上运行缓慢

考虑下面的代码。想象一下rows.length在此示例中,每个数组大约有8列,将达到2000或更多的任何值。我使用此代码的更扩展版本来呈现表格的一部分,这一直是我的Web应用程序的瓶颈。varGridBody=React.createClass({render:function(){return{this.props.Rows.map((row,rowKey)=>{returnthis.renderRow(row,rowKey);})};},renderRow:function(row,rowKey){return{row.map((col,colKey)=>{returnthis.r

javascript - 自行销毁组件 - angular2

我的组件(main-cmp)包含来自数据库的行。对于行,我为例如创建另一个组件。行-cmpmain-cmp从数据库中请求数据,并解析为在row-cmp中,我声明了delete()函数,它向我的后端调用http请求。现在,当来自请求的响应为真时,我想销毁所选行的row-cmp。这可能吗? 最佳答案 这是不支持的。我建议添加一个事件发射器@Output()delete:EventEmitter=newEventEmitter();然后添加一个事件处理程序,从数据数组中删除该项目 关于java

javascript - 如何检查一个对象是否是一个 Vue 组件?

是否有可靠的方法来检查对象是否为Vue.js组件? 最佳答案 您可以使用instanceof,如下代码:varisVueComp=vuecompinstanceofVue如果isVueComp为真,则它是一个Vue.js组件,否则不是。您还可以使用vuecomp.prototype.constructor,它将返回对创建实例对象的Object构造函数的引用。检查这个fiddle. 关于javascript-如何检查一个对象是否是一个Vue组件?,我们在StackOverflow上找到一个