Questions tagged «javascript»

有关在ECMAScript（JavaScript / JS）及其各种方言/实现（不包括ActionScript）中进行编程的问题。此标记很少单独使用，但最常与标记[node.js]，[jquery]，[json]和[html]关联。

9
React.js将HTML字符串转换为JSX
我在处理Facebook的ReactJS时遇到问题。每当我执行ajax并想要显示html数据时，ReactJS都会将其显示为文本。（见下图） 通过jquery Ajax的成功回调函数显示数据。 $.ajax({ url: url here, dataType: "json", success: function(data) { this.setState({ action: data.action }) }.bind(this) }); 有没有简单的方法可以将其转换为html？我应该如何使用ReactJS？
10
仅检测伪元素上的点击事件
我的代码是： p { position: relative; background-color: blue; } p:before { content: ''; position: absolute; left:100%; width: 10px; height: 100%; background-color: red; } 请查看此小提琴：http : //jsfiddle.net/ZWw3Z/5/ 我只想在伪元素（红色位）上触发点击事件。也就是说，我不希望点击事件在蓝色位触发。
212 javascript  jquery  css 
15
如何从base64数据字符串中保存PNG图片服务器端
我正在使用Nihilogic的“ Canvas2Image” JavaScript工具将画布图形转换为PNG图像。现在，我需要使用PHP将此工具生成的base64字符串转换为服务器上的实际PNG文件。 简而言之，我目前正在做的是使用Canvas2Image在客户端生成一个文件，然后检索base64编码的数据，并使用AJAX将其发送到服务器： // Generate the image file var image = Canvas2Image.saveAsPNG(canvas, true); image.id = "canvasimage"; canvas.parentNode.replaceChild(image, canvas); var url = 'hidden.php', data = $('#canvasimage').attr('src'); $.ajax({ type: "POST", url: url, dataType: 'text', data: { base64data : data } }); 此时，“ hidden.php”收到的数据块看起来像data：image / png; base64，iVBORw0KGgoAAAANSUhEUgAABE ... 从这一点开始，我很困惑。通过阅读，我相信应该使用PHP的imagecreatefromstring函数，但是我不确定如何从base64编码的字符串实际创建实际的PNG图像并将其存储在服务器上。请帮忙！
7
如何同时运行两个jQuery动画？
是否可以同时在两个不同的元素上运行两个动画？我需要与此问题相反的Jquery排队动画。 我需要做这样的事情... $('#first').animate({ width: 200 }, 200); $('#second').animate({ width: 600 }, 200); 但要同时运行这两个。我唯一想到的就是setTimeout为每个动画使用一次，但是我认为这不是最好的解决方案。
28
如何在moment.js持续时间上使用format（）？
有什么办法可以在duration对象上使用moment.js format方法？我在文档中的任何地方都找不到它，并且它也不是持续时间对象的属性。 我希望能够执行以下操作： var diff = moment(end).unix() - moment(start).unix(); moment.duration(diff).format('hh:mm:ss') 另外，如果还有其他任何可以轻松容纳这种功能的库，我会对建议感兴趣。 谢谢！
13
JavaScript中的转义引号
我正在从数据库中输出值（它实际上并不开放给公众进入，但是它对公司用户开放，这意味着我不担心XSS）。 我正在尝试输出这样的标签： <a href="" onclick="DoEdit('DESCRIPTION');">Click Me</a> description实际上是数据库中的值，如下所示： Prelim Assess "Mini" Report 我已经尝试过用\替换“”，但是无论我如何尝试，Firefox都会在Assess一词后的空格后面不断切掉我的JavaScript调用，这会引起各种问题。 我必须忽略明显的答案，但是对于我的一生，我无法弄清楚。 有人指出我的愚蠢吗？ 这是整个HTML页面（最终将是ASP.NET页面，但是为了解决这个问题，我除去了问题代码以外的所有内容） <html> <body> <a href="#" onclick="DoEdit('Preliminary Assessment \"Mini\"'); return false;">edit</a> </body> </html>
7
React onClick函数在渲染时触发
我将2个值传递给子组件： 要显示的对象列表 删除功能。 我使用.map（）函数显示对象列表（如React教程页面中给出的示例中所示），但是该组件中的按钮在onClickrender上触发该函数（不应在渲染时触发）。我的代码如下所示： module.exports = React.createClass({ render: function(){ var taskNodes = this.props.todoTasks.map(function(todo){ return ( <div> {todo.task} <button type="submit" onClick={this.props.removeTaskFunction(todo)}>Submit</button> </div> ); }, this); return ( <div className="todo-task-list"> {taskNodes} </div> ); } }); 我的问题是：为什么onClick函数在渲染时触发，如何使其不触发？
4
何时使用基于ES6类的React组件和功能性ES6 React组件？
在花了一些时间学习React之后，我了解了创建组件的两个主要范例之间的区别。 我的问题是，什么时候应该使用哪个？为什么？一个人相对于另一个人的利益/取舍是什么？ ES6课程： import React, { Component } from 'react'; export class MyComponent extends Component { render() { return ( <div></div> ); } } 功能性： const MyComponent = (props) => { return ( <div></div> ); } 我正在考虑什么时候只要该组件没有状态要操作就可以了，是吗？ 我在猜测是否使用任何生命周期方法，最好是使用基于类的组件。
27
避免jQuery陷阱[关闭]
按照目前的情况，这个问题不适合我们的问答形式。我们希望答案会得到事实，参考或专业知识的支持，但是这个问题可能会引起辩论，争论，民意测验或扩展讨论。如果您认为此问题可以解决并且可以重新提出，请访问帮助中心以获取指导。 8年前关闭。 我正在用jQuery启动一个项目。 您在jQuery项目中遇到了哪些陷阱/错误/误解/滥用/误用？
210 javascript  jquery 
21
如何使HTML文本框为空时显示提示？
我希望网页上的搜索框以灰色斜体显示单词“搜索”。当框获得焦点时，它应该看起来像一个空的文本框。如果其中已经有文本，则应正常显示文本（黑色，非斜体）。这将帮助我通过除去标签来避免混乱。 顺便说一句，这是页面上的Ajax搜索，因此没有按钮。
210 javascript  html 
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.