Tag: 前端

在Reactjs中获取表单数据

我的renderfunction有一个简单的forms，如下所示： render : function() { return ( <form> <input type="text" name="email" placeholder="Email" /> <input type="password" name="password" placeholder="Password" /> <button type="button" onClick={this.handleLogin}>Login</button> </form> ); }, handleLogin: function() { //How to access email and password here ? } 我应该写在我的handleLogin: function() { … }来访问Email和Password字段？

ReSt.js中的setState和replaceState

我是React.js图书馆的新手，我正在浏览一些教程，我遇到了： this.setState this.replaceState 给出的描述不是很清楚（IMO）。 setState is done to 'set' the state of a value, even if its already set in the 'getInitialState' function. 同样的， The replaceState() method is for when you want to clear out the values already in state, and add new ones. 我试过this.setState({data: someArray}); 其次是this.replaceState({test: someArray}); 然后console.logged他们，我发现现在state有data和test 。 然后，我试着this.setState({data: someArray}); 其次是this.setState({test: someArray}); 然后console.logged他们，我发现state再次有data和test […]

Ember.js或Backbone.js用于Restful后端

我已经知道，与backbone.js相比，ember.js是一个比较重的方法。 我读了很多关于两者的文章。 我问自己，作为rails rest后端的前端，哪个框架更容易工作。 对于backbone.js，我看到了不同的方法来调用rest后端。 对于余烬，似乎我必须包含更多的库，如“数据”或“资源”。 为什么有两个这样的库？ 那么最好的select是什么？ 也没有很多例子将前端连接到后端。 什么是后端rest的一个很好的工作示例调用这个： URI：../restapi/topics GET auth凭证：admin / secrect格式：json

什么时候应该使用内联与外部Javascript？

我想知道什么时候应该包含外部脚本，或者在内部使用html代码进行编写，以便提高性能和维护的便利性。 这是什么一般的做法？ 真实世界的情况 – 我有几个需要客户端表单validation的html页面。 为此，我使用了包含在所有这些页面上的jQuery插件。 但问题是，我是否： 写内联configuration这个脚本的代码位？ 包括所有这些html页面之间共享的一个文件中的所有位？ 包括每个位在一个单独的外部文件，每个HTML页面？ 谢谢。

什么是Bootstrap？

这里有很多关于Bootstrap的问题。 我看到很多人使用它。 所以我试图研究它，我find了正式的Bootstrap网站 ，但是之后只有一个下载部分和几个字。 没有什么解释它是什么…我只是明白，这是一个前端的帮手。 我试图通过谷歌searchfind一些东西，但没有发现任何具体的东西。 我发现的一切都与计算机科学的定义有关。 所以，我的问题是： 什么是Bootstrap呢？ 它的用途是什么，它如何帮助前端开发？ 我还想要更多的细节解释。

在使用地图时，反应“不能读取未定义的属性”

我正在从teamtreehouse.com制作一个非常基本的React应用程序，而且我经常遇到 “TypeError：无法读取属性”onPlayerScoreChange“未定义的” 即使我正确地绑定我的function（我认为） 'onPlayerScoreChange'是Grandparent组件中的一个方法，当用户点击“+”或“ – ”button来改变玩家的分数时，该方法就会执行。 如果有人可以解释什么是错误的，这将是非常有帮助的，因为我认为我在伟大的祖父母的构造函数中设置this.onPlayerScoreChange = this.onPlayerScoreChange.bind(this) 。 父组件： class App extends React.Component { constructor(props) { super(props); this.onPlayerScoreChange = this.onPlayerScoreChange.bind(this) this.state = { initialPlayers: props.initialPlayers, }; } onPlayerScoreChange(delta, index) { this.setState((prevState, props) => { return {initialPlayers: this.prevState.initialPlayers[index].score += delta} }) } render() { return( <div className = "scoreboard"> <Header title = {this.props.title}/> <div […]

插入HTML与反应variables语句（JSX）

我正在用React构build一些东西，我需要在JSX中插入带有Reactvariables的HTML。 有没有办法有这样的variables： var thisIsMyCopy = '<p>copy copy copy <strong>strong copy</strong></p>'; 并插入到像这样的反应，并有它的工作？ render: function() { return ( <div className="content">{thisIsMyCopy}</div> ); } 并按预期插入HTML？ 我还没有看到或听到任何可以做到这一点的反应函数，或parsing的东西，可以使这个工作的方法。

是否有完成CSS3animation的callback？

有什么办法来实现一个callback函数的情况下css3animation？ 在Javascriptanimation的情况下，它可能但没有find任何方式来做到这一点在CSS 3。 我可以看到的一种方式是在animation持续时间后执行callback，但不能确保在animation结束后总是会调用callback。 这将取决于浏览器UI队列。 我想要一个更强大的方法。 任何线索？