タグ付けされた質問 「javascript」

ECMAScript(JavaScript / JS)とそのさまざまな方言/実装(ActionScriptを除く)でのプログラミングに関する質問。このタグが単独で使用されることはほとんどありませんが、ほとんどの場合、[node.js]、[jquery]、[json]、および[html]タグに関連付けられています。

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/ 疑似要素(赤いビット)でのみクリックイベントをトリガーしたいと思います。つまり、青色のビットでクリックイベントがトリガーされないようにします。
213 javascript  jquery  css 

11
JavaScript変数はループの外側または内側を宣言しますか?
AS3では、パフォーマンスを向上させるために、ループの外側ですべての変数を初期化する必要があると思います。これはJavaScriptにも当てはまりますか?どちらが良い/速い/ベストプラクティスですか? var value = 0; for (var i = 0; i < 100; i++) { value = somearray[i]; } または for (var i = 0 ; i < 100; i++) { var value = somearray[i]; }

9
Reactjsは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を使用するにはどうすればよいですか?

15
base64データ文字列からサーバー側でPNG画像を保存する方法
Nihilogicの "Canvas2Image" JavaScriptツールを使用して、キャンバスの描画をPNG画像に変換しています。今必要なのは、このツールが生成するbase64文字列を、PHPを使用してサーバー上の実際の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画像を作成し、サーバーに保存する方法がわかりません。助けてください!


4
ES6クラスベースのReactコンポーネントと機能的なES6 Reactコンポーネントをいつ使用するのですか?
Reactの学習に少し時間を費やした後、コンポーネント作成の2つの主要なパラダイムの違いを理解しました。 私の質問は、いつどちらを使用する必要があるのか​​、そしてその理由は何ですか?一方の利点ともう一方の利点は何ですか? ES6クラス: import React, { Component } from 'react'; export class MyComponent extends Component { render() { return ( <div></div> ); } } 機能的: const MyComponent = (props) => { return ( <div></div> ); } そのコンポーネントによって操作される状態がないときはいつでも機能的だと思いますが、それはそれですか? ライフサイクルメソッドを使用する場合は、クラスベースのコンポーネントを使用するのが最善だと思います。

7
2つのjQueryアニメーションを同時に実行する方法は?
2つの異なる要素で2つのアニメーションを同時に実行することはできますか?この質問の反対の質問が必要ですJqueryキューイングアニメーション。 私はこのようなことをする必要があります... $('#first').animate({ width: 200 }, 200); $('#second').animate({ width: 600 }, 200); しかし、これら2つを同時に実行します。私が考えることができる唯一のことsetTimeoutは、アニメーションごとに一度使用することですが、それが最良の解決策だとは思いません。




10
JavaScriptエラー(キャッチされないSyntaxError:予期しない入力の終了)
FireFoxでは機能するがChromeやIEでは機能しないJavaScriptコードがいくつかあります。 Chrome JS Consoleで次のエラーが発生します。 「Uncaught SyntaxError:Unexpected end of input」。 私が使用しているJavaScriptコードは次のとおりです。 <script> $(function() { $("#mewlyDiagnosed").hover(function() { $("#mewlyDiagnosed").animate({'height': '237px', 'top': "-75px"}); }, function() { $("#mewlyDiagnosed").animate({'height': '162px', 'top': "0px"}); }); </script> それはエラーが最後の行にあると言います });

28
moment.jsの期間にformat()を使用するにはどうすればよいですか?
durationオブジェクトでmoment.js formatメソッドを使用する方法はありますか?私はそれをドキュメントのどこにも見つけることができず、durationオブジェクトの属性であるとは思われません。 私は次のようなことができるようになりたいです: 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は単語の後のスペースの後に私のJavaScript呼び出しをオフにチョッピング続け評価し、それが問題のすべての種類を引き起こしています。 私は明白な答えを逃しているに違いありませんが、私の人生ではそれを理解することはできません。 誰かが私の愚かさを指摘して気にかけますか? これがHTMLページ全体です(最終的にはASP.NETページになりますが、これを解決するために、問題のコード以外のすべてを取り出しました)。 <html> <body> <a href="#" onclick="DoEdit('Preliminary Assessment \"Mini\"'); return false;">edit</a> </body> </html>

27
回避すべきjQueryの落とし穴[クローズド]
現在のところ、この質問はQ&A形式には適していません。私たちは回答が事実、参考文献、または専門知識によってサポートされることを期待しますが、この質問はおそらく議論、議論、投票、または拡張された議論を誘います。この質問を改善でき、再開できると思われる場合は、ヘルプセンターにアクセスしてください。 8年前に閉鎖。 私はjQueryでプロジェクトを始めています。 jQueryプロジェクトでどんな落とし穴/エラー/誤解/誤用/誤用がありましたか?
210 javascript  jquery 

21
空のときにHTMLテキストボックスにヒントを表示するにはどうすればよいですか?
Webページの検索ボックスに「検索」という単語を灰色の斜体で表示したい。ボックスがフォーカスを受け取ると、空のテキストボックスのように見えるはずです。既にテキストが含まれている場合は、通常のテキスト(黒、斜体以外)が表示されます。これにより、ラベルを削除して整理できます。 ところで、これはページ上のAjax検索なので、ボタンはありません。
210 javascript  html 

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.